var/cache/dev/twig/b2/b235627aac0ae83b7fecef526a344b5f.php line 59

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\CoreExtension;
  7. use Twig\Extension\SandboxExtension;
  8. use Twig\Markup;
  9. use Twig\Sandbox\SecurityError;
  10. use Twig\Sandbox\SecurityNotAllowedTagError;
  11. use Twig\Sandbox\SecurityNotAllowedFilterError;
  12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  13. use Twig\Source;
  14. use Twig\Template;
  15. use Twig\TemplateWrapper;
  17. /* vitrine/en/homepage.html.twig */
  18. class __TwigTemplate_44de184e5eb1317f89ee043904cd3b74 extends Template
  19. {
  20. private Source $source;
  21. /**
  22. * @var array<string, Template>
  23. */
  24. private array $macros = [];
  26. public function __construct(Environment $env)
  27. {
  28. parent::__construct($env);
  30. $this->source = $this->getSourceContext();
  32. $this->blocks = [
  33. 'title' => [$this, 'block_title'],
  34. 'description' => [$this, 'block_description'],
  35. 'robots' => [$this, 'block_robots'],
  36. 'canonical' => [$this, 'block_canonical'],
  37. 'body' => [$this, 'block_body'],
  38. 'footerjs' => [$this, 'block_footerjs'],
  39. 'css' => [$this, 'block_css'],
  40. ];
  41. }
  43. protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
  44. {
  45. // line 1
  46. return "vitrine/en/layout.html.twig";
  47. }
  49. protected function doDisplay(array $context, array $blocks = []): iterable
  50. {
  51. $macros = $this->macros;
  52. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  53. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "vitrine/en/homepage.html.twig"));
  55. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  56. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "vitrine/en/homepage.html.twig"));
  58. $this->parent = $this->load("vitrine/en/layout.html.twig", 1);
  59. yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
  61. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  64. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  66. }
  68. // line 3
  69. /**
  70. * @return iterable<null|scalar|\Stringable>
  71. */
  72. public function block_title(array $context, array $blocks = []): iterable
  73. {
  74. $macros = $this->macros;
  75. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  76. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  78. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  79. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  81. yield "Cathedral Heritage Suite - 8-Guest Rental Strasbourg Center";
  83. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  86. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  88. yield from [];
  89. }
  91. // line 4
  92. /**
  93. * @return iterable<null|scalar|\Stringable>
  94. */
  95. public function block_description(array $context, array $blocks = []): iterable
  96. {
  97. $macros = $this->macros;
  98. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  99. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  101. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  102. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "description"));
  104. yield "Rent our 83m² suite in the heart of Strasbourg. 3 bedrooms, sleeps 8, 100m from Cathedral. Kitchen fully furnished, 2 bathrooms. Book your stay today!";
  106. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  109. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  111. yield from [];
  112. }
  114. // line 5
  115. /**
  116. * @return iterable<null|scalar|\Stringable>
  117. */
  118. public function block_robots(array $context, array $blocks = []): iterable
  119. {
  120. $macros = $this->macros;
  121. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  122. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  124. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  125. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "robots"));
  127. yield "index,follow";
  129. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  132. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  134. yield from [];
  135. }
  137. // line 7
  138. /**
  139. * @return iterable<null|scalar|\Stringable>
  140. */
  141. public function block_canonical(array $context, array $blocks = []): iterable
  142. {
  143. $macros = $this->macros;
  144. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  145. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "canonical"));
  147. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  148. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "canonical"));
  150. // line 8
  151. yield " <link rel=\"canonical\" href=\"https://cathedraleheritage.com\" />
  152. <link rel=\"alternate\" hreflang=\"fr\" href=\"https://cathedraleheritage.com/fr\" />
  153. <link rel=\"alternate\" hreflang=\"en\" href=\"https://cathedraleheritage.com\" />
  154. <link rel=\"alternate\" hreflang=\"x-default\" href=\"https://cathedraleheritage.com\" />
  155. ";
  157. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  160. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  162. yield from [];
  163. }
  165. // line 14
  166. /**
  167. * @return iterable<null|scalar|\Stringable>
  168. */
  169. public function block_body(array $context, array $blocks = []): iterable
  170. {
  171. $macros = $this->macros;
  172. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  173. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  175. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  176. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
  178. // line 15
  179. yield "
  180. <section id=\"hero\" class=\"text-light no-top no-bottom relative overflow-hidden z-1000\">
  181. <div class=\"abs w-100 abs-centered z-2\">
  182. <div class=\"container\">
  183. <div class=\"spacer-double\"></div>
  184. <div class=\"row g-4 align-items-center justify-content-center\">
  185. <div class=\"col-md-8 text-center\">
  186. <h1 class=\"mb-2\" style=\"color:white;\">Welcome to Cathedral Heritage Suite</h1>
  187. <p class=\"lead mb-3\" style=\"color:white; font-size:22px;\">Beautifully appointed apartment accommodating up to 8 guests in Strasbourg’s prestigious historical city center</p>
  188. <a class=\"btn-main btn-line bg-blur fx-slide\" href=\"#about\" style=\"color:white;\"><span>Find out more</span></a>
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. <div class=\"vertical-center\">
  194. <div class=\"swiper\">
  195. <div class=\"swiper-wrapper\">
  196. <div class=\"swiper-slide\">
  197. <div class=\"swiper-inner\" data-bgimage=\"url(/images/salon2.jpeg)\">
  198. <div class=\"sw-overlay op-5\"></div>
  199. </div>
  200. </div>
  201. <div class=\"swiper-slide\">
  202. <div class=\"swiper-inner\" data-bgimage=\"url(/images/chambre2.jpeg)\">
  203. <div class=\"sw-overlay op-5\"></div>
  204. </div>
  205. </div>
  206. <div class=\"swiper-slide\">
  207. <div class=\"swiper-inner\" data-bgimage=\"url(/images/noel.jpeg)\">
  208. <div class=\"sw-overlay op-5\"></div>
  209. </div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  215. <div class=\"abs w-100 bottom-0 z-2 pb-4 sm-hide\">
  216. <div class=\"container\">
  217. <div class=\"row\">
  218. <div class=\"col-lg-12\">
  219. <div class=\"d-flex justify-content-between\">
  220. <div>
  221. <h6 style=\"color:white;\">Cathedral 100m away</h6>
  222. </div>
  223. <div>
  224. <h6 style=\"color:white;\">Museums 200m away</h6>
  225. </div>
  226. <div>
  227. <h6 style=\"color:white;\">Petite France 300m away</h6>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. <div class=\"gradient-edge-bottom op-8\"></div>
  235. </section>
  237. <section id=\"about\">
  238. <div class=\"container\">
  239. <div class=\"row g-4 align-items-end justify-content-between\">
  240. <div class=\"col-lg-5\">
  241. <div class=\"subtitle\">About the apartment</div>
  242. <h2>Modern suite in the heart of Strasbourg's Grande Île</h2>
  243. </div>
  245. <div class=\"col-lg-4\">
  246. <p class=\"mb-4\" style=\"color:#212121;\">
  247. Spacious fully equipped appartement ideal for families and groups up to 8 people : 1 master bedroom with en-suite bathroom, one double bedroom, one bedroom with two double bunk beds (sleeps 4), maximum weight of 100kg for upper bunks.
  248. </p>
  249. <p class=\"mb-4\" style=\"color:#212121;\">
  250. Kitchen fully furnished and cozy living-dining room to share great moments together.
  251. </p>
  252. <p class=\"mb-4\" style=\"color:#212121;\">
  253. Amenities: hairdryer, dishwasher, washer-dryer, microwave, oven, ironing board with iron, Nespresso coffee machine, kettle, TV, Wi-Fi and USB outlets for charging your devices.
  254. </p>
  255. </div>
  256. </div>
  258. <div class=\"spacer-single\"></div>
  260. <div class=\"row g-4\">
  261. <div class=\"col-md-2\">
  262. <div class=\"relative\">
  263. <h5>Size</h5>
  264. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:6px;\">
  265. <img src=\"/images/home.png\" width=\"37\" class=\"me-3\" alt=\"\">
  266. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">83 m²</div>
  267. </div>
  268. </div>
  269. </div>
  271. <div class=\"col-md-2\">
  272. <div class=\"relative\">
  273. <h5>Bedrooms</h5>
  274. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:4px;\">
  275. <img src=\"/images/bed.png\" width=\"37\" class=\"me-3\" alt=\"\">
  276. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">3</div>
  277. </div>
  278. </div>
  279. </div>
  281. <div class=\"col-md-2\">
  282. <div class=\"relative\">
  283. <h5>Living Room</h5>
  284. <div class=\"d-flex justify-content-start align-items-center\">
  285. <img src=\"/images/sofa.png\" width=\"50\" class=\"me-3\" alt=\"\">
  286. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">Included</div>
  287. </div>
  288. </div>
  289. </div>
  291. <div class=\"col-md-2\">
  292. <div class=\"relative\">
  293. <h5>Kitchen</h5>
  294. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:6px;\">
  295. <img src=\"/images/cooking.png\" width=\"37\" class=\"me-3\" alt=\"\">
  296. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">Included</div>
  297. </div>
  298. </div>
  299. </div>
  301. <div class=\"col-md-2\">
  302. <div class=\"relative\">
  303. <h5>Bathrooms</h5>
  304. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:4px;\">
  305. <img src=\"/images/bathroom.png\" width=\"40\" class=\"me-3\" alt=\"\">
  306. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">2</div>
  307. </div>
  308. </div>
  309. </div>
  311. <div class=\"col-md-2\">
  312. <div class=\"relative\">
  313. <h5>Guests</h5>
  314. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:5px;\">
  315. <img src=\"/images/user.png\" width=\"37\" class=\"me-3\" alt=\"\">
  316. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">8</div>
  317. </div>
  318. </div>
  319. </div>
  320. </div>
  321. </div>
  322. </section>
  324. <section id=\"rooms\" class=\"p-0 overflow-hidden\">
  326. <div class=\"container-fluid\">
  327. <div class=\"row\">
  328. <div class=\"col-lg-12\">
  329. <div class=\"owl-custom-nav menu-float\" data-target=\"#room-carousel\">
  330. <a class=\"btn-next\"></a>
  331. <a class=\"btn-prev\"></a>
  333. <div id=\"room-carousel\" class=\"owl-2-cols-center owl-carousel owl-theme\">
  335. <div class=\"item\">
  336. <div class=\"relative\">
  337. <div class=\"overflow-hidden text-light\">
  338. <div class=\"abs h-100 start-0 z-2 p-4\">
  339. <h3 style=\"color:white;\">Living Room</h3>
  340. </div>
  341. <img src=\"/images/salon2.jpeg\" class=\"w-100\" alt=\"Living Room\">
  342. </div>
  343. </div>
  344. </div>
  346. <div class=\"item\">
  347. <div class=\"relative\">
  348. <div class=\"overflow-hidden text-light\">
  349. <div class=\"abs h-100 start-1 z-2 p-4\">
  350. <h3 style=\"color:white;\">Bedroom 1</h3>
  351. </div>
  352. <img src=\"/images/chambre1.jpeg\" class=\"w-100\" alt=\"Bedroom 1\">
  353. </div>
  354. </div>
  355. </div>
  357. <div class=\"item\">
  358. <div class=\"relative\">
  359. <div class=\"overflow-hidden text-light\">
  360. <div class=\"abs h-100 start-2 z-2 p-4\">
  361. <h3 style=\"color:white;\">Bedroom 2</h3>
  362. </div>
  363. <img src=\"/images/chambre2.jpeg\" class=\"w-100\" alt=\"Bedroom 2\">
  364. </div>
  365. </div>
  366. </div>
  368. <div class=\"item\">
  369. <div class=\"relative\">
  370. <div class=\"overflow-hidden text-light\">
  371. <div class=\"abs h-100 start-3 z-2 p-4\">
  372. <h3 style=\"color:white;\">Bedroom 3</h3>
  373. </div>
  374. <img src=\"/images/chambre3.jpeg\" class=\"w-100\" alt=\"Bedroom 3\">
  375. </div>
  376. </div>
  377. </div>
  379. <div class=\"item\">
  380. <div class=\"relative\">
  381. <div class=\"overflow-hidden text-light\">
  382. <div class=\"abs h-100 start-4 z-2 p-4\">
  383. <h3 style=\"color:white;\">Kitchen</h3>
  384. </div>
  385. <img src=\"/images/cuisine.jpeg\" class=\"w-100\" alt=\"Kitchen\">
  386. </div>
  387. </div>
  388. </div>
  390. <div class=\"item\">
  391. <div class=\"relative\">
  392. <div class=\"overflow-hidden text-light\">
  393. <div class=\"abs h-100 start-5 z-2 p-4\">
  394. <h3 style=\"color:white;\">Bathroom</h3>
  395. </div>
  396. <img src=\"/images/salledebain.jpeg\" class=\"w-100\" alt=\"Bathroom 1\">
  397. </div>
  398. </div>
  399. </div>
  401. <div class=\"item\">
  402. <div class=\"relative\">
  403. <div class=\"overflow-hidden text-light\">
  404. <div class=\"abs h-100 start-6 z-2 p-4\">
  405. <h3 style=\"color:white;\">Bathroom 2</h3>
  406. </div>
  407. <img src=\"/images/salledebain2.jpeg\" class=\"w-100\" alt=\"Bathroom 2\">
  408. </div>
  409. </div>
  410. </div>
  412. </div>
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  418. </section>
  420. <section id=\"services\" class=\"overlay-dark-1\">
  421. <div class=\"container\">
  422. <div class=\"row g-4 justify-content-between\">
  423. <div class=\"col-lg-5 relative z-3\">
  424. <div class=\"me-lg-3\">
  425. <div class=\"subtitle wow fadeInUp\" data-wow-delay=\".0s\">Your stay in Strasbourg</div>
  426. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Rates and services</h2>
  427. <p style=\"color:#212121; font-size:18px;\">An exceptional suite in the heart of Strasbourg, with optionnal dedicated concierge service to assist you throughout your stay.</p>
  429. <p style=\"color:#212121; font-size:18px;\">Minimum booking of two nights.</p>
  431. <a href=\"#reservation\" class=\"btn-main\" style=\"color:white;\">Booking</a>
  434. </div>
  435. </div>
  437. <div class=\"col-lg-6\" style=\"color:black;\">
  438. <div class=\"spacer-single spacer-double\"></div>
  439. <div class=\"row\">
  440. <div class=\"col-md-6 wow fadeInUp\" data-wow-delay=\".2s\">
  442. ";
  443. // line 288
  444. yield "
  445. <ul class=\"ul-check fs-500\">
  446. <li>2 guests: €350 per night</li>
  447. <li>4 guests: €690 per night</li>
  448. <li>from 6 guests and up: €890 per night</li>
  449. <li>10% discount for bookings of 7 nights and up</li>
  450. </ul>
  451. </div>
  453. <div class=\"col-md-6 wow fadeInUp\" data-wow-delay=\".4s\">
  454. <h5 class=\"mb-3\">Optional services</h5>
  455. <ul class=\"ul-check fs-500\">
  456. <li>One parking space: €24/day or €150/week</li>
  457. <li>Extra cleaning during your stay : 60 euros</li>
  458. <li>Other Extras : Children's workshop, baby amenities, dog policy on request (other pets are unfortunately not allowed in the appartement), Decoration for special occasions, breakfast, Alsatian delicacies, etc</li>
  459. </ul>
  461. <div class=\"mt-4\">
  462. <p class=\"fs-500\">
  463. <strong>On site assistance</strong> <br />
  464. <small>Tuesday to Saturday • 10am-6:45pm</small>
  465. </p>
  466. <p class=\"fs-500\">
  467. <strong>Private concierge subject to availability</strong><br>
  468. <small>Quotation on request</small>
  469. </p>
  470. </div>
  471. </div>
  472. </div>
  473. </div>
  474. </div>
  477. </div>
  478. </section>
  480. <section id=\"section-gallery\" class=\"relative\">
  481. <div class=\"container relative z-2\" id=\"photos\">
  482. <div class=\"row g-4 gx-5 justify-content-center\">
  483. <div class=\"col-lg-6 text-center\">
  484. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Apartment Gallery</h2>
  485. <p class=\"wow fadeInUp\" data-wow-delay=\".3s\" style=\"color:#212121;\">Explore our curated images to discover the residence’s various spaces — from the bedrooms and living area to the kitchen, bathroom, and outdoor surroundings.</p>
  486. </div>
  487. </div>
  489. <div class=\"row\">
  490. <div class=\"col-md-12 text-center\">
  491. <ul id=\"filters\" class=\"wow fadeInUp\" data-wow-delay=\"0s\">
  492. <li><a href=\"#\" data-filter=\"*\" class=\"selected\" style=\"color:#212121;\">Show All</a></li>
  493. <li><a href=\"#\" data-filter=\".chambre\" style=\"color:#212121;\">Bedrooms</a></li>
  494. <li><a href=\"#\" data-filter=\".salon\" style=\"color:#212121;\">Living Room</a></li>
  495. <li><a href=\"#\" data-filter=\".cuisine\" style=\"color:#212121;\">Kitchen</a></li>
  496. <li><a href=\"#\" data-filter=\".salledebain\" style=\"color:#212121;\">Bathroom</a></li>
  497. <li><a href=\"#\" data-filter=\".exterieur\" style=\"color:#212121;\">Outdoor surroundings</a></li>
  498. </ul>
  499. </div>
  500. </div>
  502. <div id=\"gallery\" class=\"row g-3 wow fadeInUp\" data-wow-delay=\".3s\">
  503. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  504. <a href=\"images/chambre1.jpeg\" class=\"image-popup d-block hover\">
  505. <div class=\"relative overflow-hidden\">
  506. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  507. View
  508. </div>
  509. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  510. <img src=\"images/chambre1.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Bedroom\">
  511. </div>
  512. </a>
  513. </div>
  514. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  515. <a href=\"images/chambre2.jpeg\" class=\"image-popup d-block hover\">
  516. <div class=\"relative overflow-hidden\">
  517. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  518. View
  519. </div>
  520. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  521. <img src=\"images/chambre2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Bedroom 2\">
  522. </div>
  523. </a>
  524. </div>
  525. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  526. <a href=\"images/chambre3.jpeg\" class=\"image-popup d-block hover\">
  527. <div class=\"relative overflow-hidden\">
  528. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  529. View
  530. </div>
  531. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  532. <img src=\"images/chambre3.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Bedroom 3\">
  533. </div>
  534. </a>
  535. </div>
  536. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  537. <a href=\"images/salon.jpeg\" class=\"image-popup d-block hover\">
  538. <div class=\"relative overflow-hidden\">
  539. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  540. View
  541. </div>
  542. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  543. <img src=\"images/salon.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Living Room\">
  544. </div>
  545. </a>
  546. </div>
  547. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  548. <a href=\"images/salon2.jpeg\" class=\"image-popup d-block hover\">
  549. <div class=\"relative overflow-hidden\">
  550. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  551. View
  552. </div>
  553. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  554. <img src=\"images/salon2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Living Room 2\">
  555. </div>
  556. </a>
  557. </div>
  558. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  559. <a href=\"images/salon3.jpeg\" class=\"image-popup d-block hover\">
  560. <div class=\"relative overflow-hidden\">
  561. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  562. View
  563. </div>
  564. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  565. <img src=\"images/salon3.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Living Room 3\">
  566. </div>
  567. </a>
  568. </div>
  569. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  570. <a href=\"images/salon4.jpeg\" class=\"image-popup d-block hover\">
  571. <div class=\"relative overflow-hidden\">
  572. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  573. View
  574. </div>
  575. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  576. <img src=\"images/salon4.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Living Room 4\">
  577. </div>
  578. </a>
  579. </div>
  580. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  581. <a href=\"images/salon5.jpeg\" class=\"image-popup d-block hover\">
  582. <div class=\"relative overflow-hidden\">
  583. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  584. View
  585. </div>
  586. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  587. <img src=\"images/salon5.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Living Room 5\">
  588. </div>
  589. </a>
  590. </div>
  591. <div class=\"col-md-3 col-sm-6 col-12 item cuisine\">
  592. <a href=\"images/cuisine.jpeg\" class=\"image-popup d-block hover\">
  593. <div class=\"relative overflow-hidden\">
  594. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  595. View
  596. </div>
  597. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  598. <img src=\"images/cuisine.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Kitchen\">
  599. </div>
  600. </a>
  601. </div>
  602. <div class=\"col-md-3 col-sm-6 col-12 item salledebain\">
  603. <a href=\"images/salledebain.jpeg\" class=\"image-popup d-block hover\">
  604. <div class=\"relative overflow-hidden\">
  605. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  606. View
  607. </div>
  608. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  609. <img src=\"images/salledebain.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Bathroom\">
  610. </div>
  611. </a>
  612. </div>
  613. <div class=\"col-md-3 col-sm-6 col-12 item salledebain\">
  614. <a href=\"images/salledebain2.jpeg\" class=\"image-popup d-block hover\">
  615. <div class=\"relative overflow-hidden\">
  616. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  617. View
  618. </div>
  619. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  620. <img src=\"images/salledebain2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Bathroom 2\">
  621. </div>
  622. </a>
  623. </div>
  624. <div class=\"col-md-3 col-sm-6 col-12 item exterieur\">
  625. <a href=\"images/exterieur.jpeg\" class=\"image-popup d-block hover\">
  626. <div class=\"relative overflow-hidden\">
  627. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  628. View
  629. </div>
  630. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  631. <img src=\"images/exterieur.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Exterior\">
  632. </div>
  633. </a>
  634. </div>
  635. </div>
  637. </div>
  638. </section>
  640. <section id=\"reservation\" class=\"text-light\">
  641. <div class=\"container\">
  642. <div class=\"row g-4 justify-content-center\">
  643. <div class=\"col-lg-6 text-center\">
  644. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Book your stay</h2>
  645. </div>
  646. </div>
  648. <div class=\"row g-4 justify-content-center\">
  649. <div class=\"col-md-6\">
  650. ";
  651. // line 494
  652. yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 494, $this->source); })()), 'form_start');
  653. yield "
  654. <div class=\"row g-4\">
  656. <div class=\"col-md-12\">
  657. <div class=\"calendar-container\" style=\"height:300px;\">
  658. <input type=\"text\" id=\"date_range_picker\">
  659. </div>
  660. </div>
  662. <div class=\"col-md-3\">
  663. <label style=\"color:#212121;\">Guests</label>
  664. ";
  665. // line 505
  666. yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 505, $this->source); })()), "persons", [], "any", false, false, false, 505), 'widget');
  667. yield "
  668. </div>
  670. <div class=\"col-md-3\">
  671. <label style=\"color:#212121;\">Arrival</label> <br />
  672. </strong> <span id=\"info-start\" style=\"color:#212121;\">-</span>
  673. </div>
  675. <div class=\"col-md-3\">
  676. <label style=\"color:#212121;\">Departure</label> <br />
  677. <span id=\"info-end\" style=\"color:#212121;\">-</span>
  678. </div>
  680. <div class=\"col-md-3\">
  681. <label style=\"color:#212121;\">Nights</label> <br />
  682. <span id=\"info-nights\" style=\"color:#212121;\">-</span>
  683. </div>
  685. <div class=\"col-md-12\" style=\"font-size:20px;\">
  686. <div id=\"results\"></div>
  687. </div>
  689. <div class=\"col-md-6\">
  690. <label style=\"color:#212121;\">Last name</label>
  691. ";
  692. // line 529
  693. yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 529, $this->source); })()), "lastname", [], "any", false, false, false, 529), 'widget');
  694. yield "
  695. </div>
  697. <div class=\"col-md-6\">
  698. <label style=\"color:#212121;\">First name</label>
  699. ";
  700. // line 534
  701. yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 534, $this->source); })()), "name", [], "any", false, false, false, 534), 'widget');
  702. yield "
  703. </div>
  705. <div class=\"col-md-12\">
  706. <label style=\"color:#212121;\">Email address</label>
  707. ";
  708. // line 539
  709. yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 539, $this->source); })()), "email", [], "any", false, false, false, 539), 'widget');
  710. yield "
  711. </div>
  713. <div class=\"col-md-12\">
  714. <label style=\"color:#212121;\">Message</label>
  715. ";
  716. // line 544
  717. yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 544, $this->source); })()), "message", [], "any", false, false, false, 544), 'widget');
  718. yield "
  719. </div>
  721. <div class=\"col-md-12\">
  722. <div class=\"text-center\" style=\"color:#212121;\">
  723. <input type=\"checkbox\" id=\"acceptCGV\" /> I accept the <a href=\"/terms\" target=\"_blank\" style=\"text-decoration:underline; color:#212121;\">terms and conditions of sale</a>
  724. </div>
  725. </div>
  727. <div class=\"col-md-12\">
  728. <div class=\"text-center\">
  729. <button type=\"submit\" name=\"submit\" value=\"1\" class=\"btn-main\" style=\"color:white;\">Send booking request</button>
  730. </div>
  731. </div>
  732. </div>
  734. ";
  735. // line 560
  736. yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 560, $this->source); })()), "start", [], "any", false, false, false, 560), 'widget');
  737. yield "
  738. ";
  739. // line 561
  740. yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock(CoreExtension::getAttribute($this->env, $this->source, (isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 561, $this->source); })()), "end", [], "any", false, false, false, 561), 'widget');
  741. yield "
  743. ";
  744. // line 563
  745. yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->searchAndRenderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 563, $this->source); })()), 'rest');
  746. yield "
  747. ";
  748. // line 564
  749. yield $this->env->getRuntime('Symfony\Component\Form\FormRenderer')->renderBlock((isset($context["form"]) || array_key_exists("form", $context) ? $context["form"] : (function () { throw new RuntimeError('Variable "form" does not exist.', 564, $this->source); })()), 'form_end');
  750. yield "
  751. </div>
  752. </div>
  753. </div>
  754. </section>
  756. <section id=\"faq\" class=\"text-light\">
  757. <div class=\"container\">
  759. <div class=\"row g-4 justify-content-center\">
  760. <div class=\"col-lg-6 text-center\">
  761. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">FAQ</h2>
  762. </div>
  763. </div>
  765. <div class=\"row g-4 justify-content-center\">
  766. <div class=\"col-lg-6 text-left\" style=\"color:black !important;\">
  768. <h3 style=\"margin-top:7px;\">How can I book the accommodation?</h3>
  769. <div>You can book directly on our website and soon via partner platforms. Secure payment immediately confirms your reservation.</div>
  771. <h3 style=\"margin-top:7px;\">What are the check-in and check-out times?</h3>
  772. <div>
  773. <ul>
  774. <li>Check-in: from 3:00 PM</li>
  775. <li>Check-out: before 11:00 AM</li>
  776. </ul>
  777. </div>
  779. <h3 style=\"margin-top:7px;\">Is the accommodation fully equipped?</h3>
  780. <div> Yes, the apartment is fully furnished and equipped: kitchen, bedding, towels, appliances, Wi-Fi, and more.</div>
  782. <h3 style=\"margin-top:7px;\">Is parking available?</h3>
  783. <div>Yes, private parking is available as an option at €24 per 24 hours or €150 per week (7 nights).</div>
  785. <h3 style=\"margin-top:7px;\">Is the accommodation suitable for children?</h3>
  786. <div>Yes, we offer some baby amenities (baby cot, high chair, child-friendly tableware) upon request.</div>
  788. <h3 style=\"margin-top:7px;\"> Are pets allowed?</h3>
  789. <div> Please contact us before booking if you wish to bring a pet. Only dogs are accepted, and prior approval is required.</div>
  791. <h3 style=\"margin-top:7px;\">Can I cancel or modify my reservation?</h3>
  792. <div>Yes, our cancellation policy is provided at the time of booking:
  793. <ul>
  794. <li>85% refund if canceled more than 1 month before arrival</li>
  795. <li>50% refund if canceled between 1 month and 15 days before arrival</li>
  796. <li>No refund if canceled less than 15 days before arrival</li>
  797. </ul>
  798. </div>
  800. <h3 style=\"margin-top:7px;\">Is the accommodation accessible by public transport?</h3>
  801. <div>Yes, major transport options are nearby. The tram station “Langstross, Grand’rue” is less than 100 meters from the apartment, and Strasbourg train station is a 10-minute walk.</div>
  803. <h3 style=\"margin-top:7px;\">Are there shops or restaurants nearby?</h3>
  804. <div>Yes, you’ll find supermarkets, cafés, restaurants, and tourist activities right at the foot of the building.</div>
  806. <h3 style=\"margin-top:7px;\"> What should I do if there’s a problem during my stay?</h3>
  807. <div> We are available 24/7 by email for emergencies or questions about the apartment. You can also call us from 9:00 AM to 8:00 PM at +33 7 61 05 82 43, and we are available on-site on the ground floor of the building from Tuesday to Saturday, 10:00 AM to 6:45 PM.
  808. </div>
  810. </div>
  811. </div>
  813. </div>
  814. </section>
  816. ";
  818. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  821. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  823. yield from [];
  824. }
  826. // line 632
  827. /**
  828. * @return iterable<null|scalar|\Stringable>
  829. */
  830. public function block_footerjs(array $context, array $blocks = []): iterable
  831. {
  832. $macros = $this->macros;
  833. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  834. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footerjs"));
  836. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  837. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footerjs"));
  839. // line 633
  840. yield " <script src=\"https://cdn.jsdelivr.net/npm/flatpickr\"></script>
  841. <script src=\"https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/en.js\"></script>
  842. <script>
  843. function updateSimulation() {
  844. var start = \$(\"#reservation_form_start\").val();
  845. var end = \$(\"#reservation_form_end\").val();
  846. var persons = \$(\"#reservation_form_persons\").val();
  848. if (start && end && persons) {
  849. \$(\"#results\").html('<div class=\"loading\">Calculating...</div>');
  851. \$.post(
  852. Routing.generate('simulation_pricing'),
  853. {'start': start, 'end': end, 'persons': persons}
  854. )
  855. .done(function(data) {
  856. \$(\"#results\").html(data);
  857. })
  858. .fail(function() {
  859. \$(\"#results\").html('<div class=\"error\">Calculation error</div>');
  860. });
  861. } else {
  862. \$(\"#results\").html('');
  863. }
  864. }
  866. // Écoute les changements sur le nombre de personnes
  867. \$(\"#reservation_form_persons\").change(updateSimulation);
  869. \$(document).ready(function() {
  870. // Désactive le bouton au chargement de la page
  871. \$('button[type=\"submit\"]').prop('disabled', true);
  873. // Écoute les changements sur la checkbox
  874. \$('#acceptCGV').change(function() {
  875. if(\$(this).is(':checked')) {
  876. \$('button[type=\"submit\"]').prop('disabled', false);
  877. } else {
  878. \$('button[type=\"submit\"]').prop('disabled', true);
  879. }
  880. });
  881. });
  882. </script>
  883. <script>
  884. \$(document).ready(function() {
  885. let bookedRanges = [];
  887. \$.ajax({
  888. url: '";
  889. // line 681
  890. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\CoreExtension']->getEnvironmentVariable("WEBHOOK_CALENDAR_AVAILABILITY"), "html", null, true);
  891. yield "',
  892. method: 'POST',
  893. contentType: 'application/json',
  894. data: ''
  895. })
  896. .done(function(data) {
  897. bookedRanges = data.bookings || [];
  898. console.log('✅ Créneaux chargés:', bookedRanges);
  899. initDatePicker();
  900. })
  901. .fail(function(error) {
  902. console.error('❌ Erreur:', error);
  903. initDatePicker();
  904. });
  906. // 🔧 FONCTION POUR CRÉER UNE DATE LOCALE SANS DÉCALAGE UTC
  907. function parseLocalDate(dateStr) {
  908. const [year, month, day] = dateStr.split('-').map(Number);
  909. return new Date(year, month - 1, day);
  910. }
  912. const isMobile = window.innerWidth <= 900;
  915. function initDatePicker() {
  916. flatpickr(\"#date_range_picker\", {
  917. inline: true,
  918. mode: \"range\",
  919. locale: \"fr\",
  920. minDate: new Date(new Date().setDate(new Date().getDate() + 1)),
  921. dateFormat: \"Y-m-d\",
  922. showMonths: isMobile ? 1 : 2,
  924. disable: [
  925. function(date) {
  926. const checkDate = new Date(date);
  927. checkDate.setHours(0, 0, 0, 0);
  929. return bookedRanges.some(range => {
  930. const start = parseLocalDate(range.start_date);
  931. const end = parseLocalDate(range.end_date);
  932. return checkDate >= start && checkDate <= end;
  933. });
  934. }
  935. ],
  937. onChange: function(selectedDates, dateStr, instance) {
  938. console.log('📅 Dates sélectionnées:', selectedDates.length);
  940. if (selectedDates.length === 2) {
  941. const start = selectedDates[0];
  942. const end = selectedDates[1];
  944. if (isRangeAvailable(start, end)) {
  945. // ✅ Met à jour avec jQuery ET déclenche l'événement change
  946. \$('#reservation_form_start').val(formatDate(start)).trigger('change');
  947. \$('#reservation_form_end').val(formatDate(end)).trigger('change');
  949. console.log('✅ Champs mis à jour:',
  950. \$('#reservation_form_start').val(),
  951. '→',
  952. \$('#reservation_form_end').val()
  953. );
  955. updateSelectedInfo(start, end);
  957. // ✅ Force la simulation
  958. updateSimulation();
  960. } else {
  961. alert('⚠️ Cette période contient des dates déjà réservées.\\nVeuillez choisir une autre période.');
  962. instance.clear();
  963. clearSymfonyFields();
  964. hideSelectedInfo();
  965. \$(\"#results\").html('');
  966. }
  967. } else {
  968. clearSymfonyFields();
  969. hideSelectedInfo();
  970. \$(\"#results\").html('');
  971. }
  972. },
  974. onDayCreate: function(dObj, dStr, fp, dayElem) {
  975. const date = new Date(dayElem.dateObj);
  976. date.setHours(0, 0, 0, 0);
  978. const isBooked = bookedRanges.some(range => {
  979. const start = parseLocalDate(range.start_date);
  980. const end = parseLocalDate(range.end_date);
  981. return date >= start && date <= end;
  982. });
  984. if (isBooked) {
  985. dayElem.classList.add('booked');
  986. dayElem.title = 'Date indisponible (réservée)';
  987. } else if (date >= new Date()) {
  988. dayElem.classList.add('available');
  989. dayElem.title = 'Date disponible';
  990. }
  991. }
  992. });
  993. }
  995. function isRangeAvailable(startDate, endDate) {
  996. let currentDate = new Date(startDate);
  997. currentDate.setHours(0, 0, 0, 0);
  999. const endCheck = new Date(endDate);
  1000. endCheck.setHours(0, 0, 0, 0);
  1002. while (currentDate <= endCheck) {
  1003. const isBooked = bookedRanges.some(range => {
  1004. const start = parseLocalDate(range.start_date);
  1005. const end = parseLocalDate(range.end_date);
  1006. return currentDate >= start && currentDate <= end;
  1007. });
  1008. if (isBooked) return false;
  1009. currentDate.setDate(currentDate.getDate() + 1);
  1010. }
  1011. return true;
  1012. }
  1014. function updateSelectedInfo(start, end) {
  1015. const nights = Math.ceil((end - start) / (1000 * 60 * 60 * 24));
  1016. \$('#info-start').text(start.toLocaleDateString('fr-FR'));
  1017. \$('#info-end').text(end.toLocaleDateString('fr-FR'));
  1018. \$('#info-nights').text(`\${nights} nuit\${nights > 1 ? 's' : ''}`);
  1019. \$('#selected-dates-info').addClass('active');
  1020. }
  1022. function hideSelectedInfo() {
  1023. \$('#selected-dates-info').removeClass('active');
  1024. }
  1026. function clearSymfonyFields() {
  1027. \$('#reservation_form_start').val('');
  1028. \$('#reservation_form_end').val('');
  1029. }
  1031. function formatDate(date) {
  1032. const year = date.getFullYear();
  1033. const month = String(date.getMonth() + 1).padStart(2, '0');
  1034. const day = String(date.getDate()).padStart(2, '0');
  1035. return `\${year}-\${month}-\${day}`;
  1036. }
  1037. });
  1038. </script>
  1039. ";
  1041. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1044. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1046. yield from [];
  1047. }
  1049. // line 831
  1050. /**
  1051. * @return iterable<null|scalar|\Stringable>
  1052. */
  1053. public function block_css(array $context, array $blocks = []): iterable
  1054. {
  1055. $macros = $this->macros;
  1056. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1057. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  1059. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1060. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  1062. // line 832
  1063. yield " <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css\">
  1064. <style>
  1065. .calendar-container {
  1066. margin: 20px 0;
  1067. width: 100%;
  1068. overflow: hidden;
  1069. }
  1071. /* Calendrier inline (toujours visible) */
  1072. #date_range_picker {
  1073. display: none; /* Le champ input est caché, on affiche juste le calendrier */
  1074. }
  1076. .flatpickr-calendar.inline {
  1077. margin: 0 auto;
  1078. box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  1079. border-radius: 8px;
  1080. max-width: 100%;
  1081. }
  1083. .flatpickr-day.booked {
  1084. background-color: #ff4444 !important;
  1085. color: white !important;
  1086. cursor: not-allowed !important;
  1087. position: relative;
  1088. }
  1090. .flatpickr-day.booked::after {
  1091. content: \"✕\";
  1092. position: absolute;
  1093. top: 50%;
  1094. left: 50%;
  1095. transform: translate(-50%, -50%);
  1096. font-size: 20px;
  1097. font-weight: bold;
  1098. }
  1100. .flatpickr-day.booked:hover {
  1101. background-color: #ff0000 !important;
  1102. }
  1104. .flatpickr-day.available:hover {
  1105. background-color: #28a745;
  1106. color: white;
  1107. }
  1109. /* Adaptations Mobile */
  1110. @media (max-width: 768px) {
  1111. .calendar-container {
  1112. margin: 10px 0;
  1113. padding: 0 10px;
  1114. }
  1116. .flatpickr-calendar.inline {
  1117. width: 100% !important;
  1118. max-width: 100% !important;
  1119. }
  1121. .flatpickr-months {
  1122. padding: 8px 10px;
  1123. }
  1125. .flatpickr-days {
  1126. width: 100% !important;
  1127. }
  1129. .dayContainer {
  1130. width: 100% !important;
  1131. min-width: 100% !important;
  1132. max-width: 100% !important;
  1133. }
  1135. .flatpickr-day {
  1136. height: 40px !important;
  1137. line-height: 40px !important;
  1138. flex-basis: 14.2857% !important;
  1139. max-width: 14.2857% !important;
  1140. }
  1141. }
  1142. </style>
  1143. ";
  1145. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1148. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1150. yield from [];
  1151. }
  1153. /**
  1154. * @codeCoverageIgnore
  1155. */
  1156. public function getTemplateName(): string
  1157. {
  1158. return "vitrine/en/homepage.html.twig";
  1159. }
  1161. /**
  1162. * @codeCoverageIgnore
  1163. */
  1164. public function isTraitable(): bool
  1165. {
  1166. return false;
  1167. }
  1169. /**
  1170. * @codeCoverageIgnore
  1171. */
  1172. public function getDebugInfo(): array
  1173. {
  1174. return array ( 1063 => 832, 1050 => 831, 890 => 681, 840 => 633, 827 => 632, 749 => 564, 745 => 563, 740 => 561, 736 => 560, 717 => 544, 709 => 539, 701 => 534, 693 => 529, 666 => 505, 652 => 494, 444 => 288, 179 => 15, 166 => 14, 151 => 8, 138 => 7, 115 => 5, 92 => 4, 69 => 3, 46 => 1,);
  1175. }
  1177. public function getSourceContext(): Source
  1178. {
  1179. return new Source("{% extends 'vitrine/en/layout.html.twig' %}
  1181. {% block title %}Cathedral Heritage Suite - 8-Guest Rental Strasbourg Center{% endblock title %}
  1182. {% block description %}Rent our 83m² suite in the heart of Strasbourg. 3 bedrooms, sleeps 8, 100m from Cathedral. Kitchen fully furnished, 2 bathrooms. Book your stay today!{% endblock description %}
  1183. {% block robots %}index,follow{% endblock robots %}
  1185. {% block canonical %}
  1186. <link rel=\"canonical\" href=\"https://cathedraleheritage.com\" />
  1187. <link rel=\"alternate\" hreflang=\"fr\" href=\"https://cathedraleheritage.com/fr\" />
  1188. <link rel=\"alternate\" hreflang=\"en\" href=\"https://cathedraleheritage.com\" />
  1189. <link rel=\"alternate\" hreflang=\"x-default\" href=\"https://cathedraleheritage.com\" />
  1190. {% endblock canonical %}
  1192. {% block body %}
  1194. <section id=\"hero\" class=\"text-light no-top no-bottom relative overflow-hidden z-1000\">
  1195. <div class=\"abs w-100 abs-centered z-2\">
  1196. <div class=\"container\">
  1197. <div class=\"spacer-double\"></div>
  1198. <div class=\"row g-4 align-items-center justify-content-center\">
  1199. <div class=\"col-md-8 text-center\">
  1200. <h1 class=\"mb-2\" style=\"color:white;\">Welcome to Cathedral Heritage Suite</h1>
  1201. <p class=\"lead mb-3\" style=\"color:white; font-size:22px;\">Beautifully appointed apartment accommodating up to 8 guests in Strasbourg’s prestigious historical city center</p>
  1202. <a class=\"btn-main btn-line bg-blur fx-slide\" href=\"#about\" style=\"color:white;\"><span>Find out more</span></a>
  1203. </div>
  1204. </div>
  1205. </div>
  1206. </div>
  1207. <div class=\"vertical-center\">
  1208. <div class=\"swiper\">
  1209. <div class=\"swiper-wrapper\">
  1210. <div class=\"swiper-slide\">
  1211. <div class=\"swiper-inner\" data-bgimage=\"url(/images/salon2.jpeg)\">
  1212. <div class=\"sw-overlay op-5\"></div>
  1213. </div>
  1214. </div>
  1215. <div class=\"swiper-slide\">
  1216. <div class=\"swiper-inner\" data-bgimage=\"url(/images/chambre2.jpeg)\">
  1217. <div class=\"sw-overlay op-5\"></div>
  1218. </div>
  1219. </div>
  1220. <div class=\"swiper-slide\">
  1221. <div class=\"swiper-inner\" data-bgimage=\"url(/images/noel.jpeg)\">
  1222. <div class=\"sw-overlay op-5\"></div>
  1223. </div>
  1224. </div>
  1225. </div>
  1226. </div>
  1227. </div>
  1229. <div class=\"abs w-100 bottom-0 z-2 pb-4 sm-hide\">
  1230. <div class=\"container\">
  1231. <div class=\"row\">
  1232. <div class=\"col-lg-12\">
  1233. <div class=\"d-flex justify-content-between\">
  1234. <div>
  1235. <h6 style=\"color:white;\">Cathedral 100m away</h6>
  1236. </div>
  1237. <div>
  1238. <h6 style=\"color:white;\">Museums 200m away</h6>
  1239. </div>
  1240. <div>
  1241. <h6 style=\"color:white;\">Petite France 300m away</h6>
  1242. </div>
  1243. </div>
  1244. </div>
  1245. </div>
  1246. </div>
  1247. </div>
  1248. <div class=\"gradient-edge-bottom op-8\"></div>
  1249. </section>
  1251. <section id=\"about\">
  1252. <div class=\"container\">
  1253. <div class=\"row g-4 align-items-end justify-content-between\">
  1254. <div class=\"col-lg-5\">
  1255. <div class=\"subtitle\">About the apartment</div>
  1256. <h2>Modern suite in the heart of Strasbourg's Grande Île</h2>
  1257. </div>
  1259. <div class=\"col-lg-4\">
  1260. <p class=\"mb-4\" style=\"color:#212121;\">
  1261. Spacious fully equipped appartement ideal for families and groups up to 8 people : 1 master bedroom with en-suite bathroom, one double bedroom, one bedroom with two double bunk beds (sleeps 4), maximum weight of 100kg for upper bunks.
  1262. </p>
  1263. <p class=\"mb-4\" style=\"color:#212121;\">
  1264. Kitchen fully furnished and cozy living-dining room to share great moments together.
  1265. </p>
  1266. <p class=\"mb-4\" style=\"color:#212121;\">
  1267. Amenities: hairdryer, dishwasher, washer-dryer, microwave, oven, ironing board with iron, Nespresso coffee machine, kettle, TV, Wi-Fi and USB outlets for charging your devices.
  1268. </p>
  1269. </div>
  1270. </div>
  1272. <div class=\"spacer-single\"></div>
  1274. <div class=\"row g-4\">
  1275. <div class=\"col-md-2\">
  1276. <div class=\"relative\">
  1277. <h5>Size</h5>
  1278. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:6px;\">
  1279. <img src=\"/images/home.png\" width=\"37\" class=\"me-3\" alt=\"\">
  1280. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">83 m²</div>
  1281. </div>
  1282. </div>
  1283. </div>
  1285. <div class=\"col-md-2\">
  1286. <div class=\"relative\">
  1287. <h5>Bedrooms</h5>
  1288. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:4px;\">
  1289. <img src=\"/images/bed.png\" width=\"37\" class=\"me-3\" alt=\"\">
  1290. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">3</div>
  1291. </div>
  1292. </div>
  1293. </div>
  1295. <div class=\"col-md-2\">
  1296. <div class=\"relative\">
  1297. <h5>Living Room</h5>
  1298. <div class=\"d-flex justify-content-start align-items-center\">
  1299. <img src=\"/images/sofa.png\" width=\"50\" class=\"me-3\" alt=\"\">
  1300. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">Included</div>
  1301. </div>
  1302. </div>
  1303. </div>
  1305. <div class=\"col-md-2\">
  1306. <div class=\"relative\">
  1307. <h5>Kitchen</h5>
  1308. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:6px;\">
  1309. <img src=\"/images/cooking.png\" width=\"37\" class=\"me-3\" alt=\"\">
  1310. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">Included</div>
  1311. </div>
  1312. </div>
  1313. </div>
  1315. <div class=\"col-md-2\">
  1316. <div class=\"relative\">
  1317. <h5>Bathrooms</h5>
  1318. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:4px;\">
  1319. <img src=\"/images/bathroom.png\" width=\"40\" class=\"me-3\" alt=\"\">
  1320. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">2</div>
  1321. </div>
  1322. </div>
  1323. </div>
  1325. <div class=\"col-md-2\">
  1326. <div class=\"relative\">
  1327. <h5>Guests</h5>
  1328. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:5px;\">
  1329. <img src=\"/images/user.png\" width=\"37\" class=\"me-3\" alt=\"\">
  1330. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">8</div>
  1331. </div>
  1332. </div>
  1333. </div>
  1334. </div>
  1335. </div>
  1336. </section>
  1338. <section id=\"rooms\" class=\"p-0 overflow-hidden\">
  1340. <div class=\"container-fluid\">
  1341. <div class=\"row\">
  1342. <div class=\"col-lg-12\">
  1343. <div class=\"owl-custom-nav menu-float\" data-target=\"#room-carousel\">
  1344. <a class=\"btn-next\"></a>
  1345. <a class=\"btn-prev\"></a>
  1347. <div id=\"room-carousel\" class=\"owl-2-cols-center owl-carousel owl-theme\">
  1349. <div class=\"item\">
  1350. <div class=\"relative\">
  1351. <div class=\"overflow-hidden text-light\">
  1352. <div class=\"abs h-100 start-0 z-2 p-4\">
  1353. <h3 style=\"color:white;\">Living Room</h3>
  1354. </div>
  1355. <img src=\"/images/salon2.jpeg\" class=\"w-100\" alt=\"Living Room\">
  1356. </div>
  1357. </div>
  1358. </div>
  1360. <div class=\"item\">
  1361. <div class=\"relative\">
  1362. <div class=\"overflow-hidden text-light\">
  1363. <div class=\"abs h-100 start-1 z-2 p-4\">
  1364. <h3 style=\"color:white;\">Bedroom 1</h3>
  1365. </div>
  1366. <img src=\"/images/chambre1.jpeg\" class=\"w-100\" alt=\"Bedroom 1\">
  1367. </div>
  1368. </div>
  1369. </div>
  1371. <div class=\"item\">
  1372. <div class=\"relative\">
  1373. <div class=\"overflow-hidden text-light\">
  1374. <div class=\"abs h-100 start-2 z-2 p-4\">
  1375. <h3 style=\"color:white;\">Bedroom 2</h3>
  1376. </div>
  1377. <img src=\"/images/chambre2.jpeg\" class=\"w-100\" alt=\"Bedroom 2\">
  1378. </div>
  1379. </div>
  1380. </div>
  1382. <div class=\"item\">
  1383. <div class=\"relative\">
  1384. <div class=\"overflow-hidden text-light\">
  1385. <div class=\"abs h-100 start-3 z-2 p-4\">
  1386. <h3 style=\"color:white;\">Bedroom 3</h3>
  1387. </div>
  1388. <img src=\"/images/chambre3.jpeg\" class=\"w-100\" alt=\"Bedroom 3\">
  1389. </div>
  1390. </div>
  1391. </div>
  1393. <div class=\"item\">
  1394. <div class=\"relative\">
  1395. <div class=\"overflow-hidden text-light\">
  1396. <div class=\"abs h-100 start-4 z-2 p-4\">
  1397. <h3 style=\"color:white;\">Kitchen</h3>
  1398. </div>
  1399. <img src=\"/images/cuisine.jpeg\" class=\"w-100\" alt=\"Kitchen\">
  1400. </div>
  1401. </div>
  1402. </div>
  1404. <div class=\"item\">
  1405. <div class=\"relative\">
  1406. <div class=\"overflow-hidden text-light\">
  1407. <div class=\"abs h-100 start-5 z-2 p-4\">
  1408. <h3 style=\"color:white;\">Bathroom</h3>
  1409. </div>
  1410. <img src=\"/images/salledebain.jpeg\" class=\"w-100\" alt=\"Bathroom 1\">
  1411. </div>
  1412. </div>
  1413. </div>
  1415. <div class=\"item\">
  1416. <div class=\"relative\">
  1417. <div class=\"overflow-hidden text-light\">
  1418. <div class=\"abs h-100 start-6 z-2 p-4\">
  1419. <h3 style=\"color:white;\">Bathroom 2</h3>
  1420. </div>
  1421. <img src=\"/images/salledebain2.jpeg\" class=\"w-100\" alt=\"Bathroom 2\">
  1422. </div>
  1423. </div>
  1424. </div>
  1426. </div>
  1427. </div>
  1428. </div>
  1429. </div>
  1430. </div>
  1432. </section>
  1434. <section id=\"services\" class=\"overlay-dark-1\">
  1435. <div class=\"container\">
  1436. <div class=\"row g-4 justify-content-between\">
  1437. <div class=\"col-lg-5 relative z-3\">
  1438. <div class=\"me-lg-3\">
  1439. <div class=\"subtitle wow fadeInUp\" data-wow-delay=\".0s\">Your stay in Strasbourg</div>
  1440. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Rates and services</h2>
  1441. <p style=\"color:#212121; font-size:18px;\">An exceptional suite in the heart of Strasbourg, with optionnal dedicated concierge service to assist you throughout your stay.</p>
  1443. <p style=\"color:#212121; font-size:18px;\">Minimum booking of two nights.</p>
  1445. <a href=\"#reservation\" class=\"btn-main\" style=\"color:white;\">Booking</a>
  1448. </div>
  1449. </div>
  1451. <div class=\"col-lg-6\" style=\"color:black;\">
  1452. <div class=\"spacer-single spacer-double\"></div>
  1453. <div class=\"row\">
  1454. <div class=\"col-md-6 wow fadeInUp\" data-wow-delay=\".2s\">
  1456. {#
  1457. <h5 class=\" mb-3\">Peak Season</h5>
  1458. <p class=\"fs-500\"><small>June 1st to September 30th • November 25th to January 5th</small></p>
  1459. <ul class=\"ul-check fs-500\">
  1460. <li>€960 per night</li>
  1461. <li>10% discount for bookings of 7 nights and up</li>
  1462. </ul>
  1464. <h5 class=\"mb-3 mt-4\">Off-peak Season</h5>
  1465. #}
  1467. <ul class=\"ul-check fs-500\">
  1468. <li>2 guests: €350 per night</li>
  1469. <li>4 guests: €690 per night</li>
  1470. <li>from 6 guests and up: €890 per night</li>
  1471. <li>10% discount for bookings of 7 nights and up</li>
  1472. </ul>
  1473. </div>
  1475. <div class=\"col-md-6 wow fadeInUp\" data-wow-delay=\".4s\">
  1476. <h5 class=\"mb-3\">Optional services</h5>
  1477. <ul class=\"ul-check fs-500\">
  1478. <li>One parking space: €24/day or €150/week</li>
  1479. <li>Extra cleaning during your stay : 60 euros</li>
  1480. <li>Other Extras : Children's workshop, baby amenities, dog policy on request (other pets are unfortunately not allowed in the appartement), Decoration for special occasions, breakfast, Alsatian delicacies, etc</li>
  1481. </ul>
  1483. <div class=\"mt-4\">
  1484. <p class=\"fs-500\">
  1485. <strong>On site assistance</strong> <br />
  1486. <small>Tuesday to Saturday • 10am-6:45pm</small>
  1487. </p>
  1488. <p class=\"fs-500\">
  1489. <strong>Private concierge subject to availability</strong><br>
  1490. <small>Quotation on request</small>
  1491. </p>
  1492. </div>
  1493. </div>
  1494. </div>
  1495. </div>
  1496. </div>
  1499. </div>
  1500. </section>
  1502. <section id=\"section-gallery\" class=\"relative\">
  1503. <div class=\"container relative z-2\" id=\"photos\">
  1504. <div class=\"row g-4 gx-5 justify-content-center\">
  1505. <div class=\"col-lg-6 text-center\">
  1506. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Apartment Gallery</h2>
  1507. <p class=\"wow fadeInUp\" data-wow-delay=\".3s\" style=\"color:#212121;\">Explore our curated images to discover the residence’s various spaces — from the bedrooms and living area to the kitchen, bathroom, and outdoor surroundings.</p>
  1508. </div>
  1509. </div>
  1511. <div class=\"row\">
  1512. <div class=\"col-md-12 text-center\">
  1513. <ul id=\"filters\" class=\"wow fadeInUp\" data-wow-delay=\"0s\">
  1514. <li><a href=\"#\" data-filter=\"*\" class=\"selected\" style=\"color:#212121;\">Show All</a></li>
  1515. <li><a href=\"#\" data-filter=\".chambre\" style=\"color:#212121;\">Bedrooms</a></li>
  1516. <li><a href=\"#\" data-filter=\".salon\" style=\"color:#212121;\">Living Room</a></li>
  1517. <li><a href=\"#\" data-filter=\".cuisine\" style=\"color:#212121;\">Kitchen</a></li>
  1518. <li><a href=\"#\" data-filter=\".salledebain\" style=\"color:#212121;\">Bathroom</a></li>
  1519. <li><a href=\"#\" data-filter=\".exterieur\" style=\"color:#212121;\">Outdoor surroundings</a></li>
  1520. </ul>
  1521. </div>
  1522. </div>
  1524. <div id=\"gallery\" class=\"row g-3 wow fadeInUp\" data-wow-delay=\".3s\">
  1525. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  1526. <a href=\"images/chambre1.jpeg\" class=\"image-popup d-block hover\">
  1527. <div class=\"relative overflow-hidden\">
  1528. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1529. View
  1530. </div>
  1531. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1532. <img src=\"images/chambre1.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Bedroom\">
  1533. </div>
  1534. </a>
  1535. </div>
  1536. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  1537. <a href=\"images/chambre2.jpeg\" class=\"image-popup d-block hover\">
  1538. <div class=\"relative overflow-hidden\">
  1539. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1540. View
  1541. </div>
  1542. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1543. <img src=\"images/chambre2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Bedroom 2\">
  1544. </div>
  1545. </a>
  1546. </div>
  1547. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  1548. <a href=\"images/chambre3.jpeg\" class=\"image-popup d-block hover\">
  1549. <div class=\"relative overflow-hidden\">
  1550. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1551. View
  1552. </div>
  1553. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1554. <img src=\"images/chambre3.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Bedroom 3\">
  1555. </div>
  1556. </a>
  1557. </div>
  1558. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  1559. <a href=\"images/salon.jpeg\" class=\"image-popup d-block hover\">
  1560. <div class=\"relative overflow-hidden\">
  1561. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1562. View
  1563. </div>
  1564. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1565. <img src=\"images/salon.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Living Room\">
  1566. </div>
  1567. </a>
  1568. </div>
  1569. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  1570. <a href=\"images/salon2.jpeg\" class=\"image-popup d-block hover\">
  1571. <div class=\"relative overflow-hidden\">
  1572. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1573. View
  1574. </div>
  1575. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1576. <img src=\"images/salon2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Living Room 2\">
  1577. </div>
  1578. </a>
  1579. </div>
  1580. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  1581. <a href=\"images/salon3.jpeg\" class=\"image-popup d-block hover\">
  1582. <div class=\"relative overflow-hidden\">
  1583. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1584. View
  1585. </div>
  1586. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1587. <img src=\"images/salon3.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Living Room 3\">
  1588. </div>
  1589. </a>
  1590. </div>
  1591. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  1592. <a href=\"images/salon4.jpeg\" class=\"image-popup d-block hover\">
  1593. <div class=\"relative overflow-hidden\">
  1594. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1595. View
  1596. </div>
  1597. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1598. <img src=\"images/salon4.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Living Room 4\">
  1599. </div>
  1600. </a>
  1601. </div>
  1602. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  1603. <a href=\"images/salon5.jpeg\" class=\"image-popup d-block hover\">
  1604. <div class=\"relative overflow-hidden\">
  1605. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1606. View
  1607. </div>
  1608. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1609. <img src=\"images/salon5.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Living Room 5\">
  1610. </div>
  1611. </a>
  1612. </div>
  1613. <div class=\"col-md-3 col-sm-6 col-12 item cuisine\">
  1614. <a href=\"images/cuisine.jpeg\" class=\"image-popup d-block hover\">
  1615. <div class=\"relative overflow-hidden\">
  1616. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1617. View
  1618. </div>
  1619. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1620. <img src=\"images/cuisine.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Kitchen\">
  1621. </div>
  1622. </a>
  1623. </div>
  1624. <div class=\"col-md-3 col-sm-6 col-12 item salledebain\">
  1625. <a href=\"images/salledebain.jpeg\" class=\"image-popup d-block hover\">
  1626. <div class=\"relative overflow-hidden\">
  1627. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1628. View
  1629. </div>
  1630. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1631. <img src=\"images/salledebain.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Bathroom\">
  1632. </div>
  1633. </a>
  1634. </div>
  1635. <div class=\"col-md-3 col-sm-6 col-12 item salledebain\">
  1636. <a href=\"images/salledebain2.jpeg\" class=\"image-popup d-block hover\">
  1637. <div class=\"relative overflow-hidden\">
  1638. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1639. View
  1640. </div>
  1641. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1642. <img src=\"images/salledebain2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Bathroom 2\">
  1643. </div>
  1644. </a>
  1645. </div>
  1646. <div class=\"col-md-3 col-sm-6 col-12 item exterieur\">
  1647. <a href=\"images/exterieur.jpeg\" class=\"image-popup d-block hover\">
  1648. <div class=\"relative overflow-hidden\">
  1649. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1650. View
  1651. </div>
  1652. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1653. <img src=\"images/exterieur.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Exterior\">
  1654. </div>
  1655. </a>
  1656. </div>
  1657. </div>
  1659. </div>
  1660. </section>
  1662. <section id=\"reservation\" class=\"text-light\">
  1663. <div class=\"container\">
  1664. <div class=\"row g-4 justify-content-center\">
  1665. <div class=\"col-lg-6 text-center\">
  1666. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Book your stay</h2>
  1667. </div>
  1668. </div>
  1670. <div class=\"row g-4 justify-content-center\">
  1671. <div class=\"col-md-6\">
  1672. {{ form_start(form) }}
  1673. <div class=\"row g-4\">
  1675. <div class=\"col-md-12\">
  1676. <div class=\"calendar-container\" style=\"height:300px;\">
  1677. <input type=\"text\" id=\"date_range_picker\">
  1678. </div>
  1679. </div>
  1681. <div class=\"col-md-3\">
  1682. <label style=\"color:#212121;\">Guests</label>
  1683. {{ form_widget(form.persons) }}
  1684. </div>
  1686. <div class=\"col-md-3\">
  1687. <label style=\"color:#212121;\">Arrival</label> <br />
  1688. </strong> <span id=\"info-start\" style=\"color:#212121;\">-</span>
  1689. </div>
  1691. <div class=\"col-md-3\">
  1692. <label style=\"color:#212121;\">Departure</label> <br />
  1693. <span id=\"info-end\" style=\"color:#212121;\">-</span>
  1694. </div>
  1696. <div class=\"col-md-3\">
  1697. <label style=\"color:#212121;\">Nights</label> <br />
  1698. <span id=\"info-nights\" style=\"color:#212121;\">-</span>
  1699. </div>
  1701. <div class=\"col-md-12\" style=\"font-size:20px;\">
  1702. <div id=\"results\"></div>
  1703. </div>
  1705. <div class=\"col-md-6\">
  1706. <label style=\"color:#212121;\">Last name</label>
  1707. {{ form_widget(form.lastname) }}
  1708. </div>
  1710. <div class=\"col-md-6\">
  1711. <label style=\"color:#212121;\">First name</label>
  1712. {{ form_widget(form.name) }}
  1713. </div>
  1715. <div class=\"col-md-12\">
  1716. <label style=\"color:#212121;\">Email address</label>
  1717. {{ form_widget(form.email) }}
  1718. </div>
  1720. <div class=\"col-md-12\">
  1721. <label style=\"color:#212121;\">Message</label>
  1722. {{ form_widget(form.message) }}
  1723. </div>
  1725. <div class=\"col-md-12\">
  1726. <div class=\"text-center\" style=\"color:#212121;\">
  1727. <input type=\"checkbox\" id=\"acceptCGV\" /> I accept the <a href=\"/terms\" target=\"_blank\" style=\"text-decoration:underline; color:#212121;\">terms and conditions of sale</a>
  1728. </div>
  1729. </div>
  1731. <div class=\"col-md-12\">
  1732. <div class=\"text-center\">
  1733. <button type=\"submit\" name=\"submit\" value=\"1\" class=\"btn-main\" style=\"color:white;\">Send booking request</button>
  1734. </div>
  1735. </div>
  1736. </div>
  1738. {{ form_widget(form.start) }}
  1739. {{ form_widget(form.end) }}
  1741. {{ form_rest(form) }}
  1742. {{ form_end(form) }}
  1743. </div>
  1744. </div>
  1745. </div>
  1746. </section>
  1748. <section id=\"faq\" class=\"text-light\">
  1749. <div class=\"container\">
  1751. <div class=\"row g-4 justify-content-center\">
  1752. <div class=\"col-lg-6 text-center\">
  1753. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">FAQ</h2>
  1754. </div>
  1755. </div>
  1757. <div class=\"row g-4 justify-content-center\">
  1758. <div class=\"col-lg-6 text-left\" style=\"color:black !important;\">
  1760. <h3 style=\"margin-top:7px;\">How can I book the accommodation?</h3>
  1761. <div>You can book directly on our website and soon via partner platforms. Secure payment immediately confirms your reservation.</div>
  1763. <h3 style=\"margin-top:7px;\">What are the check-in and check-out times?</h3>
  1764. <div>
  1765. <ul>
  1766. <li>Check-in: from 3:00 PM</li>
  1767. <li>Check-out: before 11:00 AM</li>
  1768. </ul>
  1769. </div>
  1771. <h3 style=\"margin-top:7px;\">Is the accommodation fully equipped?</h3>
  1772. <div> Yes, the apartment is fully furnished and equipped: kitchen, bedding, towels, appliances, Wi-Fi, and more.</div>
  1774. <h3 style=\"margin-top:7px;\">Is parking available?</h3>
  1775. <div>Yes, private parking is available as an option at €24 per 24 hours or €150 per week (7 nights).</div>
  1777. <h3 style=\"margin-top:7px;\">Is the accommodation suitable for children?</h3>
  1778. <div>Yes, we offer some baby amenities (baby cot, high chair, child-friendly tableware) upon request.</div>
  1780. <h3 style=\"margin-top:7px;\"> Are pets allowed?</h3>
  1781. <div> Please contact us before booking if you wish to bring a pet. Only dogs are accepted, and prior approval is required.</div>
  1783. <h3 style=\"margin-top:7px;\">Can I cancel or modify my reservation?</h3>
  1784. <div>Yes, our cancellation policy is provided at the time of booking:
  1785. <ul>
  1786. <li>85% refund if canceled more than 1 month before arrival</li>
  1787. <li>50% refund if canceled between 1 month and 15 days before arrival</li>
  1788. <li>No refund if canceled less than 15 days before arrival</li>
  1789. </ul>
  1790. </div>
  1792. <h3 style=\"margin-top:7px;\">Is the accommodation accessible by public transport?</h3>
  1793. <div>Yes, major transport options are nearby. The tram station “Langstross, Grand’rue” is less than 100 meters from the apartment, and Strasbourg train station is a 10-minute walk.</div>
  1795. <h3 style=\"margin-top:7px;\">Are there shops or restaurants nearby?</h3>
  1796. <div>Yes, you’ll find supermarkets, cafés, restaurants, and tourist activities right at the foot of the building.</div>
  1798. <h3 style=\"margin-top:7px;\"> What should I do if there’s a problem during my stay?</h3>
  1799. <div> We are available 24/7 by email for emergencies or questions about the apartment. You can also call us from 9:00 AM to 8:00 PM at +33 7 61 05 82 43, and we are available on-site on the ground floor of the building from Tuesday to Saturday, 10:00 AM to 6:45 PM.
  1800. </div>
  1802. </div>
  1803. </div>
  1805. </div>
  1806. </section>
  1808. {% endblock body %}
  1810. {% block footerjs %}
  1811. <script src=\"https://cdn.jsdelivr.net/npm/flatpickr\"></script>
  1812. <script src=\"https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/en.js\"></script>
  1813. <script>
  1814. function updateSimulation() {
  1815. var start = \$(\"#reservation_form_start\").val();
  1816. var end = \$(\"#reservation_form_end\").val();
  1817. var persons = \$(\"#reservation_form_persons\").val();
  1819. if (start && end && persons) {
  1820. \$(\"#results\").html('<div class=\"loading\">Calculating...</div>');
  1822. \$.post(
  1823. Routing.generate('simulation_pricing'),
  1824. {'start': start, 'end': end, 'persons': persons}
  1825. )
  1826. .done(function(data) {
  1827. \$(\"#results\").html(data);
  1828. })
  1829. .fail(function() {
  1830. \$(\"#results\").html('<div class=\"error\">Calculation error</div>');
  1831. });
  1832. } else {
  1833. \$(\"#results\").html('');
  1834. }
  1835. }
  1837. // Écoute les changements sur le nombre de personnes
  1838. \$(\"#reservation_form_persons\").change(updateSimulation);
  1840. \$(document).ready(function() {
  1841. // Désactive le bouton au chargement de la page
  1842. \$('button[type=\"submit\"]').prop('disabled', true);
  1844. // Écoute les changements sur la checkbox
  1845. \$('#acceptCGV').change(function() {
  1846. if(\$(this).is(':checked')) {
  1847. \$('button[type=\"submit\"]').prop('disabled', false);
  1848. } else {
  1849. \$('button[type=\"submit\"]').prop('disabled', true);
  1850. }
  1851. });
  1852. });
  1853. </script>
  1854. <script>
  1855. \$(document).ready(function() {
  1856. let bookedRanges = [];
  1858. \$.ajax({
  1859. url: '{{ env('WEBHOOK_CALENDAR_AVAILABILITY') }}',
  1860. method: 'POST',
  1861. contentType: 'application/json',
  1862. data: ''
  1863. })
  1864. .done(function(data) {
  1865. bookedRanges = data.bookings || [];
  1866. console.log('✅ Créneaux chargés:', bookedRanges);
  1867. initDatePicker();
  1868. })
  1869. .fail(function(error) {
  1870. console.error('❌ Erreur:', error);
  1871. initDatePicker();
  1872. });
  1874. // 🔧 FONCTION POUR CRÉER UNE DATE LOCALE SANS DÉCALAGE UTC
  1875. function parseLocalDate(dateStr) {
  1876. const [year, month, day] = dateStr.split('-').map(Number);
  1877. return new Date(year, month - 1, day);
  1878. }
  1880. const isMobile = window.innerWidth <= 900;
  1883. function initDatePicker() {
  1884. flatpickr(\"#date_range_picker\", {
  1885. inline: true,
  1886. mode: \"range\",
  1887. locale: \"fr\",
  1888. minDate: new Date(new Date().setDate(new Date().getDate() + 1)),
  1889. dateFormat: \"Y-m-d\",
  1890. showMonths: isMobile ? 1 : 2,
  1892. disable: [
  1893. function(date) {
  1894. const checkDate = new Date(date);
  1895. checkDate.setHours(0, 0, 0, 0);
  1897. return bookedRanges.some(range => {
  1898. const start = parseLocalDate(range.start_date);
  1899. const end = parseLocalDate(range.end_date);
  1900. return checkDate >= start && checkDate <= end;
  1901. });
  1902. }
  1903. ],
  1905. onChange: function(selectedDates, dateStr, instance) {
  1906. console.log('📅 Dates sélectionnées:', selectedDates.length);
  1908. if (selectedDates.length === 2) {
  1909. const start = selectedDates[0];
  1910. const end = selectedDates[1];
  1912. if (isRangeAvailable(start, end)) {
  1913. // ✅ Met à jour avec jQuery ET déclenche l'événement change
  1914. \$('#reservation_form_start').val(formatDate(start)).trigger('change');
  1915. \$('#reservation_form_end').val(formatDate(end)).trigger('change');
  1917. console.log('✅ Champs mis à jour:',
  1918. \$('#reservation_form_start').val(),
  1919. '→',
  1920. \$('#reservation_form_end').val()
  1921. );
  1923. updateSelectedInfo(start, end);
  1925. // ✅ Force la simulation
  1926. updateSimulation();
  1928. } else {
  1929. alert('⚠️ Cette période contient des dates déjà réservées.\\nVeuillez choisir une autre période.');
  1930. instance.clear();
  1931. clearSymfonyFields();
  1932. hideSelectedInfo();
  1933. \$(\"#results\").html('');
  1934. }
  1935. } else {
  1936. clearSymfonyFields();
  1937. hideSelectedInfo();
  1938. \$(\"#results\").html('');
  1939. }
  1940. },
  1942. onDayCreate: function(dObj, dStr, fp, dayElem) {
  1943. const date = new Date(dayElem.dateObj);
  1944. date.setHours(0, 0, 0, 0);
  1946. const isBooked = bookedRanges.some(range => {
  1947. const start = parseLocalDate(range.start_date);
  1948. const end = parseLocalDate(range.end_date);
  1949. return date >= start && date <= end;
  1950. });
  1952. if (isBooked) {
  1953. dayElem.classList.add('booked');
  1954. dayElem.title = 'Date indisponible (réservée)';
  1955. } else if (date >= new Date()) {
  1956. dayElem.classList.add('available');
  1957. dayElem.title = 'Date disponible';
  1958. }
  1959. }
  1960. });
  1961. }
  1963. function isRangeAvailable(startDate, endDate) {
  1964. let currentDate = new Date(startDate);
  1965. currentDate.setHours(0, 0, 0, 0);
  1967. const endCheck = new Date(endDate);
  1968. endCheck.setHours(0, 0, 0, 0);
  1970. while (currentDate <= endCheck) {
  1971. const isBooked = bookedRanges.some(range => {
  1972. const start = parseLocalDate(range.start_date);
  1973. const end = parseLocalDate(range.end_date);
  1974. return currentDate >= start && currentDate <= end;
  1975. });
  1976. if (isBooked) return false;
  1977. currentDate.setDate(currentDate.getDate() + 1);
  1978. }
  1979. return true;
  1980. }
  1982. function updateSelectedInfo(start, end) {
  1983. const nights = Math.ceil((end - start) / (1000 * 60 * 60 * 24));
  1984. \$('#info-start').text(start.toLocaleDateString('fr-FR'));
  1985. \$('#info-end').text(end.toLocaleDateString('fr-FR'));
  1986. \$('#info-nights').text(`\${nights} nuit\${nights > 1 ? 's' : ''}`);
  1987. \$('#selected-dates-info').addClass('active');
  1988. }
  1990. function hideSelectedInfo() {
  1991. \$('#selected-dates-info').removeClass('active');
  1992. }
  1994. function clearSymfonyFields() {
  1995. \$('#reservation_form_start').val('');
  1996. \$('#reservation_form_end').val('');
  1997. }
  1999. function formatDate(date) {
  2000. const year = date.getFullYear();
  2001. const month = String(date.getMonth() + 1).padStart(2, '0');
  2002. const day = String(date.getDate()).padStart(2, '0');
  2003. return `\${year}-\${month}-\${day}`;
  2004. }
  2005. });
  2006. </script>
  2007. {% endblock footerjs %}
  2009. {% block css %}
  2010. <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css\">
  2011. <style>
  2012. .calendar-container {
  2013. margin: 20px 0;
  2014. width: 100%;
  2015. overflow: hidden;
  2016. }
  2018. /* Calendrier inline (toujours visible) */
  2019. #date_range_picker {
  2020. display: none; /* Le champ input est caché, on affiche juste le calendrier */
  2021. }
  2023. .flatpickr-calendar.inline {
  2024. margin: 0 auto;
  2025. box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  2026. border-radius: 8px;
  2027. max-width: 100%;
  2028. }
  2030. .flatpickr-day.booked {
  2031. background-color: #ff4444 !important;
  2032. color: white !important;
  2033. cursor: not-allowed !important;
  2034. position: relative;
  2035. }
  2037. .flatpickr-day.booked::after {
  2038. content: \"✕\";
  2039. position: absolute;
  2040. top: 50%;
  2041. left: 50%;
  2042. transform: translate(-50%, -50%);
  2043. font-size: 20px;
  2044. font-weight: bold;
  2045. }
  2047. .flatpickr-day.booked:hover {
  2048. background-color: #ff0000 !important;
  2049. }
  2051. .flatpickr-day.available:hover {
  2052. background-color: #28a745;
  2053. color: white;
  2054. }
  2056. /* Adaptations Mobile */
  2057. @media (max-width: 768px) {
  2058. .calendar-container {
  2059. margin: 10px 0;
  2060. padding: 0 10px;
  2061. }
  2063. .flatpickr-calendar.inline {
  2064. width: 100% !important;
  2065. max-width: 100% !important;
  2066. }
  2068. .flatpickr-months {
  2069. padding: 8px 10px;
  2070. }
  2072. .flatpickr-days {
  2073. width: 100% !important;
  2074. }
  2076. .dayContainer {
  2077. width: 100% !important;
  2078. min-width: 100% !important;
  2079. max-width: 100% !important;
  2080. }
  2082. .flatpickr-day {
  2083. height: 40px !important;
  2084. line-height: 40px !important;
  2085. flex-basis: 14.2857% !important;
  2086. max-width: 14.2857% !important;
  2087. }
  2088. }
  2089. </style>
  2090. {% endblock css %}", "vitrine/en/homepage.html.twig", "/var/www/vhosts/mirtillostudio.com/ch.mirtillostudio.com/templates/vitrine/en/homepage.html.twig");
  2091. }
  2092. }