var/cache/dev/twig/7f/7ff77c739a8255ba0f35a2e6155892cd.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/fr/homepage.html.twig */
  18. class __TwigTemplate_f3ef98ee2c394bb2ba6d1bc2a5ca5cc7 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/fr/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/fr/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/fr/homepage.html.twig"));
  58. $this->parent = $this->load("vitrine/fr/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 "Suite Cathedrale Heritage - Location 8 pers Strasbourg Centre";
  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 "Louez notre suite de 83m² au cœur de Strasbourg. 3 chambres, 8 personnes, à 100m de la Cathédrale. Cuisine équipée, 2 salles de bain. Réservez votre séjour!";
  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/fr\" />
  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>
  185. <div class=\"row g-4 align-items-center justify-content-center\">
  186. <div class=\"col-md-8 text-center\">
  187. <h1 class=\"mb-2\" style=\"color:white;\">Bienvenue sur la Suite Cathédrale Héritage</h1>
  188. <p class=\"lead mb-3\" style=\"color:white; font-size:22px;\">Appartement d’exception, pouvant accueillir jusqu’à 8 personnes au cœur du prestigieux centre historique de Strasbourg</p>
  189. <a class=\"btn-main btn-line bg-blur fx-slide\" href=\"#about\" style=\"color:white;\"><span>Découverte</span></a>
  190. </div>
  191. </div>
  192. </div>
  193. </div>
  194. <div class=\"vertical-center\">
  195. <div class=\"swiper\">
  196. <div class=\"swiper-wrapper\">
  197. <div class=\"swiper-slide\">
  198. <div class=\"swiper-inner\" data-bgimage=\"url(/images/salon2.jpeg)\">
  199. <div class=\"sw-overlay op-5\"></div>
  200. </div>
  201. </div>
  202. <div class=\"swiper-slide\">
  203. <div class=\"swiper-inner\" data-bgimage=\"url(/images/chambre2.jpeg)\">
  204. <div class=\"sw-overlay op-5\"></div>
  205. </div>
  206. </div>
  207. <div class=\"swiper-slide\">
  208. <div class=\"swiper-inner\" data-bgimage=\"url(/images/noel.jpeg)\">
  209. <div class=\"sw-overlay op-5\"></div>
  210. </div>
  211. </div>
  212. </div>
  213. </div>
  214. </div>
  216. <div class=\"abs w-100 bottom-0 z-2 pb-4 sm-hide\">
  217. <div class=\"container\">
  218. <div class=\"row\">
  219. <div class=\"col-lg-12\">
  220. <div class=\"d-flex justify-content-between\">
  221. <div>
  222. <h6 style=\"color:white;\">Cathédrale à 100m</h6>
  223. </div>
  224. <div>
  225. <h6 style=\"color:white;\">Musées à 200m</h6>
  226. </div>
  227. <div>
  228. <h6 style=\"color:white;\">Petite France à 300m</h6>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. <div class=\"gradient-edge-bottom op-8\"></div>
  236. </section>
  238. <section id=\"about\">
  239. <div class=\"container\">
  240. <div class=\"row g-4 align-items-end justify-content-between\">
  241. <div class=\"col-lg-5\">
  242. <div class=\"subtitle\">A propos de l'appartement</div>
  243. <h2>Suite moderne en hyper centre de la grande île de Strasbourg</h2>
  244. </div>
  246. <div class=\"col-lg-4\">
  247. <p class=\"mb-4\" style=\"color:#212121;\">
  248. Logement spacieux idéal pour familles et groupes jusqu'à 8 personnes, comprenant deux chambres doubles dont une suite parentale avec une salle de bain, une chambre avec deux lits superposés doubles (4 couchages) maximum de 100kg pour les lits en hauteur.
  249. </p>
  250. <p class=\"mb-4\" style=\"color:#212121;\">
  251. Cuisine entièrement équipée et salon-salle à manger convivial pour partager de bons moments ensemble.
  252. </p>
  253. <p class=\"mb-4\" style=\"color:#212121;\">
  254. Équipements : sèche-cheveux, lave-vaisselle, lave-linge séchant, micro-ondes, four, planche à repasser avec fer, cafetière Nespresso, bouilloire, télévision, Wi-Fi et prises USB pour recharger vos appareils.
  255. </p>
  256. </div>
  257. </div>
  259. <div class=\"spacer-single\"></div>
  261. <div class=\"row g-4\">
  262. <div class=\"col-md-2\">
  263. <div class=\"relative\">
  264. <h5>Taille</h5>
  265. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:6px;\">
  266. <img src=\"/images/home.png\" width=\"37\" class=\"me-3\" alt=\"\">
  267. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">83 m²</div>
  268. </div>
  269. </div>
  270. </div>
  272. <div class=\"col-md-2\">
  273. <div class=\"relative\">
  274. <h5>Chambres</h5>
  275. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:4px;\">
  276. <img src=\"/images/bed.png\" width=\"37\" class=\"me-3\" alt=\"\">
  277. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">3</div>
  278. </div>
  279. </div>
  280. </div>
  282. <div class=\"col-md-2\">
  283. <div class=\"relative\">
  284. <h5>Salon</h5>
  285. <div class=\"d-flex justify-content-start align-items-center\">
  286. <img src=\"/images/sofa.png\" width=\"50\" class=\"me-3\" alt=\"\">
  287. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">Inclus</div>
  288. </div>
  289. </div>
  290. </div>
  292. <div class=\"col-md-2\">
  293. <div class=\"relative\">
  294. <h5>Cuisine</h5>
  295. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:6px;\">
  296. <img src=\"/images/cooking.png\" width=\"37\" class=\"me-3\" alt=\"\">
  297. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">Inclus</div>
  298. </div>
  299. </div>
  300. </div>
  302. <div class=\"col-md-2\">
  303. <div class=\"relative\">
  304. <h5>Salle de bain</h5>
  305. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:4px;\">
  306. <img src=\"/images/bathroom.png\" width=\"40\" class=\"me-3\" alt=\"\">
  307. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">2</div>
  308. </div>
  309. </div>
  310. </div>
  312. <div class=\"col-md-2\">
  313. <div class=\"relative\">
  314. <h5>Personnes</h5>
  315. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:5px;\">
  316. <img src=\"/images/user.png\" width=\"37\" class=\"me-3\" alt=\"\">
  317. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">8</div>
  318. </div>
  319. </div>
  320. </div>
  321. </div>
  322. </div>
  323. </section>
  325. <section id=\"rooms\" class=\"p-0 overflow-hidden\">
  327. <div class=\"container-fluid\">
  328. <div class=\"row\">
  329. <div class=\"col-lg-12\">
  330. <div class=\"owl-custom-nav menu-float\" data-target=\"#room-carousel\">
  331. <a class=\"btn-next\"></a>
  332. <a class=\"btn-prev\"></a>
  334. <div id=\"room-carousel\" class=\"owl-2-cols-center owl-carousel owl-theme\">
  336. <div class=\"item\">
  337. <div class=\"relative\">
  338. <div class=\"overflow-hidden text-light\">
  339. <div class=\"abs h-100 start-0 z-2 p-4\">
  340. <h3 style=\"color:white;\">Salon</h3>
  341. </div>
  342. <img src=\"/images/salon2.jpeg\" class=\"w-100\" alt=\"Salon\">
  343. </div>
  344. </div>
  345. </div>
  347. <div class=\"item\">
  348. <div class=\"relative\">
  349. <div class=\"overflow-hidden text-light\">
  350. <div class=\"abs h-100 start-1 z-2 p-4\">
  351. <h3 style=\"color:white;\">Chambre 1</h3>
  352. </div>
  353. <img src=\"/images/chambre1.jpeg\" class=\"w-100\" alt=\"Chambre 1\">
  354. </div>
  355. </div>
  356. </div>
  358. <div class=\"item\">
  359. <div class=\"relative\">
  360. <div class=\"overflow-hidden text-light\">
  361. <div class=\"abs h-100 start-2 z-2 p-4\">
  362. <h3 style=\"color:white;\">Chambre 2</h3>
  363. </div>
  364. <img src=\"/images/chambre2.jpeg\" class=\"w-100\" alt=\"Chambre 2\">
  365. </div>
  366. </div>
  367. </div>
  369. <div class=\"item\">
  370. <div class=\"relative\">
  371. <div class=\"overflow-hidden text-light\">
  372. <div class=\"abs h-100 start-3 z-2 p-4\">
  373. <h3 style=\"color:white;\">Chambre 3</h3>
  374. </div>
  375. <img src=\"/images/chambre3.jpeg\" class=\"w-100\" alt=\"Chambre 3\">
  376. </div>
  377. </div>
  378. </div>
  380. <div class=\"item\">
  381. <div class=\"relative\">
  382. <div class=\"overflow-hidden text-light\">
  383. <div class=\"abs h-100 start-4 z-2 p-4\">
  384. <h3 style=\"color:white;\">Cuisine</h3>
  385. </div>
  386. <img src=\"/images/cuisine.jpeg\" class=\"w-100\" alt=\"Cuisine\">
  387. </div>
  388. </div>
  389. </div>
  391. <div class=\"item\">
  392. <div class=\"relative\">
  393. <div class=\"overflow-hidden text-light\">
  394. <div class=\"abs h-100 start-5 z-2 p-4\">
  395. <h3 style=\"color:white;\">Salle de bain</h3>
  396. </div>
  397. <img src=\"/images/salledebain.jpeg\" class=\"w-100\" alt=\"Salle de bain 1\">
  398. </div>
  399. </div>
  400. </div>
  402. <div class=\"item\">
  403. <div class=\"relative\">
  404. <div class=\"overflow-hidden text-light\">
  405. <div class=\"abs h-100 start-6 z-2 p-4\">
  406. <h3 style=\"color:white;\">Salle de bain 2</h3>
  407. </div>
  408. <img src=\"/images/salledebain2.jpeg\" class=\"w-100\" alt=\"Salle de bain 2\">
  409. </div>
  410. </div>
  411. </div>
  413. </div>
  414. </div>
  415. </div>
  416. </div>
  417. </div>
  419. </section>
  421. <section id=\"services\" class=\"overlay-dark-1\">
  422. <div class=\"container\">
  423. <div class=\"row g-4 justify-content-between\">
  424. <div class=\"col-lg-5 relative z-3\">
  425. <div class=\"me-lg-3\">
  426. <div class=\"subtitle wow fadeInUp\" data-wow-delay=\".0s\">Votre séjour à Strasbourg</div>
  427. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Tarifs et services</h2>
  428. <p style=\"color:#212121; font-size:18px;\">Une suite d'exception au cœur de Strasbourg, avec conciergerie dédiée pour vous accompagner tout au long de votre séjour.</p>
  430. <p style=\"color:#212121; font-size:18px;\">Réservation minimum deux nuits.</p>
  432. <a href=\"#reservation\" class=\"btn-main\" style=\"color:white;\">Réservation</a>
  435. </div>
  436. </div>
  438. <div class=\"col-lg-6\" style=\"color:black;\">
  439. <div class=\"spacer-single spacer-double\"></div>
  440. <div class=\"row\">
  441. <div class=\"col-md-6 wow fadeInUp\" data-wow-delay=\".2s\">
  443. ";
  444. // line 289
  445. yield "
  446. <ul class=\"ul-check fs-500\">
  447. <li>2 personnes : 350 € la nuit</li>
  448. <li>4 personnes : 690 € la nuit</li>
  449. <li>à partir de 6 personnes : 890 € la nuit</li>
  450. <li>10% de remise à partir de 7 nuits</li>
  451. </ul>
  452. </div>
  454. <div class=\"col-md-6 wow fadeInUp\" data-wow-delay=\".4s\">
  455. <h5 class=\"mb-3\">Services optionnels</h5>
  456. <ul class=\"ul-check fs-500\">
  457. <li>Une place de parking : 24 €/jour ou 150 €/semaine</li>
  458. <li>Ménage supplémentaire durant votre séjour : 60 euros</li>
  459. <li>Apéro alsacien : sur commande</li>
  460. <li>Atelier pour enfants, équipements bébé, chiens acceptés sur demande (les autres animaux ne sont malheureusement pas autorisés dans l'appartement), Décoration pour occasions spéciales,…</li>
  461. </ul>
  463. <div class=\"mt-4\">
  464. <p class=\"fs-500\"><strong>Conciergerie sur place</strong><br>
  465. <small>Mardi au samedi • 10h-18h45 <br /> Conciergerie privée sur demande selon disponibilité <br /> Sur devis (Correspond à 10% de la réservation)</small>
  466. </p>
  467. </div>
  468. </div>
  469. </div>
  470. </div>
  471. </div>
  474. </div>
  475. </section>
  477. <section id=\"section-gallery\" class=\"relative\">
  478. <div class=\"container relative z-2\" id=\"photos\">
  479. <div class=\"row g-4 gx-5 justify-content-center\">
  480. <div class=\"col-lg-6 text-center\">
  481. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Galerie de l'Appartement</h2>
  482. <p class=\"wow fadeInUp\" data-wow-delay=\".3s\" style=\"color:#212121;\">Voici les images de l'appartement qui vous permettront de découvrir les différents espaces : chambres, salon, cuisine, salle de bain et extérieur.</p>
  483. </div>
  484. </div>
  486. <div class=\"row\">
  487. <div class=\"col-md-12 text-center\">
  488. <ul id=\"filters\" class=\"wow fadeInUp\" data-wow-delay=\"0s\">
  489. <li><a href=\"#\" data-filter=\"*\" class=\"selected\" style=\"color:#212121;\">Tout afficher</a></li>
  490. <li><a href=\"#\" data-filter=\".chambre\" style=\"color:#212121;\">Chambres</a></li>
  491. <li><a href=\"#\" data-filter=\".salon\" style=\"color:#212121;\">Salon</a></li>
  492. <li><a href=\"#\" data-filter=\".cuisine\" style=\"color:#212121;\">Cuisine</a></li>
  493. <li><a href=\"#\" data-filter=\".salledebain\" style=\"color:#212121;\">Salle de bain</a></li>
  494. <li><a href=\"#\" data-filter=\".exterieur\" style=\"color:#212121;\">Extérieur</a></li>
  495. </ul>
  496. </div>
  497. </div>
  499. <div id=\"gallery\" class=\"row g-3 wow fadeInUp\" data-wow-delay=\".3s\">
  501. <!-- Chambres -->
  502. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  503. <a href=\"images/chambre1.jpeg\" class=\"image-popup d-block hover\">
  504. <div class=\"relative overflow-hidden\">
  505. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  506. Voir
  507. </div>
  508. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  509. <img src=\"images/chambre1.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Chambre\">
  510. </div>
  511. </a>
  512. </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. Voir
  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=\"Chambre 2\">
  522. </div>
  523. </a>
  524. </div>
  526. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  527. <a href=\"images/chambre3.jpeg\" class=\"image-popup d-block hover\">
  528. <div class=\"relative overflow-hidden\">
  529. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  530. Voir
  531. </div>
  532. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  533. <img src=\"images/chambre3.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Chambre 3\">
  534. </div>
  535. </a>
  536. </div>
  538. <!-- Salon -->
  539. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  540. <a href=\"images/salon.jpeg\" class=\"image-popup d-block hover\">
  541. <div class=\"relative overflow-hidden\">
  542. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  543. Voir
  544. </div>
  545. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  546. <img src=\"images/salon.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salon\">
  547. </div>
  548. </a>
  549. </div>
  551. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  552. <a href=\"images/salon2.jpeg\" class=\"image-popup d-block hover\">
  553. <div class=\"relative overflow-hidden\">
  554. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  555. Voir
  556. </div>
  557. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  558. <img src=\"images/salon2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salon 2\">
  559. </div>
  560. </a>
  561. </div>
  563. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  564. <a href=\"images/salon3.jpeg\" class=\"image-popup d-block hover\">
  565. <div class=\"relative overflow-hidden\">
  566. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  567. Voir
  568. </div>
  569. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  570. <img src=\"images/salon3.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salon 3\">
  571. </div>
  572. </a>
  573. </div>
  575. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  576. <a href=\"images/salon4.jpeg\" class=\"image-popup d-block hover\">
  577. <div class=\"relative overflow-hidden\">
  578. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  579. Voir
  580. </div>
  581. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  582. <img src=\"images/salon4.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salon 4\">
  583. </div>
  584. </a>
  585. </div>
  587. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  588. <a href=\"images/salon5.jpeg\" class=\"image-popup d-block hover\">
  589. <div class=\"relative overflow-hidden\">
  590. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  591. Voir
  592. </div>
  593. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  594. <img src=\"images/salon5.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salon 5\">
  595. </div>
  596. </a>
  597. </div>
  599. <!-- Cuisine -->
  600. <div class=\"col-md-3 col-sm-6 col-12 item cuisine\">
  601. <a href=\"images/cuisine.jpeg\" class=\"image-popup d-block hover\">
  602. <div class=\"relative overflow-hidden\">
  603. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  604. Voir
  605. </div>
  606. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  607. <img src=\"images/cuisine.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Cuisine\">
  608. </div>
  609. </a>
  610. </div>
  612. <!-- Salle de bain -->
  613. <div class=\"col-md-3 col-sm-6 col-12 item salledebain\">
  614. <a href=\"images/salledebain.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. Voir
  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/salledebain.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salle de bain\">
  621. </div>
  622. </a>
  623. </div>
  625. <div class=\"col-md-3 col-sm-6 col-12 item salledebain\">
  626. <a href=\"images/salledebain2.jpeg\" class=\"image-popup d-block hover\">
  627. <div class=\"relative overflow-hidden\">
  628. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  629. Voir
  630. </div>
  631. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  632. <img src=\"images/salledebain2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salle de bain 2\">
  633. </div>
  634. </a>
  635. </div>
  637. <!-- Extérieur -->
  638. <div class=\"col-md-3 col-sm-6 col-12 item exterieur\">
  639. <a href=\"images/exterieur.jpeg\" class=\"image-popup d-block hover\">
  640. <div class=\"relative overflow-hidden\">
  641. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  642. Voir
  643. </div>
  644. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  645. <img src=\"images/exterieur.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Extérieur\">
  646. </div>
  647. </a>
  648. </div>
  650. </div>
  652. </div>
  653. </section>
  655. <section id=\"reservation\" class=\"text-light\">
  656. <div class=\"container\">
  657. <div class=\"row g-4 justify-content-center\">
  658. <div class=\"col-lg-6 text-center\">
  659. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Réservez votre séjour</h2>
  660. </div>
  661. </div>
  663. <div class=\"row g-4 justify-content-center\">
  664. <div class=\"col-md-6\">
  665. ";
  666. // line 509
  667. 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.', 509, $this->source); })()), 'form_start');
  668. yield "
  669. <div class=\"row g-4\">
  671. <div class=\"col-md-12\">
  672. <div class=\"calendar-container\" style=\"height:300px;\">
  673. <input type=\"text\" id=\"date_range_picker\">
  674. </div>
  675. </div>
  677. <div class=\"col-md-3\">
  678. <label style=\"color:#212121;\">Voyageurs</label>
  679. ";
  680. // line 520
  681. 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.', 520, $this->source); })()), "persons", [], "any", false, false, false, 520), 'widget');
  682. yield "
  683. </div>
  685. <div class=\"col-md-3\">
  686. <label style=\"color:#212121;\">Arrivée</label> <br />
  687. </strong> <span id=\"info-start\" style=\"color:#212121;\">-</span>
  688. </div>
  690. <div class=\"col-md-3\">
  691. <label style=\"color:#212121;\">Départ</label> <br />
  692. <span id=\"info-end\" style=\"color:#212121;\">-</span>
  693. </div>
  695. <div class=\"col-md-3\">
  696. <label style=\"color:#212121;\">Nuits</label> <br />
  697. <span id=\"info-nights\" style=\"color:#212121;\">-</span>
  698. </div>
  700. <div class=\"col-md-12\" style=\"font-size:20px;\">
  701. <div id=\"results\"></div>
  702. </div>
  704. <div class=\"col-md-6\">
  705. <label style=\"color:#212121;\">Nom</label>
  706. ";
  707. // line 544
  708. 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); })()), "lastname", [], "any", false, false, false, 544), 'widget');
  709. yield "
  710. </div>
  712. <div class=\"col-md-6\">
  713. <label style=\"color:#212121;\">Prénom</label>
  714. ";
  715. // line 549
  716. 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.', 549, $this->source); })()), "name", [], "any", false, false, false, 549), 'widget');
  717. yield "
  718. </div>
  720. <div class=\"col-md-12\">
  721. <label style=\"color:#212121;\">Email</label>
  722. ";
  723. // line 554
  724. 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.', 554, $this->source); })()), "email", [], "any", false, false, false, 554), 'widget');
  725. yield "
  726. </div>
  728. <div class=\"col-md-12\">
  729. <label style=\"color:#212121;\">Message</label>
  730. ";
  731. // line 559
  732. 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.', 559, $this->source); })()), "message", [], "any", false, false, false, 559), 'widget');
  733. yield "
  734. </div>
  736. <div class=\"col-md-12\">
  737. <div class=\"text-center\" style=\"color:#212121;\">
  738. <input type=\"checkbox\" id=\"acceptCGV\" /> J'accepte <a href=\"/fr/cgv\" target=\"_blank\" style=\"text-decoration:underline; color:#212121;\">conditions générales de vente</a>
  739. </div>
  740. </div>
  742. <div class=\"col-md-12\">
  743. <div class=\"text-center\">
  744. <button type=\"submit\" name=\"submit\" value=\"1\" class=\"btn-main\" style=\"color:white;\">Confirmer la réservation</button>
  745. </div>
  746. </div>
  747. </div>
  749. ";
  750. // line 575
  751. 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.', 575, $this->source); })()), "start", [], "any", false, false, false, 575), 'widget');
  752. yield "
  753. ";
  754. // line 576
  755. 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.', 576, $this->source); })()), "end", [], "any", false, false, false, 576), 'widget');
  756. yield "
  758. ";
  759. // line 578
  760. 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.', 578, $this->source); })()), 'rest');
  761. yield "
  762. ";
  763. // line 579
  764. 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.', 579, $this->source); })()), 'form_end');
  765. yield "
  766. </div>
  767. </div>
  768. </div>
  769. </section>
  771. <section id=\"faq\" class=\"text-light\">
  772. <div class=\"container\">
  774. <div class=\"row g-4 justify-content-center\">
  775. <div class=\"col-lg-6 text-center\">
  776. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">FAQ</h2>
  777. </div>
  778. </div>
  780. <div class=\"row g-4 justify-content-center\">
  781. <div class=\"col-lg-6 text-left\" style=\"color:black !important;\">
  783. <h3 style=\"margin-top:7px;\">Comment réserver le logement ?</h3>
  785. <div>Vous pouvez réserver directement sur notre site et bientôt via les plateformes partenaires. Le paiement sécurisé confirme immédiatement votre réservation.</div>
  787. <h3 style=\"margin-top:7px;\">Quels sont les horaires d’arrivée et de départ ?</h3>
  788. <ul>
  789. <li>Arrivée : à partir de 15h</li>
  790. <li>Départ : avant 11h</li>
  791. </ul>
  793. <h3 style=\"margin-top:7px;\">Le logement est-il entièrement équipé ?</h3>
  794. <div>Oui, le logement est entièrement meublé et équipé : cuisine, literie, serviettes, électroménager, Wi-Fi,…</div>
  796. <h3 style=\"margin-top:7px;\">Y a-t-il un parking disponible ?</h3>
  797. <div>Oui, un parking privatif est possible en option au prix de 24 euros les 24h ou 150 euros la semaine (7 nuits).</div>
  799. <h3 style=\"margin-top:7px;\">Le logement est-il adapté aux enfants ?</h3>
  800. <div>Oui, nous proposons certains équipements pour enfants (lit bébé, chaise haute, vaisselle adaptée) sur demande.</div>
  802. <h3 style=\"margin-top:7px;\">Les animaux sont-ils acceptés ?</h3>
  803. <div>Merci de nous contacter avant de réserver si vous souhaitez venir avec un animal, les chiens sont les seuls animaux acceptés, mais soumis à une demande préalable.</div>
  805. <h3 style=\"margin-top:7px;\">Puis-je annuler ou modifier ma réservation ?</h3>
  806. <div>Oui, nos conditions d’annulation sont précisées lors de la réservation. Remboursement de 85% du montant de la location si annulation plus d’un mois avant la date d’arrivée, puis 50 % remboursés si annulation entre 1 mois et 15 jours avant la date d’arrivée. Pas de remboursement si annulation moins de 15 jours avant la date d’arrivée.</div>
  808. <h3 style=\"margin-top:7px;\">Le logement est-il accessible en transport public ?</h3>
  809. <div>Oui, les principaux transports sont proches. La station de tram « Langstross, Grand’rue » est à moins de 100 mètres de l’appartement. La gare de Strasbourg est à 10 minutes à pieds.</div>
  811. <h3 style=\"margin-top:7px;\">Y a-t-il des commerces ou restaurants à proximité ?</h3>
  812. <div>Oui, vous trouverez supermarchés, cafés, restaurants et activités touristiques au pied de l’immeuble.</div>
  814. <h3 style=\"margin-top:7px;\">Que faire en cas de problème pendant le séjour ?</h3>
  815. <div>Nous restons disponibles 24h/24 par mail, pour toute urgence ou question concernant le logement, vous pouvez aussi nous joindre entre 9h et 20h par téléphone au 07 61 05 82 43 et nous sommes disponibles</div>
  817. </div>
  818. </div>
  820. </div>
  821. </section>
  823. ";
  825. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  828. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  830. yield from [];
  831. }
  833. // line 639
  834. /**
  835. * @return iterable<null|scalar|\Stringable>
  836. */
  837. public function block_footerjs(array $context, array $blocks = []): iterable
  838. {
  839. $macros = $this->macros;
  840. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  841. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footerjs"));
  843. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  844. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "footerjs"));
  846. // line 640
  847. yield " <script src=\"https://cdn.jsdelivr.net/npm/flatpickr\"></script>
  848. <script src=\"https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/fr.js\"></script>
  849. <script>
  850. function updateSimulation() {
  851. var start = \$(\"#reservation_form_start\").val();
  852. var end = \$(\"#reservation_form_end\").val();
  853. var persons = \$(\"#reservation_form_persons\").val();
  855. if (start && end && persons) {
  856. \$(\"#results\").html('<div class=\"loading\">Calcul en cours...</div>');
  858. \$.post(
  859. Routing.generate('locale_simulation_pricing',{'_locale':'fr'}),
  860. {'start': start, 'end': end, 'persons': persons}
  861. )
  862. .done(function(data) {
  863. \$(\"#results\").html(data);
  864. })
  865. .fail(function() {
  866. \$(\"#results\").html('<div class=\"error\">Erreur</div>');
  867. });
  868. } else {
  869. \$(\"#results\").html('');
  870. }
  871. }
  873. // Écoute les changements sur le nombre de personnes
  874. \$(\"#reservation_form_persons\").change(updateSimulation);
  876. \$(document).ready(function() {
  877. // Désactive le bouton au chargement de la page
  878. \$('button[type=\"submit\"]').prop('disabled', true);
  880. // Écoute les changements sur la checkbox
  881. \$('#acceptCGV').change(function() {
  882. if(\$(this).is(':checked')) {
  883. \$('button[type=\"submit\"]').prop('disabled', false);
  884. } else {
  885. \$('button[type=\"submit\"]').prop('disabled', true);
  886. }
  887. });
  888. });
  889. </script>
  890. <script>
  891. \$(document).ready(function() {
  892. let bookedRanges = [];
  894. \$.ajax({
  895. url: '";
  896. // line 688
  897. yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['App\Twig\CoreExtension']->getEnvironmentVariable("WEBHOOK_CALENDAR_AVAILABILITY"), "html", null, true);
  898. yield "',
  899. method: 'POST',
  900. contentType: 'application/json',
  901. data: ''
  902. })
  903. .done(function(data) {
  904. bookedRanges = data.bookings || [];
  905. console.log('✅ Créneaux chargés:', bookedRanges);
  906. initDatePicker();
  907. })
  908. .fail(function(error) {
  909. console.error('❌ Erreur:', error);
  910. initDatePicker();
  911. });
  913. // 🔧 FONCTION POUR CRÉER UNE DATE LOCALE SANS DÉCALAGE UTC
  914. function parseLocalDate(dateStr) {
  915. const [year, month, day] = dateStr.split('-').map(Number);
  916. return new Date(year, month - 1, day);
  917. }
  919. const isMobile = window.innerWidth <= 900;
  921. function initDatePicker() {
  922. flatpickr(\"#date_range_picker\", {
  923. inline: true,
  924. mode: \"range\",
  925. locale: \"fr\",
  926. minDate: new Date(new Date().setDate(new Date().getDate() + 1)),
  927. dateFormat: \"Y-m-d\",
  928. showMonths: isMobile ? 1 : 2,
  930. disable: [
  931. function(date) {
  932. const checkDate = new Date(date);
  933. checkDate.setHours(0, 0, 0, 0);
  935. return bookedRanges.some(range => {
  936. const start = parseLocalDate(range.start_date);
  937. const end = parseLocalDate(range.end_date);
  938. return checkDate >= start && checkDate <= end;
  939. });
  940. }
  941. ],
  943. onChange: function(selectedDates, dateStr, instance) {
  944. console.log('📅 Dates sélectionnées:', selectedDates.length);
  946. if (selectedDates.length === 2) {
  947. const start = selectedDates[0];
  948. const end = selectedDates[1];
  950. if (isRangeAvailable(start, end)) {
  951. // ✅ Met à jour avec jQuery ET déclenche l'événement change
  952. \$('#reservation_form_start').val(formatDate(start)).trigger('change');
  953. \$('#reservation_form_end').val(formatDate(end)).trigger('change');
  955. console.log('✅ Champs mis à jour:',
  956. \$('#reservation_form_start').val(),
  957. '→',
  958. \$('#reservation_form_end').val()
  959. );
  961. updateSelectedInfo(start, end);
  963. // ✅ Force la simulation
  964. updateSimulation();
  966. } else {
  967. alert('⚠️ Cette période contient des dates déjà réservées.\\nVeuillez choisir une autre période.');
  968. instance.clear();
  969. clearSymfonyFields();
  970. hideSelectedInfo();
  971. \$(\"#results\").html('');
  972. }
  973. } else {
  974. clearSymfonyFields();
  975. hideSelectedInfo();
  976. \$(\"#results\").html('');
  977. }
  978. },
  980. onDayCreate: function(dObj, dStr, fp, dayElem) {
  981. const date = new Date(dayElem.dateObj);
  982. date.setHours(0, 0, 0, 0);
  984. const isBooked = bookedRanges.some(range => {
  985. const start = parseLocalDate(range.start_date);
  986. const end = parseLocalDate(range.end_date);
  987. return date >= start && date <= end;
  988. });
  990. if (isBooked) {
  991. dayElem.classList.add('booked');
  992. dayElem.title = 'Date indisponible (réservée)';
  993. } else if (date >= new Date()) {
  994. dayElem.classList.add('available');
  995. dayElem.title = 'Date disponible';
  996. }
  997. }
  998. });
  999. }
  1001. function isRangeAvailable(startDate, endDate) {
  1002. let currentDate = new Date(startDate);
  1003. currentDate.setHours(0, 0, 0, 0);
  1005. const endCheck = new Date(endDate);
  1006. endCheck.setHours(0, 0, 0, 0);
  1008. while (currentDate <= endCheck) {
  1009. const isBooked = bookedRanges.some(range => {
  1010. const start = parseLocalDate(range.start_date);
  1011. const end = parseLocalDate(range.end_date);
  1012. return currentDate >= start && currentDate <= end;
  1013. });
  1014. if (isBooked) return false;
  1015. currentDate.setDate(currentDate.getDate() + 1);
  1016. }
  1017. return true;
  1018. }
  1020. function updateSelectedInfo(start, end) {
  1021. const nights = Math.ceil((end - start) / (1000 * 60 * 60 * 24));
  1022. \$('#info-start').text(start.toLocaleDateString('fr-FR'));
  1023. \$('#info-end').text(end.toLocaleDateString('fr-FR'));
  1024. \$('#info-nights').text(`\${nights} nuit\${nights > 1 ? 's' : ''}`);
  1025. \$('#selected-dates-info').addClass('active');
  1026. }
  1028. function hideSelectedInfo() {
  1029. \$('#selected-dates-info').removeClass('active');
  1030. }
  1032. function clearSymfonyFields() {
  1033. \$('#reservation_form_start').val('');
  1034. \$('#reservation_form_end').val('');
  1035. }
  1037. function formatDate(date) {
  1038. const year = date.getFullYear();
  1039. const month = String(date.getMonth() + 1).padStart(2, '0');
  1040. const day = String(date.getDate()).padStart(2, '0');
  1041. return `\${year}-\${month}-\${day}`;
  1042. }
  1043. });
  1044. </script>
  1045. ";
  1047. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1050. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1052. yield from [];
  1053. }
  1055. // line 837
  1056. /**
  1057. * @return iterable<null|scalar|\Stringable>
  1058. */
  1059. public function block_css(array $context, array $blocks = []): iterable
  1060. {
  1061. $macros = $this->macros;
  1062. $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1063. $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  1065. $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1066. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "css"));
  1068. // line 838
  1069. yield " <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css\">
  1070. <style>
  1071. .calendar-container {
  1072. margin: 20px 0;
  1073. width: 100%;
  1074. overflow: hidden;
  1075. }
  1077. /* Calendrier inline (toujours visible) */
  1078. #date_range_picker {
  1079. display: none; /* Le champ input est caché, on affiche juste le calendrier */
  1080. }
  1082. .flatpickr-calendar.inline {
  1083. margin: 0 auto;
  1084. box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  1085. border-radius: 8px;
  1086. max-width: 100%;
  1087. }
  1089. .flatpickr-day.booked {
  1090. background-color: #ff4444 !important;
  1091. color: white !important;
  1092. cursor: not-allowed !important;
  1093. position: relative;
  1094. }
  1096. .flatpickr-day.booked::after {
  1097. content: \"✕\";
  1098. position: absolute;
  1099. top: 50%;
  1100. left: 50%;
  1101. transform: translate(-50%, -50%);
  1102. font-size: 20px;
  1103. font-weight: bold;
  1104. }
  1106. .flatpickr-day.booked:hover {
  1107. background-color: #ff0000 !important;
  1108. }
  1110. .flatpickr-day.available:hover {
  1111. background-color: #28a745;
  1112. color: white;
  1113. }
  1115. /* Adaptations Mobile */
  1116. @media (max-width: 768px) {
  1117. .calendar-container {
  1118. margin: 10px 0;
  1119. padding: 0 10px;
  1120. }
  1122. .flatpickr-calendar.inline {
  1123. width: 100% !important;
  1124. max-width: 100% !important;
  1125. }
  1127. .flatpickr-months {
  1128. padding: 8px 10px;
  1129. }
  1131. .flatpickr-days {
  1132. width: 100% !important;
  1133. }
  1135. .dayContainer {
  1136. width: 100% !important;
  1137. min-width: 100% !important;
  1138. max-width: 100% !important;
  1139. }
  1141. .flatpickr-day {
  1142. height: 40px !important;
  1143. line-height: 40px !important;
  1144. flex-basis: 14.2857% !important;
  1145. max-width: 14.2857% !important;
  1146. }
  1147. }
  1148. </style>
  1149. ";
  1151. $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  1154. $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  1156. yield from [];
  1157. }
  1159. /**
  1160. * @codeCoverageIgnore
  1161. */
  1162. public function getTemplateName(): string
  1163. {
  1164. return "vitrine/fr/homepage.html.twig";
  1165. }
  1167. /**
  1168. * @codeCoverageIgnore
  1169. */
  1170. public function isTraitable(): bool
  1171. {
  1172. return false;
  1173. }
  1175. /**
  1176. * @codeCoverageIgnore
  1177. */
  1178. public function getDebugInfo(): array
  1179. {
  1180. return array ( 1069 => 838, 1056 => 837, 897 => 688, 847 => 640, 834 => 639, 764 => 579, 760 => 578, 755 => 576, 751 => 575, 732 => 559, 724 => 554, 716 => 549, 708 => 544, 681 => 520, 667 => 509, 445 => 289, 179 => 15, 166 => 14, 151 => 8, 138 => 7, 115 => 5, 92 => 4, 69 => 3, 46 => 1,);
  1181. }
  1183. public function getSourceContext(): Source
  1184. {
  1185. return new Source("{% extends 'vitrine/fr/layout.html.twig' %}
  1187. {% block title %}Suite Cathedrale Heritage - Location 8 pers Strasbourg Centre{% endblock title %}
  1188. {% block description %}Louez notre suite de 83m² au cœur de Strasbourg. 3 chambres, 8 personnes, à 100m de la Cathédrale. Cuisine équipée, 2 salles de bain. Réservez votre séjour!{% endblock description %}
  1189. {% block robots %}index,follow{% endblock robots %}
  1191. {% block canonical %}
  1192. <link rel=\"canonical\" href=\"https://cathedraleheritage.com/fr\" />
  1193. <link rel=\"alternate\" hreflang=\"fr\" href=\"https://cathedraleheritage.com/fr\" />
  1194. <link rel=\"alternate\" hreflang=\"en\" href=\"https://cathedraleheritage.com\" />
  1195. <link rel=\"alternate\" hreflang=\"x-default\" href=\"https://cathedraleheritage.com\" />
  1196. {% endblock canonical %}
  1198. {% block body %}
  1200. <section id=\"hero\" class=\"text-light no-top no-bottom relative overflow-hidden z-1000\">
  1201. <div class=\"abs w-100 abs-centered z-2\">
  1202. <div class=\"container\">
  1203. <div class=\"spacer-double\"></div>
  1205. <div class=\"row g-4 align-items-center justify-content-center\">
  1206. <div class=\"col-md-8 text-center\">
  1207. <h1 class=\"mb-2\" style=\"color:white;\">Bienvenue sur la Suite Cathédrale Héritage</h1>
  1208. <p class=\"lead mb-3\" style=\"color:white; font-size:22px;\">Appartement d’exception, pouvant accueillir jusqu’à 8 personnes au cœur du prestigieux centre historique de Strasbourg</p>
  1209. <a class=\"btn-main btn-line bg-blur fx-slide\" href=\"#about\" style=\"color:white;\"><span>Découverte</span></a>
  1210. </div>
  1211. </div>
  1212. </div>
  1213. </div>
  1214. <div class=\"vertical-center\">
  1215. <div class=\"swiper\">
  1216. <div class=\"swiper-wrapper\">
  1217. <div class=\"swiper-slide\">
  1218. <div class=\"swiper-inner\" data-bgimage=\"url(/images/salon2.jpeg)\">
  1219. <div class=\"sw-overlay op-5\"></div>
  1220. </div>
  1221. </div>
  1222. <div class=\"swiper-slide\">
  1223. <div class=\"swiper-inner\" data-bgimage=\"url(/images/chambre2.jpeg)\">
  1224. <div class=\"sw-overlay op-5\"></div>
  1225. </div>
  1226. </div>
  1227. <div class=\"swiper-slide\">
  1228. <div class=\"swiper-inner\" data-bgimage=\"url(/images/noel.jpeg)\">
  1229. <div class=\"sw-overlay op-5\"></div>
  1230. </div>
  1231. </div>
  1232. </div>
  1233. </div>
  1234. </div>
  1236. <div class=\"abs w-100 bottom-0 z-2 pb-4 sm-hide\">
  1237. <div class=\"container\">
  1238. <div class=\"row\">
  1239. <div class=\"col-lg-12\">
  1240. <div class=\"d-flex justify-content-between\">
  1241. <div>
  1242. <h6 style=\"color:white;\">Cathédrale à 100m</h6>
  1243. </div>
  1244. <div>
  1245. <h6 style=\"color:white;\">Musées à 200m</h6>
  1246. </div>
  1247. <div>
  1248. <h6 style=\"color:white;\">Petite France à 300m</h6>
  1249. </div>
  1250. </div>
  1251. </div>
  1252. </div>
  1253. </div>
  1254. </div>
  1255. <div class=\"gradient-edge-bottom op-8\"></div>
  1256. </section>
  1258. <section id=\"about\">
  1259. <div class=\"container\">
  1260. <div class=\"row g-4 align-items-end justify-content-between\">
  1261. <div class=\"col-lg-5\">
  1262. <div class=\"subtitle\">A propos de l'appartement</div>
  1263. <h2>Suite moderne en hyper centre de la grande île de Strasbourg</h2>
  1264. </div>
  1266. <div class=\"col-lg-4\">
  1267. <p class=\"mb-4\" style=\"color:#212121;\">
  1268. Logement spacieux idéal pour familles et groupes jusqu'à 8 personnes, comprenant deux chambres doubles dont une suite parentale avec une salle de bain, une chambre avec deux lits superposés doubles (4 couchages) maximum de 100kg pour les lits en hauteur.
  1269. </p>
  1270. <p class=\"mb-4\" style=\"color:#212121;\">
  1271. Cuisine entièrement équipée et salon-salle à manger convivial pour partager de bons moments ensemble.
  1272. </p>
  1273. <p class=\"mb-4\" style=\"color:#212121;\">
  1274. Équipements : sèche-cheveux, lave-vaisselle, lave-linge séchant, micro-ondes, four, planche à repasser avec fer, cafetière Nespresso, bouilloire, télévision, Wi-Fi et prises USB pour recharger vos appareils.
  1275. </p>
  1276. </div>
  1277. </div>
  1279. <div class=\"spacer-single\"></div>
  1281. <div class=\"row g-4\">
  1282. <div class=\"col-md-2\">
  1283. <div class=\"relative\">
  1284. <h5>Taille</h5>
  1285. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:6px;\">
  1286. <img src=\"/images/home.png\" width=\"37\" class=\"me-3\" alt=\"\">
  1287. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">83 m²</div>
  1288. </div>
  1289. </div>
  1290. </div>
  1292. <div class=\"col-md-2\">
  1293. <div class=\"relative\">
  1294. <h5>Chambres</h5>
  1295. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:4px;\">
  1296. <img src=\"/images/bed.png\" width=\"37\" class=\"me-3\" alt=\"\">
  1297. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">3</div>
  1298. </div>
  1299. </div>
  1300. </div>
  1302. <div class=\"col-md-2\">
  1303. <div class=\"relative\">
  1304. <h5>Salon</h5>
  1305. <div class=\"d-flex justify-content-start align-items-center\">
  1306. <img src=\"/images/sofa.png\" width=\"50\" class=\"me-3\" alt=\"\">
  1307. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">Inclus</div>
  1308. </div>
  1309. </div>
  1310. </div>
  1312. <div class=\"col-md-2\">
  1313. <div class=\"relative\">
  1314. <h5>Cuisine</h5>
  1315. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:6px;\">
  1316. <img src=\"/images/cooking.png\" width=\"37\" class=\"me-3\" alt=\"\">
  1317. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">Inclus</div>
  1318. </div>
  1319. </div>
  1320. </div>
  1322. <div class=\"col-md-2\">
  1323. <div class=\"relative\">
  1324. <h5>Salle de bain</h5>
  1325. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:4px;\">
  1326. <img src=\"/images/bathroom.png\" width=\"40\" class=\"me-3\" alt=\"\">
  1327. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">2</div>
  1328. </div>
  1329. </div>
  1330. </div>
  1332. <div class=\"col-md-2\">
  1333. <div class=\"relative\">
  1334. <h5>Personnes</h5>
  1335. <div class=\"d-flex justify-content-start align-items-center\" style=\"padding-top:5px;\">
  1336. <img src=\"/images/user.png\" width=\"37\" class=\"me-3\" alt=\"\">
  1337. <div class=\"fs-20 fw-600\" style=\"color:#212121;\">8</div>
  1338. </div>
  1339. </div>
  1340. </div>
  1341. </div>
  1342. </div>
  1343. </section>
  1345. <section id=\"rooms\" class=\"p-0 overflow-hidden\">
  1347. <div class=\"container-fluid\">
  1348. <div class=\"row\">
  1349. <div class=\"col-lg-12\">
  1350. <div class=\"owl-custom-nav menu-float\" data-target=\"#room-carousel\">
  1351. <a class=\"btn-next\"></a>
  1352. <a class=\"btn-prev\"></a>
  1354. <div id=\"room-carousel\" class=\"owl-2-cols-center owl-carousel owl-theme\">
  1356. <div class=\"item\">
  1357. <div class=\"relative\">
  1358. <div class=\"overflow-hidden text-light\">
  1359. <div class=\"abs h-100 start-0 z-2 p-4\">
  1360. <h3 style=\"color:white;\">Salon</h3>
  1361. </div>
  1362. <img src=\"/images/salon2.jpeg\" class=\"w-100\" alt=\"Salon\">
  1363. </div>
  1364. </div>
  1365. </div>
  1367. <div class=\"item\">
  1368. <div class=\"relative\">
  1369. <div class=\"overflow-hidden text-light\">
  1370. <div class=\"abs h-100 start-1 z-2 p-4\">
  1371. <h3 style=\"color:white;\">Chambre 1</h3>
  1372. </div>
  1373. <img src=\"/images/chambre1.jpeg\" class=\"w-100\" alt=\"Chambre 1\">
  1374. </div>
  1375. </div>
  1376. </div>
  1378. <div class=\"item\">
  1379. <div class=\"relative\">
  1380. <div class=\"overflow-hidden text-light\">
  1381. <div class=\"abs h-100 start-2 z-2 p-4\">
  1382. <h3 style=\"color:white;\">Chambre 2</h3>
  1383. </div>
  1384. <img src=\"/images/chambre2.jpeg\" class=\"w-100\" alt=\"Chambre 2\">
  1385. </div>
  1386. </div>
  1387. </div>
  1389. <div class=\"item\">
  1390. <div class=\"relative\">
  1391. <div class=\"overflow-hidden text-light\">
  1392. <div class=\"abs h-100 start-3 z-2 p-4\">
  1393. <h3 style=\"color:white;\">Chambre 3</h3>
  1394. </div>
  1395. <img src=\"/images/chambre3.jpeg\" class=\"w-100\" alt=\"Chambre 3\">
  1396. </div>
  1397. </div>
  1398. </div>
  1400. <div class=\"item\">
  1401. <div class=\"relative\">
  1402. <div class=\"overflow-hidden text-light\">
  1403. <div class=\"abs h-100 start-4 z-2 p-4\">
  1404. <h3 style=\"color:white;\">Cuisine</h3>
  1405. </div>
  1406. <img src=\"/images/cuisine.jpeg\" class=\"w-100\" alt=\"Cuisine\">
  1407. </div>
  1408. </div>
  1409. </div>
  1411. <div class=\"item\">
  1412. <div class=\"relative\">
  1413. <div class=\"overflow-hidden text-light\">
  1414. <div class=\"abs h-100 start-5 z-2 p-4\">
  1415. <h3 style=\"color:white;\">Salle de bain</h3>
  1416. </div>
  1417. <img src=\"/images/salledebain.jpeg\" class=\"w-100\" alt=\"Salle de bain 1\">
  1418. </div>
  1419. </div>
  1420. </div>
  1422. <div class=\"item\">
  1423. <div class=\"relative\">
  1424. <div class=\"overflow-hidden text-light\">
  1425. <div class=\"abs h-100 start-6 z-2 p-4\">
  1426. <h3 style=\"color:white;\">Salle de bain 2</h3>
  1427. </div>
  1428. <img src=\"/images/salledebain2.jpeg\" class=\"w-100\" alt=\"Salle de bain 2\">
  1429. </div>
  1430. </div>
  1431. </div>
  1433. </div>
  1434. </div>
  1435. </div>
  1436. </div>
  1437. </div>
  1439. </section>
  1441. <section id=\"services\" class=\"overlay-dark-1\">
  1442. <div class=\"container\">
  1443. <div class=\"row g-4 justify-content-between\">
  1444. <div class=\"col-lg-5 relative z-3\">
  1445. <div class=\"me-lg-3\">
  1446. <div class=\"subtitle wow fadeInUp\" data-wow-delay=\".0s\">Votre séjour à Strasbourg</div>
  1447. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Tarifs et services</h2>
  1448. <p style=\"color:#212121; font-size:18px;\">Une suite d'exception au cœur de Strasbourg, avec conciergerie dédiée pour vous accompagner tout au long de votre séjour.</p>
  1450. <p style=\"color:#212121; font-size:18px;\">Réservation minimum deux nuits.</p>
  1452. <a href=\"#reservation\" class=\"btn-main\" style=\"color:white;\">Réservation</a>
  1455. </div>
  1456. </div>
  1458. <div class=\"col-lg-6\" style=\"color:black;\">
  1459. <div class=\"spacer-single spacer-double\"></div>
  1460. <div class=\"row\">
  1461. <div class=\"col-md-6 wow fadeInUp\" data-wow-delay=\".2s\">
  1463. {#
  1464. <h5 class=\" mb-3\">Haute saison</h5>
  1465. <p class=\"fs-500\"><small>Du 1er juin au 30 septembre • 25 novembre au 05 janvier</small></p>
  1466. <ul class=\"ul-check fs-500\">
  1467. <li>960 € la nuit</li>
  1468. <li>10% de remise à partir de 7 nuits</li>
  1469. </ul>
  1471. <h5 class=\"mb-3 mt-4\">Hors Saison</h5>
  1472. #}
  1474. <ul class=\"ul-check fs-500\">
  1475. <li>2 personnes : 350 € la nuit</li>
  1476. <li>4 personnes : 690 € la nuit</li>
  1477. <li>à partir de 6 personnes : 890 € la nuit</li>
  1478. <li>10% de remise à partir de 7 nuits</li>
  1479. </ul>
  1480. </div>
  1482. <div class=\"col-md-6 wow fadeInUp\" data-wow-delay=\".4s\">
  1483. <h5 class=\"mb-3\">Services optionnels</h5>
  1484. <ul class=\"ul-check fs-500\">
  1485. <li>Une place de parking : 24 €/jour ou 150 €/semaine</li>
  1486. <li>Ménage supplémentaire durant votre séjour : 60 euros</li>
  1487. <li>Apéro alsacien : sur commande</li>
  1488. <li>Atelier pour enfants, équipements bébé, chiens acceptés sur demande (les autres animaux ne sont malheureusement pas autorisés dans l'appartement), Décoration pour occasions spéciales,…</li>
  1489. </ul>
  1491. <div class=\"mt-4\">
  1492. <p class=\"fs-500\"><strong>Conciergerie sur place</strong><br>
  1493. <small>Mardi au samedi • 10h-18h45 <br /> Conciergerie privée sur demande selon disponibilité <br /> Sur devis (Correspond à 10% de la réservation)</small>
  1494. </p>
  1495. </div>
  1496. </div>
  1497. </div>
  1498. </div>
  1499. </div>
  1502. </div>
  1503. </section>
  1505. <section id=\"section-gallery\" class=\"relative\">
  1506. <div class=\"container relative z-2\" id=\"photos\">
  1507. <div class=\"row g-4 gx-5 justify-content-center\">
  1508. <div class=\"col-lg-6 text-center\">
  1509. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Galerie de l'Appartement</h2>
  1510. <p class=\"wow fadeInUp\" data-wow-delay=\".3s\" style=\"color:#212121;\">Voici les images de l'appartement qui vous permettront de découvrir les différents espaces : chambres, salon, cuisine, salle de bain et extérieur.</p>
  1511. </div>
  1512. </div>
  1514. <div class=\"row\">
  1515. <div class=\"col-md-12 text-center\">
  1516. <ul id=\"filters\" class=\"wow fadeInUp\" data-wow-delay=\"0s\">
  1517. <li><a href=\"#\" data-filter=\"*\" class=\"selected\" style=\"color:#212121;\">Tout afficher</a></li>
  1518. <li><a href=\"#\" data-filter=\".chambre\" style=\"color:#212121;\">Chambres</a></li>
  1519. <li><a href=\"#\" data-filter=\".salon\" style=\"color:#212121;\">Salon</a></li>
  1520. <li><a href=\"#\" data-filter=\".cuisine\" style=\"color:#212121;\">Cuisine</a></li>
  1521. <li><a href=\"#\" data-filter=\".salledebain\" style=\"color:#212121;\">Salle de bain</a></li>
  1522. <li><a href=\"#\" data-filter=\".exterieur\" style=\"color:#212121;\">Extérieur</a></li>
  1523. </ul>
  1524. </div>
  1525. </div>
  1527. <div id=\"gallery\" class=\"row g-3 wow fadeInUp\" data-wow-delay=\".3s\">
  1529. <!-- Chambres -->
  1530. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  1531. <a href=\"images/chambre1.jpeg\" class=\"image-popup d-block hover\">
  1532. <div class=\"relative overflow-hidden\">
  1533. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1534. Voir
  1535. </div>
  1536. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1537. <img src=\"images/chambre1.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Chambre\">
  1538. </div>
  1539. </a>
  1540. </div>
  1542. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  1543. <a href=\"images/chambre2.jpeg\" class=\"image-popup d-block hover\">
  1544. <div class=\"relative overflow-hidden\">
  1545. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1546. Voir
  1547. </div>
  1548. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1549. <img src=\"images/chambre2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Chambre 2\">
  1550. </div>
  1551. </a>
  1552. </div>
  1554. <div class=\"col-md-3 col-sm-6 col-12 item chambre\">
  1555. <a href=\"images/chambre3.jpeg\" class=\"image-popup d-block hover\">
  1556. <div class=\"relative overflow-hidden\">
  1557. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1558. Voir
  1559. </div>
  1560. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1561. <img src=\"images/chambre3.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Chambre 3\">
  1562. </div>
  1563. </a>
  1564. </div>
  1566. <!-- Salon -->
  1567. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  1568. <a href=\"images/salon.jpeg\" class=\"image-popup d-block hover\">
  1569. <div class=\"relative overflow-hidden\">
  1570. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1571. Voir
  1572. </div>
  1573. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1574. <img src=\"images/salon.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salon\">
  1575. </div>
  1576. </a>
  1577. </div>
  1579. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  1580. <a href=\"images/salon2.jpeg\" class=\"image-popup d-block hover\">
  1581. <div class=\"relative overflow-hidden\">
  1582. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1583. Voir
  1584. </div>
  1585. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1586. <img src=\"images/salon2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salon 2\">
  1587. </div>
  1588. </a>
  1589. </div>
  1591. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  1592. <a href=\"images/salon3.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. Voir
  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/salon3.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salon 3\">
  1599. </div>
  1600. </a>
  1601. </div>
  1603. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  1604. <a href=\"images/salon4.jpeg\" class=\"image-popup d-block hover\">
  1605. <div class=\"relative overflow-hidden\">
  1606. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1607. Voir
  1608. </div>
  1609. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1610. <img src=\"images/salon4.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salon 4\">
  1611. </div>
  1612. </a>
  1613. </div>
  1615. <div class=\"col-md-3 col-sm-6 col-12 item salon\">
  1616. <a href=\"images/salon5.jpeg\" class=\"image-popup d-block hover\">
  1617. <div class=\"relative overflow-hidden\">
  1618. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1619. Voir
  1620. </div>
  1621. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1622. <img src=\"images/salon5.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salon 5\">
  1623. </div>
  1624. </a>
  1625. </div>
  1627. <!-- Cuisine -->
  1628. <div class=\"col-md-3 col-sm-6 col-12 item cuisine\">
  1629. <a href=\"images/cuisine.jpeg\" class=\"image-popup d-block hover\">
  1630. <div class=\"relative overflow-hidden\">
  1631. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1632. Voir
  1633. </div>
  1634. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1635. <img src=\"images/cuisine.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Cuisine\">
  1636. </div>
  1637. </a>
  1638. </div>
  1640. <!-- Salle de bain -->
  1641. <div class=\"col-md-3 col-sm-6 col-12 item salledebain\">
  1642. <a href=\"images/salledebain.jpeg\" class=\"image-popup d-block hover\">
  1643. <div class=\"relative overflow-hidden\">
  1644. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1645. Voir
  1646. </div>
  1647. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1648. <img src=\"images/salledebain.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salle de bain\">
  1649. </div>
  1650. </a>
  1651. </div>
  1653. <div class=\"col-md-3 col-sm-6 col-12 item salledebain\">
  1654. <a href=\"images/salledebain2.jpeg\" class=\"image-popup d-block hover\">
  1655. <div class=\"relative overflow-hidden\">
  1656. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1657. Voir
  1658. </div>
  1659. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1660. <img src=\"images/salledebain2.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Salle de bain 2\">
  1661. </div>
  1662. </a>
  1663. </div>
  1665. <!-- Extérieur -->
  1666. <div class=\"col-md-3 col-sm-6 col-12 item exterieur\">
  1667. <a href=\"images/exterieur.jpeg\" class=\"image-popup d-block hover\">
  1668. <div class=\"relative overflow-hidden\">
  1669. <div class=\"absolute start-0 w-100 hover-op-1 p-5 abs-middle z-2 text-center text-white z-3\">
  1670. Voir
  1671. </div>
  1672. <div class=\"absolute start-0 w-100 h-100 overlay-dark-7 hover-op-1 z-2\"></div>
  1673. <img src=\"images/exterieur.jpeg\" class=\"w-100 hover-scale-1-2\" alt=\"Extérieur\">
  1674. </div>
  1675. </a>
  1676. </div>
  1678. </div>
  1680. </div>
  1681. </section>
  1683. <section id=\"reservation\" class=\"text-light\">
  1684. <div class=\"container\">
  1685. <div class=\"row g-4 justify-content-center\">
  1686. <div class=\"col-lg-6 text-center\">
  1687. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">Réservez votre séjour</h2>
  1688. </div>
  1689. </div>
  1691. <div class=\"row g-4 justify-content-center\">
  1692. <div class=\"col-md-6\">
  1693. {{ form_start(form) }}
  1694. <div class=\"row g-4\">
  1696. <div class=\"col-md-12\">
  1697. <div class=\"calendar-container\" style=\"height:300px;\">
  1698. <input type=\"text\" id=\"date_range_picker\">
  1699. </div>
  1700. </div>
  1702. <div class=\"col-md-3\">
  1703. <label style=\"color:#212121;\">Voyageurs</label>
  1704. {{ form_widget(form.persons) }}
  1705. </div>
  1707. <div class=\"col-md-3\">
  1708. <label style=\"color:#212121;\">Arrivée</label> <br />
  1709. </strong> <span id=\"info-start\" style=\"color:#212121;\">-</span>
  1710. </div>
  1712. <div class=\"col-md-3\">
  1713. <label style=\"color:#212121;\">Départ</label> <br />
  1714. <span id=\"info-end\" style=\"color:#212121;\">-</span>
  1715. </div>
  1717. <div class=\"col-md-3\">
  1718. <label style=\"color:#212121;\">Nuits</label> <br />
  1719. <span id=\"info-nights\" style=\"color:#212121;\">-</span>
  1720. </div>
  1722. <div class=\"col-md-12\" style=\"font-size:20px;\">
  1723. <div id=\"results\"></div>
  1724. </div>
  1726. <div class=\"col-md-6\">
  1727. <label style=\"color:#212121;\">Nom</label>
  1728. {{ form_widget(form.lastname) }}
  1729. </div>
  1731. <div class=\"col-md-6\">
  1732. <label style=\"color:#212121;\">Prénom</label>
  1733. {{ form_widget(form.name) }}
  1734. </div>
  1736. <div class=\"col-md-12\">
  1737. <label style=\"color:#212121;\">Email</label>
  1738. {{ form_widget(form.email) }}
  1739. </div>
  1741. <div class=\"col-md-12\">
  1742. <label style=\"color:#212121;\">Message</label>
  1743. {{ form_widget(form.message) }}
  1744. </div>
  1746. <div class=\"col-md-12\">
  1747. <div class=\"text-center\" style=\"color:#212121;\">
  1748. <input type=\"checkbox\" id=\"acceptCGV\" /> J'accepte <a href=\"/fr/cgv\" target=\"_blank\" style=\"text-decoration:underline; color:#212121;\">conditions générales de vente</a>
  1749. </div>
  1750. </div>
  1752. <div class=\"col-md-12\">
  1753. <div class=\"text-center\">
  1754. <button type=\"submit\" name=\"submit\" value=\"1\" class=\"btn-main\" style=\"color:white;\">Confirmer la réservation</button>
  1755. </div>
  1756. </div>
  1757. </div>
  1759. {{ form_widget(form.start) }}
  1760. {{ form_widget(form.end) }}
  1762. {{ form_rest(form) }}
  1763. {{ form_end(form) }}
  1764. </div>
  1765. </div>
  1766. </div>
  1767. </section>
  1769. <section id=\"faq\" class=\"text-light\">
  1770. <div class=\"container\">
  1772. <div class=\"row g-4 justify-content-center\">
  1773. <div class=\"col-lg-6 text-center\">
  1774. <h2 class=\"wow fadeInUp\" data-wow-delay=\".2s\">FAQ</h2>
  1775. </div>
  1776. </div>
  1778. <div class=\"row g-4 justify-content-center\">
  1779. <div class=\"col-lg-6 text-left\" style=\"color:black !important;\">
  1781. <h3 style=\"margin-top:7px;\">Comment réserver le logement ?</h3>
  1783. <div>Vous pouvez réserver directement sur notre site et bientôt via les plateformes partenaires. Le paiement sécurisé confirme immédiatement votre réservation.</div>
  1785. <h3 style=\"margin-top:7px;\">Quels sont les horaires d’arrivée et de départ ?</h3>
  1786. <ul>
  1787. <li>Arrivée : à partir de 15h</li>
  1788. <li>Départ : avant 11h</li>
  1789. </ul>
  1791. <h3 style=\"margin-top:7px;\">Le logement est-il entièrement équipé ?</h3>
  1792. <div>Oui, le logement est entièrement meublé et équipé : cuisine, literie, serviettes, électroménager, Wi-Fi,…</div>
  1794. <h3 style=\"margin-top:7px;\">Y a-t-il un parking disponible ?</h3>
  1795. <div>Oui, un parking privatif est possible en option au prix de 24 euros les 24h ou 150 euros la semaine (7 nuits).</div>
  1797. <h3 style=\"margin-top:7px;\">Le logement est-il adapté aux enfants ?</h3>
  1798. <div>Oui, nous proposons certains équipements pour enfants (lit bébé, chaise haute, vaisselle adaptée) sur demande.</div>
  1800. <h3 style=\"margin-top:7px;\">Les animaux sont-ils acceptés ?</h3>
  1801. <div>Merci de nous contacter avant de réserver si vous souhaitez venir avec un animal, les chiens sont les seuls animaux acceptés, mais soumis à une demande préalable.</div>
  1803. <h3 style=\"margin-top:7px;\">Puis-je annuler ou modifier ma réservation ?</h3>
  1804. <div>Oui, nos conditions d’annulation sont précisées lors de la réservation. Remboursement de 85% du montant de la location si annulation plus d’un mois avant la date d’arrivée, puis 50 % remboursés si annulation entre 1 mois et 15 jours avant la date d’arrivée. Pas de remboursement si annulation moins de 15 jours avant la date d’arrivée.</div>
  1806. <h3 style=\"margin-top:7px;\">Le logement est-il accessible en transport public ?</h3>
  1807. <div>Oui, les principaux transports sont proches. La station de tram « Langstross, Grand’rue » est à moins de 100 mètres de l’appartement. La gare de Strasbourg est à 10 minutes à pieds.</div>
  1809. <h3 style=\"margin-top:7px;\">Y a-t-il des commerces ou restaurants à proximité ?</h3>
  1810. <div>Oui, vous trouverez supermarchés, cafés, restaurants et activités touristiques au pied de l’immeuble.</div>
  1812. <h3 style=\"margin-top:7px;\">Que faire en cas de problème pendant le séjour ?</h3>
  1813. <div>Nous restons disponibles 24h/24 par mail, pour toute urgence ou question concernant le logement, vous pouvez aussi nous joindre entre 9h et 20h par téléphone au 07 61 05 82 43 et nous sommes disponibles</div>
  1815. </div>
  1816. </div>
  1818. </div>
  1819. </section>
  1821. {% endblock body %}
  1823. {% block footerjs %}
  1824. <script src=\"https://cdn.jsdelivr.net/npm/flatpickr\"></script>
  1825. <script src=\"https://cdn.jsdelivr.net/npm/flatpickr/dist/l10n/fr.js\"></script>
  1826. <script>
  1827. function updateSimulation() {
  1828. var start = \$(\"#reservation_form_start\").val();
  1829. var end = \$(\"#reservation_form_end\").val();
  1830. var persons = \$(\"#reservation_form_persons\").val();
  1832. if (start && end && persons) {
  1833. \$(\"#results\").html('<div class=\"loading\">Calcul en cours...</div>');
  1835. \$.post(
  1836. Routing.generate('locale_simulation_pricing',{'_locale':'fr'}),
  1837. {'start': start, 'end': end, 'persons': persons}
  1838. )
  1839. .done(function(data) {
  1840. \$(\"#results\").html(data);
  1841. })
  1842. .fail(function() {
  1843. \$(\"#results\").html('<div class=\"error\">Erreur</div>');
  1844. });
  1845. } else {
  1846. \$(\"#results\").html('');
  1847. }
  1848. }
  1850. // Écoute les changements sur le nombre de personnes
  1851. \$(\"#reservation_form_persons\").change(updateSimulation);
  1853. \$(document).ready(function() {
  1854. // Désactive le bouton au chargement de la page
  1855. \$('button[type=\"submit\"]').prop('disabled', true);
  1857. // Écoute les changements sur la checkbox
  1858. \$('#acceptCGV').change(function() {
  1859. if(\$(this).is(':checked')) {
  1860. \$('button[type=\"submit\"]').prop('disabled', false);
  1861. } else {
  1862. \$('button[type=\"submit\"]').prop('disabled', true);
  1863. }
  1864. });
  1865. });
  1866. </script>
  1867. <script>
  1868. \$(document).ready(function() {
  1869. let bookedRanges = [];
  1871. \$.ajax({
  1872. url: '{{ env('WEBHOOK_CALENDAR_AVAILABILITY') }}',
  1873. method: 'POST',
  1874. contentType: 'application/json',
  1875. data: ''
  1876. })
  1877. .done(function(data) {
  1878. bookedRanges = data.bookings || [];
  1879. console.log('✅ Créneaux chargés:', bookedRanges);
  1880. initDatePicker();
  1881. })
  1882. .fail(function(error) {
  1883. console.error('❌ Erreur:', error);
  1884. initDatePicker();
  1885. });
  1887. // 🔧 FONCTION POUR CRÉER UNE DATE LOCALE SANS DÉCALAGE UTC
  1888. function parseLocalDate(dateStr) {
  1889. const [year, month, day] = dateStr.split('-').map(Number);
  1890. return new Date(year, month - 1, day);
  1891. }
  1893. const isMobile = window.innerWidth <= 900;
  1895. function initDatePicker() {
  1896. flatpickr(\"#date_range_picker\", {
  1897. inline: true,
  1898. mode: \"range\",
  1899. locale: \"fr\",
  1900. minDate: new Date(new Date().setDate(new Date().getDate() + 1)),
  1901. dateFormat: \"Y-m-d\",
  1902. showMonths: isMobile ? 1 : 2,
  1904. disable: [
  1905. function(date) {
  1906. const checkDate = new Date(date);
  1907. checkDate.setHours(0, 0, 0, 0);
  1909. return bookedRanges.some(range => {
  1910. const start = parseLocalDate(range.start_date);
  1911. const end = parseLocalDate(range.end_date);
  1912. return checkDate >= start && checkDate <= end;
  1913. });
  1914. }
  1915. ],
  1917. onChange: function(selectedDates, dateStr, instance) {
  1918. console.log('📅 Dates sélectionnées:', selectedDates.length);
  1920. if (selectedDates.length === 2) {
  1921. const start = selectedDates[0];
  1922. const end = selectedDates[1];
  1924. if (isRangeAvailable(start, end)) {
  1925. // ✅ Met à jour avec jQuery ET déclenche l'événement change
  1926. \$('#reservation_form_start').val(formatDate(start)).trigger('change');
  1927. \$('#reservation_form_end').val(formatDate(end)).trigger('change');
  1929. console.log('✅ Champs mis à jour:',
  1930. \$('#reservation_form_start').val(),
  1931. '→',
  1932. \$('#reservation_form_end').val()
  1933. );
  1935. updateSelectedInfo(start, end);
  1937. // ✅ Force la simulation
  1938. updateSimulation();
  1940. } else {
  1941. alert('⚠️ Cette période contient des dates déjà réservées.\\nVeuillez choisir une autre période.');
  1942. instance.clear();
  1943. clearSymfonyFields();
  1944. hideSelectedInfo();
  1945. \$(\"#results\").html('');
  1946. }
  1947. } else {
  1948. clearSymfonyFields();
  1949. hideSelectedInfo();
  1950. \$(\"#results\").html('');
  1951. }
  1952. },
  1954. onDayCreate: function(dObj, dStr, fp, dayElem) {
  1955. const date = new Date(dayElem.dateObj);
  1956. date.setHours(0, 0, 0, 0);
  1958. const isBooked = bookedRanges.some(range => {
  1959. const start = parseLocalDate(range.start_date);
  1960. const end = parseLocalDate(range.end_date);
  1961. return date >= start && date <= end;
  1962. });
  1964. if (isBooked) {
  1965. dayElem.classList.add('booked');
  1966. dayElem.title = 'Date indisponible (réservée)';
  1967. } else if (date >= new Date()) {
  1968. dayElem.classList.add('available');
  1969. dayElem.title = 'Date disponible';
  1970. }
  1971. }
  1972. });
  1973. }
  1975. function isRangeAvailable(startDate, endDate) {
  1976. let currentDate = new Date(startDate);
  1977. currentDate.setHours(0, 0, 0, 0);
  1979. const endCheck = new Date(endDate);
  1980. endCheck.setHours(0, 0, 0, 0);
  1982. while (currentDate <= endCheck) {
  1983. const isBooked = bookedRanges.some(range => {
  1984. const start = parseLocalDate(range.start_date);
  1985. const end = parseLocalDate(range.end_date);
  1986. return currentDate >= start && currentDate <= end;
  1987. });
  1988. if (isBooked) return false;
  1989. currentDate.setDate(currentDate.getDate() + 1);
  1990. }
  1991. return true;
  1992. }
  1994. function updateSelectedInfo(start, end) {
  1995. const nights = Math.ceil((end - start) / (1000 * 60 * 60 * 24));
  1996. \$('#info-start').text(start.toLocaleDateString('fr-FR'));
  1997. \$('#info-end').text(end.toLocaleDateString('fr-FR'));
  1998. \$('#info-nights').text(`\${nights} nuit\${nights > 1 ? 's' : ''}`);
  1999. \$('#selected-dates-info').addClass('active');
  2000. }
  2002. function hideSelectedInfo() {
  2003. \$('#selected-dates-info').removeClass('active');
  2004. }
  2006. function clearSymfonyFields() {
  2007. \$('#reservation_form_start').val('');
  2008. \$('#reservation_form_end').val('');
  2009. }
  2011. function formatDate(date) {
  2012. const year = date.getFullYear();
  2013. const month = String(date.getMonth() + 1).padStart(2, '0');
  2014. const day = String(date.getDate()).padStart(2, '0');
  2015. return `\${year}-\${month}-\${day}`;
  2016. }
  2017. });
  2018. </script>
  2019. {% endblock footerjs %}
  2021. {% block css %}
  2022. <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css\">
  2023. <style>
  2024. .calendar-container {
  2025. margin: 20px 0;
  2026. width: 100%;
  2027. overflow: hidden;
  2028. }
  2030. /* Calendrier inline (toujours visible) */
  2031. #date_range_picker {
  2032. display: none; /* Le champ input est caché, on affiche juste le calendrier */
  2033. }
  2035. .flatpickr-calendar.inline {
  2036. margin: 0 auto;
  2037. box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  2038. border-radius: 8px;
  2039. max-width: 100%;
  2040. }
  2042. .flatpickr-day.booked {
  2043. background-color: #ff4444 !important;
  2044. color: white !important;
  2045. cursor: not-allowed !important;
  2046. position: relative;
  2047. }
  2049. .flatpickr-day.booked::after {
  2050. content: \"✕\";
  2051. position: absolute;
  2052. top: 50%;
  2053. left: 50%;
  2054. transform: translate(-50%, -50%);
  2055. font-size: 20px;
  2056. font-weight: bold;
  2057. }
  2059. .flatpickr-day.booked:hover {
  2060. background-color: #ff0000 !important;
  2061. }
  2063. .flatpickr-day.available:hover {
  2064. background-color: #28a745;
  2065. color: white;
  2066. }
  2068. /* Adaptations Mobile */
  2069. @media (max-width: 768px) {
  2070. .calendar-container {
  2071. margin: 10px 0;
  2072. padding: 0 10px;
  2073. }
  2075. .flatpickr-calendar.inline {
  2076. width: 100% !important;
  2077. max-width: 100% !important;
  2078. }
  2080. .flatpickr-months {
  2081. padding: 8px 10px;
  2082. }
  2084. .flatpickr-days {
  2085. width: 100% !important;
  2086. }
  2088. .dayContainer {
  2089. width: 100% !important;
  2090. min-width: 100% !important;
  2091. max-width: 100% !important;
  2092. }
  2094. .flatpickr-day {
  2095. height: 40px !important;
  2096. line-height: 40px !important;
  2097. flex-basis: 14.2857% !important;
  2098. max-width: 14.2857% !important;
  2099. }
  2100. }
  2101. </style>
  2102. {% endblock css %}", "vitrine/fr/homepage.html.twig", "/var/www/vhosts/mirtillostudio.com/ch.mirtillostudio.com/templates/vitrine/fr/homepage.html.twig");
  2103. }
  2104. }