1. <?php
3. use Twig\Environment;
4. use Twig\Error\LoaderError;
5. use Twig\Error\RuntimeError;
6. use Twig\Extension\SandboxExtension;
7. use Twig\Markup;
8. use Twig\Sandbox\SecurityError;
9. use Twig\Sandbox\SecurityNotAllowedTagError;
10. use Twig\Sandbox\SecurityNotAllowedFilterError;
11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
12. use Twig\Source;
13. use Twig\Template;
15. /* @Flexy/FrontBundle/Themes/CoWorking/templates/pages/reservation-offices.html.twig */
16. class __TwigTemplate_b7c492d756c2337b18f00bd81536013e extends Template
17. {
18.     private $source;
19.     private $macros = [];
21.     public function __construct(Environment $env)
22.     {
23.         parent::__construct($env);
25.         $this->source = $this->getSourceContext();
27.         $this->blocks = [
28.             'stylesheets' => [$this, 'block_stylesheets'],
29.             'body' => [$this, 'block_body'],
30.             'javascripts' => [$this, 'block_javascripts'],
31.         ];
32.     }
34.     protected function doGetParent(array $context)
35.     {
36.         // line 1
37.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig";
38.     }
40.     protected function doDisplay(array $context, array $blocks = [])
41.     {
42.         $macros = $this->macros;
43.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/reservation-offices.html.twig"));
46.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/reservation-offices.html.twig"));
49.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/reservation-offices.html.twig", 1);
50.         $this->parent->display($context, array_merge($this->blocks, $blocks));
51.         
52.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
54.         
55.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
57.     }
59.     // line 4
60.     public function block_stylesheets($context, array $blocks = [])
61.     {
62.         $macros = $this->macros;
63.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
64.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
66.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
67.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
69.         // line 5
70.         $this->displayParentBlock("stylesheets", $context, $blocks);
71.         echo "
72.  <link rel=\"stylesheet\" href=\"";
73.         // line 6
74.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/css/reservation.css"), "html", null, true);
75.         echo "\" />
76.  
77. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />
78. <style>
79.   .modal-backdrop.fade.show {
80.         display: none;
81. }
82.  
83.  
84. /* css checkbox*/
86.   .fs-5{
87.   font-size: 17px !important;
88. }
89. /* css checkbox*/
90. .title {
91. font-family: 'Montserrat', sans-serif;
92. font-weight:bold;
93. font-size: 12px;
94. padding-bottom: 0px;
95. margin-top: 0px;color:black;
96. }
97. +
98. /* hide checkbox */
99. input[type=\"checkbox\"] {
100.   display: none;
101. }
103. /* if checkbox is checked, then do these things */
104. input[type=\"checkbox\"]:checked + label {
105.   color: white;
106.   background:#FFD86E;
107.   border-radius: 5px;
108.   padding: 0px 10px 0px 10px;
109. }
111. /* styles when hovering over options */
112. label:hover {
114.   cursor: pointer;
115.   
116.   /* transitions and animations */
117.   -webkit-transition: color .5s ease;
118.   -moz-transition: color .5s ease;
119.   -ms-transition: color .5s ease;
120.   -o-transition: color .5s ease;
121.   transition: color .5s ease;
122. }
123.   
124. input.button {
125.   
126. \twidth:130px;
127. \theight:50px;
128. \tmargin: 20px 0 30px 0;
129. \tpadding: 0px 20px 0px 20px;
130. \tbackground: #e6e6e6;
131. \tborder-radius:5px;
132. \tborder: 1px solid #ccc;
134. \tfont-family: OpenSans, sans-serif;
135. \tfont-size:16pt;
136. \tcolor:#444;
137. }
139. .Addons label{
140.     font-size:12px !important;
141.     font-family: 'roboto';
142.     font-weight: 500;
143.     border: 1px solid #80808024;
144.     margin: 2px;
145.     padding: 0px 5px 0px 5px;
146.     border-radius: 5px;
147. }
148. .multistep-container .active-button li:not(:first-child) .round-btn:before {
149.     position: absolute;
150.     content: '';
151.     width: 141px;
152.     height: 3px;
153.     background-color: #E9F2FA;
154.     left: -120px;
155. }
158. .multistep-container .active-button li {
159.     display: inline-block;
160.     width: 140px;
161. }
163. .form-check {
164.     line-height: 16px;
165. }   
167. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3{
168.         flex: 0 0 86%;
169. }
171.  @media (max-width:767px) {
172.                 html, body {
173.                   overflow-x: hidden  !important;
174.                 }
175.                 body {
176.                   position: relative !important;
177.                 }
178.                 .col-sm-8.reservation-steeps {
179.                     padding:0%;
180.                 }
181.                 .multistep-container .mutistep-form-area .form-box{
182.                     position: relative;
183.                     top: 33px;
184.                     left: 0px;
185.                 }
186.                 .multistep-container .active-button li{
187.                     display: inline-block;
188.                     width: 100px;
189.                 }
190.                 .panel-sticky{
191.                     font-size:12px;
192.                 }
193.               h6.display-6.header-steeps {
194.                 margin-left: 3%;
195.             }
196.             h6.datetime{
197.                  margin-left: 3%;
198.             }
199.             a#seeDetails {
200.                 margin-bottom: -11%;
201.             }
202.             a#seePrice {
203.                 float: right;
204.                 margin-right: 52%;
205.             }
206.  }
207.     
208.     
209.     
210.     @media (max-width:767px) { 
211.         .multistep-container .mutistep-form-area {
212.               
213.               position: relative;
214.           overflow: hidden;
215.           min-height: 100%;
216.           max-height: 100%;
217.           overflow: none;
218.         }
219.         .col-sm-8.reservation-steeps {
220.             box-shadow: none;
221.         }
222.         .multistep-container{
223.                height: auto !important; 
224.         }
225.         
226.         
227.         
228.     }
229.     
230.     
231.     
232.     
233.     
234.     .imageForMobile{
235.         display:none;
236.     } 
237.     .imageForDesktop{
238.         display:block;
239.     }
240.     
242.     @media (max-width:767px) {
243.                 
244.         .imageForDesktop{
245.             display:none;
246.         } 
247.         .imageForMobile{
248.             display:block;
249.         }
250.         
251.         .col-sm-8.reservation-steeps{
252.                 top: 0px
253.         }
254.         .divCardsForMobile{
255.             top: 0px !important;
256.         }
257.         .multistep-container .mutistep-form-area{
258.             margin-top: 0px !important;
259.         }
260.         
261.         
262.         .titre-page{
263.             padding-left: 10px;
264.              font-size: 15px !important;
265.         }
267.         .divCardsSalleReunionMobile{
268.             margin-top: 0px !important;
269.         }
270.            
271.          .forMobile{
272.                 margin-top: 5% !important;
273.         }
274.         #btnTarifs{
275.                 padding: 5px !important;
276.         }
277.         .title{
278.             font-size: 15px !important;
279.         }
280.         #btnInformation{
281.                    width: 170px !important;
282.                     font-size: 10px !important;
283.         }
284.         #btnReservation{
285.                 font-size: 10px !important;
286.                 width: 100px!important;
287.         }
288.         .bureaux-desc{
289.             padding: 15px!important;
290.         }
291.          .close{
292.           width:25px !important;
293.       }
294.       }
295.       
296.       
297.      
298.     
299. </style> 
300. </style>
302.   
303. ";
304.         
305.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
307.         
308.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
310.     }
312.     // line 236
313.     public function block_body($context, array $blocks = [])
314.     {
315.         $macros = $this->macros;
316.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
317.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
319.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
320.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
322.         // line 237
323.         echo " 
325.  
326.  
327.  
328.  
329.   <img loading=\"lazy\" src=\"";
330.         // line 243
331.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/background_BUREAUX.png"), "html", null, true);
332.         echo "\" style=\"width: 100%;height: 520px;\" class=\"img-fluid imageForDesktop\" />
333.     <img loading=\"lazy\" src=\"";
334.         // line 244
335.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/Bg-bureau-Mobile.png"), "html", null, true);
336.         echo "\" style=\"width: 100%;\" class=\"img-fluid imageForMobile\" />
337.     
338.   
339.   
340.   
341.   
342.   
343.   <div class=\"container\">
344.     <div class=\"row\">
346.       
347.       <div class=\"col-sm-8 reservation-steeps\" style=\"overflow: hidden;\">
349.            <div class=\"row\">
350.                <div class=\"forMobile\" style=\"display: inline-flex;\">
351.                    
352.           <div class=\"col-sm-6\">
353.             <h6 class=\"titre-page\">";
354.         // line 261
355.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Réservation bureau", [], "front"), "html", null, true);
356.         echo "</h6>
357.           </div>
358.           <div class=\"col-sm-6\">
359.             <a href=\"/uploads/front-images/LISTEDEPRIXCOWORK2.pdf\" class=\"btn-res text-center text-light text-uppercase bg-dark\"  id=\"btnTarifs\" style=\"float: right;padding: 8px;border-radius: 6px;font-size:13px;\" target=\"_blank\" > Afficher nos tarifs</a>
360.           </div>
361.           
362.           </div>
363.         </div>
364.         
365.         <div class=\"container\">
366.           <div class=\"row\">
368.              <div class=\"container d-flex justify-content-center align-items-center\">
369.   
370.         </div>
372.             <div class=\"col-xl-12 divCardsForMobile\" style=\"top: 17px;\" >
373.               <div class=\"multistep-container\">
374.                 <div class=\"mutistep-form-area\">
375.                  
376.                             <div class=\"container\" style=\"margin-top:40px;\">
378.                                 <div class=\"panel\">
379.                                     ";
380.         // line 284
381.         $context["displayed_categories"] = [];
382.         echo "  
383.                                    ";
384.         // line 285
385.         $context['_parent'] = $context;
386.         $context['_seq'] = twig_ensure_traversable((isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 285, $this->source); })()));
387.         foreach ($context['_seq'] as $context["_key"] => $context["bureau"]) {
388.             echo " 
389.                                     ";
390.             // line 286
391.             $context['_parent'] = $context;
392.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["bureau"], "categoriesProduct", [], "any", false, false, false, 286));
393.             foreach ($context['_seq'] as $context["_key"] => $context["cat"]) {
394.                 // line 287
395.                 echo "                                     ";
396.                 if ((!twig_in_filter(twig_get_attribute($this->env, $this->source, $context["cat"], "name", [], "any", false, false, false, 287), (isset($context["displayed_categories"]) || array_key_exists("displayed_categories", $context) ? $context["displayed_categories"] : (function () { throw new RuntimeError('Variable "displayed_categories" does not exist.', 287, $this->source); })())) && (twig_get_attribute($this->env, $this->source, $context["cat"], "name", [], "any", false, false, false, 287) != "Services supplémentaires bureaux"))) {
397.                     // line 288
398.                     echo "                                     
399.                                           <div class=\"card-brx row mt-3 panel\" style=\"width:auto; border: none; border-radius:17px; box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.05);\">
400.                                             <div class=\"col-md-6 col-lg-6 col-sm-12\">
401.                                               <img loading=\"lazy\" class=\"img-fluid\" src=\"";
402.                     // line 291
403.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("uploads/coworking/" . twig_get_attribute($this->env, $this->source, $context["cat"], "image", [], "any", false, false, false, 291))), "html", null, true);
404.                     echo "\" style=\"width:100%; border-radius:6px;margin-top: 10px;\" />
405.                                             </div>
406.                 
407.                                             <div class=\"bureaux-desc col-md-6 col-lg-6 col-sm-12 mt-3\" style=\"font-family:'Roboto',sans-serif; line-height:24px;\">
408.                                               <div>
409.                                                     <div style=\"float: right;\">
410.                                                         
411.                                                             ";
412.                     // line 298
413.                     if ((twig_get_attribute($this->env, $this->source, $context["cat"], "oldId", [], "any", false, false, false, 298) == 1)) {
414.                         // line 299
415.                         echo "                                                        
416.                                                               <i class=\"fa fa-user\" style=\"color:black;\"></i><br>
417.                                                   
418.                                                             ";
419.                     } elseif ((twig_get_attribute($this->env, $this->source,                     // line 302
420. $context["cat"], "oldId", [], "any", false, false, false, 302) == 2)) {
421.                         // line 303
422.                         echo "                                                           
423.                                                                         <i class=\"fa fa-user\" style=\"color:black;\"></i> <i class=\"fa fa-user\" style=\"color:black;\"></i><br>
424.                                                                 
425.                                                                  ";
426.                     } elseif ((twig_get_attribute($this->env, $this->source,                     // line 306
427. $context["cat"], "oldId", [], "any", false, false, false, 306) == 4)) {
428.                         // line 307
429.                         echo "                                                           
430.                                                                             <i class=\"fa fa-user\" style=\"color:black;\"></i><i class=\"fa fa-user\" style=\"color:black;\"></i><i class=\"fa fa-user\" style=\"color:black;\"></i><i class=\"fa fa-user\" style=\"color:black;\"></i><br>
431.                                                                    ";
432.                     } elseif ((twig_get_attribute($this->env, $this->source,                     // line 309
433. $context["cat"], "oldId", [], "any", false, false, false, 309) == 0)) {
434.                         // line 310
435.                         echo "                                                           
436.                                                                                 <i class=\"fa fa-user\" style=\"color:black;\"></i><br>
437.                                                              ";
438.                     }
439.                     // line 313
440.                     echo "                                                 
441.                                                     </div>
442.                                                
443.                                                
444.                                               <p class=\"fs-5 title\" style=\"font-weight:bold;padding-bottom: 0px;margin-top: 0px;color:black;\" >";
445.                     // line 317
446.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans(twig_get_attribute($this->env, $this->source, $context["cat"], "name", [], "any", false, false, false, 317), [], "front"), "html", null, true);
447.                     echo " </p>
448.                                                
449.                                                 
450.                                                 ";
451.                     // line 320
452.                     if ((twig_get_attribute($this->env, $this->source, $context["cat"], "oldId", [], "any", false, false, false, 320) == 1)) {
453.                         // line 321
454.                         echo "                                                    ";
455.                         $context["priceBureau"] = "300";
456.                         // line 322
457.                         echo "                                                ";
458.                     } elseif ((twig_get_attribute($this->env, $this->source, $context["cat"], "oldId", [], "any", false, false, false, 322) == 2)) {
459.                         // line 323
460.                         echo "                                                    ";
461.                         $context["priceBureau"] = "990";
462.                         // line 324
463.                         echo "                                                ";
464.                     } elseif ((twig_get_attribute($this->env, $this->source, $context["cat"], "oldId", [], "any", false, false, false, 324) == 4)) {
465.                         // line 325
466.                         echo "                                                    ";
467.                         $context["priceBureau"] = "1900";
468.                         // line 326
469.                         echo "                                                ";
470.                     } else {
471.                         // line 327
472.                         echo "                                                  ";
473.                         $context["priceBureau"] = "220";
474.                         // line 328
475.                         echo "                                                ";
476.                     }
477.                     // line 329
478.                     echo "                                                   <a class=\"float-left\" href=\"#\"  id=\"seePrice\" style=\"white-space:nowrap;padding-top: 10px;padding-right: 10px;text-decoration:none;font-size:13px; font-family:'PT Sans', sans-serif; letter-spacing:2px;color: #020202;font-weight: 800;\">À partir de<br> ";
479.                     echo twig_escape_filter($this->env, (isset($context["priceBureau"]) || array_key_exists("priceBureau", $context) ? $context["priceBureau"] : (function () { throw new RuntimeError('Variable "priceBureau" does not exist.', 329, $this->source); })()), "html", null, true);
480.                     echo "* MAD TTC / 
481.                                                    
482.                                                 ";
483.                     // line 331
484.                     if (((isset($context["priceBureau"]) || array_key_exists("priceBureau", $context) ? $context["priceBureau"] : (function () { throw new RuntimeError('Variable "priceBureau" does not exist.', 331, $this->source); })()) == 300)) {
485.                         // line 332
486.                         echo "                                                    Journée
487.                                                 ";
488.                     } elseif ((                    // line 333
489. (isset($context["priceBureau"]) || array_key_exists("priceBureau", $context) ? $context["priceBureau"] : (function () { throw new RuntimeError('Variable "priceBureau" does not exist.', 333, $this->source); })()) == 990)) {
490.                         // line 334
491.                         echo "                                                    3 Jours
492.                                                 ";
493.                     } elseif ((                    // line 335
494. (isset($context["priceBureau"]) || array_key_exists("priceBureau", $context) ? $context["priceBureau"] : (function () { throw new RuntimeError('Variable "priceBureau" does not exist.', 335, $this->source); })()) == 1900)) {
495.                         // line 336
496.                         echo "                                                    Semaine
497.                                                 ";
498.                     } elseif ((                    // line 337
499. (isset($context["priceBureau"]) || array_key_exists("priceBureau", $context) ? $context["priceBureau"] : (function () { throw new RuntimeError('Variable "priceBureau" does not exist.', 337, $this->source); })()) == 220)) {
500.                         // line 338
501.                         echo "                                                    Journée
502.                                                 ";
503.                     }
504.                     // line 339
505.                     echo "  
506.                                                    
507.                                                  </a>
508.                                                        <br><br><br><br>
509.                                                       
510.                                                         <a  href=\"#\" data-toggle=\"modal\" id=\"seeDetails\" data-target=\"#aynModal";
511.                     // line 344
512.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cat"], "id", [], "any", false, false, false, 344), "html", null, true);
513.                     echo "\"style=\"padding: 10px;text-decoration: none;width: 129px;font-size: 13px;font-family: 'PT Sans', sans-serif;letter-spacing: 2px;/* float: right; */color: #020202;text-decoration: underline;margin-right: 10px;margin-right: 10px;font-weight: 800;\"><u>Voir Details</u></a>
514.                                                         <a href=\"";
515.                     // line 345
516.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationbureauxstep1", ["id" => twig_get_attribute($this->env, $this->source, $context["cat"], "id", [], "any", false, false, false, 345)]), "html", null, true);
517.                     echo "\" class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\"   style=\"padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Réserver</a>
518.                                                       
519.                                                         
520.                                                <span class=\"title\" style=\"float: right;text-align: center;\" > </span>
521.                                            
522.                                               </div>
523.                                             </div>
524.                 
525.                                           </div>
526.                                   
527.                                           ";
528.                 }
529.                 // line 356
530.                 echo "                                    ";
531.                 $context["displayed_categories"] = twig_array_merge((isset($context["displayed_categories"]) || array_key_exists("displayed_categories", $context) ? $context["displayed_categories"] : (function () { throw new RuntimeError('Variable "displayed_categories" does not exist.', 356, $this->source); })()), [twig_get_attribute($this->env, $this->source, $context["cat"], "name", [], "any", false, false, false, 356)]);
532.                 // line 357
533.                 echo "                                    
534.                                 ";
535.             }
536.             $_parent = $context['_parent'];
537.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cat'], $context['_parent'], $context['loop']);
538.             $context = array_intersect_key($context, $_parent) + $_parent;
539.             // line 358
540.             echo " 
541.                                 ";
542.         }
543.         $_parent = $context['_parent'];
544.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['bureau'], $context['_parent'], $context['loop']);
545.         $context = array_intersect_key($context, $_parent) + $_parent;
546.         // line 359
547.         echo " 
548.                                 </div>
549.                             
550.                             </div>
551.                             
552.                     </form>
553.                   </div>
554.                   <!--  -->
555.                 </div>
556.               </div>
557.             </div>
558.           </div>
559.         </div>
560.         
561.                                            
562.                                             
563.         
564.                          ";
565.         // line 376
566.         $context["displayed_categories"] = [];
567.         echo "  
568.                                    ";
569.         // line 377
570.         $context['_parent'] = $context;
571.         $context['_seq'] = twig_ensure_traversable(twig_sort_filter($this->env, (isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 377, $this->source); })()), function ($__a__, $__b__) use ($context, $macros) { $context["a"] = $__a__; $context["b"] = $__b__; return ((isset($context["b"]) || array_key_exists("b", $context) ? $context["b"] : (function () { throw new RuntimeError('Variable "b" does not exist.', 377, $this->source); })()) <=> (isset($context["a"]) || array_key_exists("a", $context) ? $context["a"] : (function () { throw new RuntimeError('Variable "a" does not exist.', 377, $this->source); })())); }));
572.         foreach ($context['_seq'] as $context["_key"] => $context["bureau"]) {
573.             echo " 
574.                                     ";
575.             // line 378
576.             $context['_parent'] = $context;
577.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["bureau"], "categoriesProduct", [], "any", false, false, false, 378));
578.             foreach ($context['_seq'] as $context["_key"] => $context["cat"]) {
579.                 // line 379
580.                 echo "                                     ";
581.                 if (!twig_in_filter(twig_get_attribute($this->env, $this->source, $context["cat"], "name", [], "any", false, false, false, 379), (isset($context["displayed_categories"]) || array_key_exists("displayed_categories", $context) ? $context["displayed_categories"] : (function () { throw new RuntimeError('Variable "displayed_categories" does not exist.', 379, $this->source); })()))) {
582.                     // line 380
583.                     echo "                           
584.                                              <div class=\"modal fade\" id=\"aynModal";
585.                     // line 381
586.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cat"], "id", [], "any", false, false, false, 381), "html", null, true);
587.                     echo "\">
588. \t\t\t\t\t\t\t<div class=\"modal-dialog modal-lg\">
589. \t\t\t\t\t\t\t\t<div
590. \t\t\t\t\t\t\t\t\tclass=\"modal-content\">
592. \t\t\t\t\t\t\t\t\t<!-- Modal Header -->
593. \t\t\t\t\t\t\t\t\t<div class=\"modal-header\" style=\"justify-content: end;\">
594. \t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\" style=\"background: #ffffff;font-size: 27px;width:30px;border: 1px solid #878787;\">&times;</button>
595. \t\t\t\t\t\t\t\t\t</div>
596. \t\t\t\t\t\t\t\t\t<div class=\"container\">
597. \t\t\t\t\t\t\t\t\t\t<div class=\"row\">
599. \t\t\t\t\t\t\t\t\t\t  <h2 class=\"mt-3 title \" style=\"font-size:25px; font-weight:bold;\">";
600.                     // line 393
601.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cat"], "name", [], "any", false, false, false, 393), "html", null, true);
602.                     echo "</h2>
603.                                           <p class=\"text-muted mt-3\"><small>";
604.                     // line 394
605.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cat"], "description", [], "any", false, false, false, 394), "html", null, true);
606.                     echo "</small></p>
607. \t\t\t\t\t\t\t\t\t\t\t
608.                                   
609. \t\t\t\t\t\t\t\t\t\t\t 
610. \t\t\t\t\t\t\t\t\t\t</div>
611. \t\t\t\t\t\t\t\t\t\t
612. \t\t\t\t\t\t\t\t\t\t<!-- Modal body -->
613. \t\t\t\t\t\t\t\t\t
614. \t\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">
616.                                              
617.                                                 <img loading=\"lazy\" src=\"";
618.                     // line 405
619.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("uploads/coworking/" . twig_get_attribute($this->env, $this->source, $context["cat"], "image", [], "any", false, false, false, 405))), "html", null, true);
620.                     echo "\"  id=\"main\">
621.                                             <div id=\"thumbnails\">
622.                                                 ";
623.                     // line 411
624.                     echo "                                            </div>
625.                                             
626. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\" style=\"margin-top:5%;\">
627. \t\t\t\t\t\t\t\t\t\t\t";
628.                     // line 422
629.                     echo "\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\">
630. \t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"m-1 fs-6\" style=\"font-weight:bold;\">Services</p>
631. \t\t\t\t\t\t\t\t\t\t\t\t<ul style=\"font-size:12px;\">
632. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><b>Restaurant Melliber :</b> Dans une atmosphère conviviale et accueillante, notre restaurant partage gracieusement un bouquet de saveurs, du petit déjeuner au dîner</li>
633. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Hammam & Spa :</b> Notre spa offre un refuge tranquille avec une variété de soins relaxants. Profitez de massages apaisants, de hammams revigorants et d'autres thérapies régénérantes conçues pour revitaliser votre corps et votre esprit</li>
634. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Salon de coiffure et de bien-être :</b> Notre salon de beauté et de bien-être propose des services experts de manucure, pédicure et coiffure pour hommes et femmes. C'est l'endroit idéal pour être au meilleur de sa forme.</li>
635. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Parking :</b> Notre établissement dispose également d'un vaste parking, garantissant un stationnement pratique et sécurisé pour tous nos membres et invités</li>
636. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Events & Exhibition : </b>Le Cowork&Live by Melliber propose régulièrement des événements variés, allant des concours de cuisine aux séminaires en comptabilité, en passant par des expositions de peinture. Nous créons ainsi un environnement dynamique qui allie travail, apprentissage et culture pour enrichir vos expériences.</li>
637. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>2 kitchenettes :</b> Nos kitchenettes sont entièrement équipées, y compris des minibars et d'autres commodités, offrant à nos membres tout ce dont ils ont besoin pour une expérience culinaire pratique et agréable</li>
638. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Salle de Fitness :</b> Notre centre de fitness est équipé d'installations de premier ordre et propose diverses options d'entraînement pour répondre à tous les besoins et préférences.</li>
639. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Espace gaming :</b> Notre espace de jeux comprend des jeux d'arcade, un baby-foot et une table de billard américain, offrant divertissement et détente à tous nos membres.</li>
640. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Services suplémetaires :</b> Options additionnelles permettant aux clients de personnaliser leur expérience avec des équipements techniques et des services, pour répondre à des besoins spécifiques lors de la location de salles ou de bureaux</li>
641. \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
642. \t\t\t\t\t\t\t\t\t\t\t\t\t 
643. \t\t\t\t\t\t\t\t\t\t\t\t\t</ul>
644. \t\t\t\t\t\t\t\t\t\t\t\t</div>
645. \t\t\t\t\t\t\t\t\t\t\t</div>
646. \t\t\t\t\t\t\t\t\t\t\t
647. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">
648. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-12\">
649. \t\t\t\t\t\t\t\t\t\t\t\t\t
650.     \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"/uploads/front-images/LISTEDEPRIXCOWORK2.pdf\" class=\"\"  target=\"_blank\" id=\"btnInformation\" style=\"padding:10px; text-decoration:none; width:200px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:left;margin-top:5%; margin-bottom:5%;font-size: 13px;text-decoration: underline;font-weight: 800;color:black !important;\">
651.     \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tPlus d'information
652.     \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>
653. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"";
654.                     // line 446
655.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationbureauxstep1", ["id" => twig_get_attribute($this->env, $this->source, $context["cat"], "id", [], "any", false, false, false, 446)]), "html", null, true);
656.                     echo "\" class=\"btn-res text-center text-light text-uppercase bg-dark\" id=\"btnReservation\"  style=\"padding:10px; text-decoration:none; width:130px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%; margin-bottom:5%;\">
657. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t    Réserver
658. \t\t\t\t\t\t\t\t\t\t\t\t\t\t    </a>
659. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
660. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
661. \t\t\t\t\t\t\t\t\t\t\t\t\t
662. \t\t\t\t\t\t\t\t\t\t\t\t\t
663. \t\t\t\t\t\t\t\t\t\t\t\t</div>
664. \t\t\t\t\t\t\t\t\t\t\t</div>
665. \t\t\t\t\t\t\t\t\t\t</div>
668. \t\t\t\t\t\t\t\t\t</div>
669. \t\t\t\t\t\t\t\t</div>
670. \t\t\t\t\t\t\t</div>
671. \t\t\t\t\t\t</div>
672. \t\t\t\t\t\t";
673.                 }
674.                 // line 463
675.                 echo "                        ";
676.             }
677.             $_parent = $context['_parent'];
678.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cat'], $context['_parent'], $context['loop']);
679.             $context = array_intersect_key($context, $_parent) + $_parent;
680.             // line 464
681.             echo "                         ";
682.         }
683.         $_parent = $context['_parent'];
684.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['bureau'], $context['_parent'], $context['loop']);
685.         $context = array_intersect_key($context, $_parent) + $_parent;
686.         // line 465
687.         echo "      </div>
688.     </div>
689.   
690.   
691.   
692.   
693.   
694.   
695.   
696.   
697.     <div class=\"container\">
698.         <div class=\"row\">
699.             <div class=\"col-xl-12 text-center\" >
700.                 <p>*Le prix de revient journalier calculé sur la base d’un abonnement mensuel</p>
701.             </div>
702.         </div>
703.     </div>
704.   
705. ";
706.         
707.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
709.         
710.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
712.     }
714.     // line 489
715.     public function block_javascripts($context, array $blocks = [])
716.     {
717.         $macros = $this->macros;
718.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
719.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
721.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
722.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
724.         // line 490
725.         echo "  <!-- MAIN CONTENT -->
728. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
729. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
730. <script type=\"text/javascript\" src=\"chosen/chosen.jquery.min.js\"></script>
731. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js\"></script>
735.   <script>
736.        \$(document).ready(function () {
737.              
738.       \$(\"#seeDetails\").click(function(){
739.           \$(\".panel-sticky\").css('z-index','0');
740.       });
741.        \$(\".close\").click(function(){
742.           \$(\".panel-sticky\").css('z-index','9999999');
743.       });
744.       \$(\"#selectAdon\").chosen();
745.       \$('.multistep-container .form-box .button-row .next').click(function () {
746.         \$(this).parents('.form-box').fadeOut('fast')
747.         \$(this).parents('.form-box').next().fadeIn('fast')
748.       })
749.       \$('.multistep-container .form-box .button-row .previous').click(function () {
750.         \$(this).parents('.form-box').fadeOut('fast')
751.         \$(this).parents('.form-box').prev().fadeIn('fast')
752.       })
753.       
754.     
755.       
756.        \$('.ReserveNext').click(function () {
757.         \$(this).parents('.form-box').fadeOut('fast')
758.         \$(this).parents('.form-box').next().fadeIn('fast')
759.       })
760.       \$('.ReservePrevious').click(function () {
761.         \$(this).parents('.form-box').fadeOut('fast')
762.         \$(this).parents('.form-box').prev().fadeIn('fast')
763.       })
764.     
765.     
766.     \$('#demo').daterangepicker({
767.     \"showISOWeekNumbers\": true,
768.     \"timePicker\": true,
769.     \"autoUpdateInput\": true,
770.     \"locale\": {
771.         \"cancelLabel\": 'Clear',
772.         \"format\": \"MMMM DD, YYYY @ h:mm A\",
773.         \"separator\": \" - \",
774.         \"applyLabel\": \"Apply\",
775.         \"cancelLabel\": \"Cancel\",
776.         \"fromLabel\": \"From\",
777.         \"toLabel\": \"To\",
778.         \"customRangeLabel\": \"Custom\",
779.         \"weekLabel\": \"W\",
780.         \"daysOfWeek\": [
781.             \"Su\",
782.             \"Mo\",
783.             \"Tu\",
784.             \"We\",
785.             \"Th\",
786.             \"Fr\",
787.             \"Sa\"
788.         ],
789.         \"monthNames\": [
790.             \"January\",
791.             \"February\",
792.             \"March\",
793.             \"April\",
794.             \"May\",
795.             \"June\",
796.             \"July\",
797.             \"August\",
798.             \"September\",
799.             \"October\",
800.             \"November\",
801.             \"December\"
802.         ],
803.         \"firstDay\": 1
804.     },
805.     \"linkedCalendars\": true,
806.     \"showCustomRangeLabel\": false,
807.     \"startDate\": 1,
808.     \"endDate\": \"December 31, 2016 @ h:mm A\",
809.     \"opens\": \"center\"
810. });
811.     
812.     
813.     /**/
814.     
815.     \$('#categorie-bureaux').change(function() {
816.         var selectedOption = \$(this).val();
818.         \$.ajax({
819.             url: '/ajax/getbureauajax',
820.             type: 'GET',
821.             data: {
822.                 selected_option: selectedOption,
823.             },
824.             success: function(response) {
825.                 console.log(\"Ajax request successful\");
827.                 // Clear the container first, if needed
828.                 \$('.container-bureau').empty();
830.                 // Iterate over each bureau in the response and insert them into the container
831.                 response.bureaux.forEach(function(bureau) {
832.                     var bureauHtml = `
833.                       <div class=\"card-brx row mt-3\" style=\"width:auto; border: none; border-radius:17px; box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.05);\">
834.                         <div class=\"col-md-4 col-lg-4 col-sm-12\">
835.                           <img loading=\"lazy\" class=\"img-fluid\" src=\"\${bureau.image}\" style=\"width:90%; border-radius:6px;margin-top: 10px;\" />
836.                         </div>
838.                         <div class=\"bureaux-desc col-md-8 col-lg-8 col-sm-12 mt-3\" style=\"font-family:'Roboto',sans-serif; line-height:24px;\">
839.                           <div>
840.                             <img loading=\"lazy\" src=\"";
841.         // line 605
842.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("/front/images/usershands.png"), "html", null, true);
843.         echo "\" style=\"float: right;\" />
844.                             <p class=\"fs-5\" style=\"font-family: Roboto;font-weight:bold;\">\${bureau.title}</p>
845.                             <p style=\"color:rgba(51, 51, 51, 1);\">
846.                               <i class=\"fa-solid fs-6 fa-location-dot\"></i> <span class=\"m-1 fs-6\" style=\"font-weight:400;\">\${bureau.location}</span>
847.                             </p>
849.                             <div style=\"color:rgba(107, 111, 123, 1); line-height:20px; font-size:13px; font-weight:400;\">
850.                               <p>\${bureau.description1}</p>
851.                               <p>
852.                                 <i class=\"fa-regular fa-lightbulb fs-6\" style=\"color: #e2b653; \"></i> <span>Ideal pour: \${bureau.description}</span>
853.                               </p>
854.                             </div>
855.                           </div>
856.                         </div>
858.                         <div class=\"col-md-12 col-lg-12 col-sm-12 d-flex justify-content-center align-items-end mb-3\">
859.                           <a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"\${bureau.reservationLink}\" style=\"padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Réserver</a>
860.                         </div>
861.                       </div>
862.                     `;
864.                     \$('.container-bureau').append(bureauHtml);
865.                 });
867.                 // Rest of your code
868.             },
869.             error: function(xhr, status, error) {
870.                 // Handle any error that occurred during the AJAX request
871.                 console.error(error);
872.             }
873.         });
874.     });
875.     
876.     /***/
877.       
878.       
879.     //   alert(\"frfr\");
881.     var thumbnails = document.getElementById(\"thumbnails\")
882. var imgs = thumbnails.getElementsByTagName(\"img\")
883. var main = document.getElementById(\"main\")
884. var counter=0;
886. for(let i=0;i<imgs.length;i++){
887.   let img=imgs[i]
888.   
889.   
890.   img.addEventListener(\"click\",function(){
891.   main.src=this.src
892. })
893.   
894. }
895.     });
896.     
897.     
898.     
899.     
900.     
901.     
902.     /**/
903.       var stickyHeaders = (function() {
905.   var \$window = \$(window),
906.       \$stickies;
908.   var load = function(stickies) {
910.     if (typeof stickies === \"object\" && stickies instanceof jQuery && stickies.length > 0) {
912.       \$stickies = stickies.each(function() {
914.         var \$thisSticky = \$(this).wrap('<div class=\"followWrap\" />');
915.   
916.         \$thisSticky
917.             .data('originalPosition', \$thisSticky.offset().top)
918.             .data('originalHeight', \$thisSticky.outerHeight())
919.               .parent()
920.               .height(\$thisSticky.outerHeight()); \t\t\t  
921.       });
923.       \$window.off(\"scroll.stickies\").on(\"scroll.stickies\", function() {
924. \t\t  _whenScrolling();\t\t
925.       });
926.     }
927.   };
929.   var _whenScrolling = function() {
931.     \$stickies.each(function(i) {\t\t\t
933.       var \$thisSticky = \$(this),
934.           \$stickyPosition = \$thisSticky.data('originalPosition');
935.       
936.       console.log(\$thisSticky.data('num') + ' is at' + \$stickyPosition);
938.       if (\$stickyPosition <= \$window.scrollTop()) {        
939.         
940.         var \$nextSticky = \$stickies.eq(i + 1),
941.             \$nextStickyPosition = \$nextSticky.data('originalPosition') - \$thisSticky.data('originalHeight');
943.         \$thisSticky.addClass(\"fixed\");
945.         if (\$nextSticky.length > 0 && \$thisSticky.offset().top >= \$nextStickyPosition) {
947.           \$thisSticky.addClass(\"absolute\").css(\"top\", \$nextStickyPosition);
948.         }
950.       } else {
951.         
952.         var \$prevSticky = \$stickies.eq(i - 1);
954.         \$thisSticky.removeClass(\"fixed\");
956.         if (\$prevSticky.length > 0 && \$window.scrollTop() <= \$thisSticky.data('originalPosition') - \$thisSticky.data('originalHeight')) {
958.           \$prevSticky.removeClass(\"absolute\").removeAttr(\"style\");
959.         }
960.       }
961.     });
962.   };
964.   return {
965.     load: load
966.   };
967. })();
969. \$(function() {
970.   stickyHeaders.load(\$(\".followMeBar\"));
971. });
972.   </script>
973. ";
974.         
975.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
977.         
978.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
980.     }
982.     public function getTemplateName()
983.     {
984.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/reservation-offices.html.twig";
985.     }
987.     public function isTraitable()
988.     {
989.         return false;
990.     }
992.     public function getDebugInfo()
993.     {
994.         return array (  842 => 605,  725 => 490,  715 => 489,  687 => 465,  681 => 464,  675 => 463,  655 => 446,  629 => 422,  624 => 411,  619 => 405,  605 => 394,  601 => 393,  586 => 381,  583 => 380,  580 => 379,  576 => 378,  570 => 377,  566 => 376,  547 => 359,  540 => 358,  533 => 357,  530 => 356,  516 => 345,  512 => 344,  505 => 339,  501 => 338,  499 => 337,  496 => 336,  494 => 335,  491 => 334,  489 => 333,  486 => 332,  484 => 331,  478 => 329,  475 => 328,  472 => 327,  469 => 326,  466 => 325,  463 => 324,  460 => 323,  457 => 322,  454 => 321,  452 => 320,  446 => 317,  440 => 313,  435 => 310,  433 => 309,  429 => 307,  427 => 306,  422 => 303,  420 => 302,  415 => 299,  413 => 298,  403 => 291,  398 => 288,  395 => 287,  391 => 286,  385 => 285,  381 => 284,  355 => 261,  335 => 244,  331 => 243,  323 => 237,  313 => 236,  74 => 6,  70 => 5,  60 => 4,  37 => 1,);
995.     }
997.     public function getSourceContext()
998.     {
999.         return new Source("{% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
1002. {% block stylesheets %}
1003. {{ parent() }}
1004.  <link rel=\"stylesheet\" href=\"{{ asset('themes/coworking/css/reservation.css') }}\" />
1005.  
1006. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />
1007. <style>
1008.   .modal-backdrop.fade.show {
1009.         display: none;
1010. }
1011.  
1012.  
1013. /* css checkbox*/
1015.   .fs-5{
1016.   font-size: 17px !important;
1017. }
1018. /* css checkbox*/
1019. .title {
1020. font-family: 'Montserrat', sans-serif;
1021. font-weight:bold;
1022. font-size: 12px;
1023. padding-bottom: 0px;
1024. margin-top: 0px;color:black;
1025. }
1026. +
1027. /* hide checkbox */
1028. input[type=\"checkbox\"] {
1029.   display: none;
1030. }
1032. /* if checkbox is checked, then do these things */
1033. input[type=\"checkbox\"]:checked + label {
1034.   color: white;
1035.   background:#FFD86E;
1036.   border-radius: 5px;
1037.   padding: 0px 10px 0px 10px;
1038. }
1040. /* styles when hovering over options */
1041. label:hover {
1043.   cursor: pointer;
1044.   
1045.   /* transitions and animations */
1046.   -webkit-transition: color .5s ease;
1047.   -moz-transition: color .5s ease;
1048.   -ms-transition: color .5s ease;
1049.   -o-transition: color .5s ease;
1050.   transition: color .5s ease;
1051. }
1052.   
1053. input.button {
1054.   
1055. \twidth:130px;
1056. \theight:50px;
1057. \tmargin: 20px 0 30px 0;
1058. \tpadding: 0px 20px 0px 20px;
1059. \tbackground: #e6e6e6;
1060. \tborder-radius:5px;
1061. \tborder: 1px solid #ccc;
1063. \tfont-family: OpenSans, sans-serif;
1064. \tfont-size:16pt;
1065. \tcolor:#444;
1066. }
1068. .Addons label{
1069.     font-size:12px !important;
1070.     font-family: 'roboto';
1071.     font-weight: 500;
1072.     border: 1px solid #80808024;
1073.     margin: 2px;
1074.     padding: 0px 5px 0px 5px;
1075.     border-radius: 5px;
1076. }
1077. .multistep-container .active-button li:not(:first-child) .round-btn:before {
1078.     position: absolute;
1079.     content: '';
1080.     width: 141px;
1081.     height: 3px;
1082.     background-color: #E9F2FA;
1083.     left: -120px;
1084. }
1087. .multistep-container .active-button li {
1088.     display: inline-block;
1089.     width: 140px;
1090. }
1092. .form-check {
1093.     line-height: 16px;
1094. }   
1096. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3{
1097.         flex: 0 0 86%;
1098. }
1100.  @media (max-width:767px) {
1101.                 html, body {
1102.                   overflow-x: hidden  !important;
1103.                 }
1104.                 body {
1105.                   position: relative !important;
1106.                 }
1107.                 .col-sm-8.reservation-steeps {
1108.                     padding:0%;
1109.                 }
1110.                 .multistep-container .mutistep-form-area .form-box{
1111.                     position: relative;
1112.                     top: 33px;
1113.                     left: 0px;
1114.                 }
1115.                 .multistep-container .active-button li{
1116.                     display: inline-block;
1117.                     width: 100px;
1118.                 }
1119.                 .panel-sticky{
1120.                     font-size:12px;
1121.                 }
1122.               h6.display-6.header-steeps {
1123.                 margin-left: 3%;
1124.             }
1125.             h6.datetime{
1126.                  margin-left: 3%;
1127.             }
1128.             a#seeDetails {
1129.                 margin-bottom: -11%;
1130.             }
1131.             a#seePrice {
1132.                 float: right;
1133.                 margin-right: 52%;
1134.             }
1135.  }
1136.     
1137.     
1138.     
1139.     @media (max-width:767px) { 
1140.         .multistep-container .mutistep-form-area {
1141.               
1142.               position: relative;
1143.           overflow: hidden;
1144.           min-height: 100%;
1145.           max-height: 100%;
1146.           overflow: none;
1147.         }
1148.         .col-sm-8.reservation-steeps {
1149.             box-shadow: none;
1150.         }
1151.         .multistep-container{
1152.                height: auto !important; 
1153.         }
1154.         
1155.         
1156.         
1157.     }
1158.     
1159.     
1160.     
1161.     
1162.     
1163.     .imageForMobile{
1164.         display:none;
1165.     } 
1166.     .imageForDesktop{
1167.         display:block;
1168.     }
1169.     
1171.     @media (max-width:767px) {
1172.                 
1173.         .imageForDesktop{
1174.             display:none;
1175.         } 
1176.         .imageForMobile{
1177.             display:block;
1178.         }
1179.         
1180.         .col-sm-8.reservation-steeps{
1181.                 top: 0px
1182.         }
1183.         .divCardsForMobile{
1184.             top: 0px !important;
1185.         }
1186.         .multistep-container .mutistep-form-area{
1187.             margin-top: 0px !important;
1188.         }
1189.         
1190.         
1191.         .titre-page{
1192.             padding-left: 10px;
1193.              font-size: 15px !important;
1194.         }
1196.         .divCardsSalleReunionMobile{
1197.             margin-top: 0px !important;
1198.         }
1199.            
1200.          .forMobile{
1201.                 margin-top: 5% !important;
1202.         }
1203.         #btnTarifs{
1204.                 padding: 5px !important;
1205.         }
1206.         .title{
1207.             font-size: 15px !important;
1208.         }
1209.         #btnInformation{
1210.                    width: 170px !important;
1211.                     font-size: 10px !important;
1212.         }
1213.         #btnReservation{
1214.                 font-size: 10px !important;
1215.                 width: 100px!important;
1216.         }
1217.         .bureaux-desc{
1218.             padding: 15px!important;
1219.         }
1220.          .close{
1221.           width:25px !important;
1222.       }
1223.       }
1224.       
1225.       
1226.      
1227.     
1228. </style> 
1229. </style>
1231.   
1232. {% endblock  %}
1233.  
1234. {% block body %}
1235.  
1237.  
1238.  
1239.  
1240.  
1241.   <img loading=\"lazy\" src=\"{{asset('themes/coworking/front/images/background_BUREAUX.png')}}\" style=\"width: 100%;height: 520px;\" class=\"img-fluid imageForDesktop\" />
1242.     <img loading=\"lazy\" src=\"{{asset('themes/coworking/front/images/Bg-bureau-Mobile.png')}}\" style=\"width: 100%;\" class=\"img-fluid imageForMobile\" />
1243.     
1244.   
1245.   
1246.   
1247.   
1248.   
1249.   <div class=\"container\">
1250.     <div class=\"row\">
1252.       
1253.       <div class=\"col-sm-8 reservation-steeps\" style=\"overflow: hidden;\">
1255.            <div class=\"row\">
1256.                <div class=\"forMobile\" style=\"display: inline-flex;\">
1257.                    
1258.           <div class=\"col-sm-6\">
1259.             <h6 class=\"titre-page\">{{ \"Réservation bureau\"|trans({},\"front\") }}</h6>
1260.           </div>
1261.           <div class=\"col-sm-6\">
1262.             <a href=\"/uploads/front-images/LISTEDEPRIXCOWORK2.pdf\" class=\"btn-res text-center text-light text-uppercase bg-dark\"  id=\"btnTarifs\" style=\"float: right;padding: 8px;border-radius: 6px;font-size:13px;\" target=\"_blank\" > Afficher nos tarifs</a>
1263.           </div>
1264.           
1265.           </div>
1266.         </div>
1267.         
1268.         <div class=\"container\">
1269.           <div class=\"row\">
1271.              <div class=\"container d-flex justify-content-center align-items-center\">
1272.   
1273.         </div>
1275.             <div class=\"col-xl-12 divCardsForMobile\" style=\"top: 17px;\" >
1276.               <div class=\"multistep-container\">
1277.                 <div class=\"mutistep-form-area\">
1278.                  
1279.                             <div class=\"container\" style=\"margin-top:40px;\">
1281.                                 <div class=\"panel\">
1282.                                     {% set displayed_categories = [] %}  
1283.                                    {% for bureau in products   %} 
1284.                                     {% for cat in bureau.categoriesProduct   %}
1285.                                      {% if cat.name not in displayed_categories and cat.name != \"Services supplémentaires bureaux\" %}
1286.                                      
1287.                                           <div class=\"card-brx row mt-3 panel\" style=\"width:auto; border: none; border-radius:17px; box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.05);\">
1288.                                             <div class=\"col-md-6 col-lg-6 col-sm-12\">
1289.                                               <img loading=\"lazy\" class=\"img-fluid\" src=\"{{ asset('uploads/coworking/' ~ cat.image) }}\" style=\"width:100%; border-radius:6px;margin-top: 10px;\" />
1290.                                             </div>
1291.                 
1292.                                             <div class=\"bureaux-desc col-md-6 col-lg-6 col-sm-12 mt-3\" style=\"font-family:'Roboto',sans-serif; line-height:24px;\">
1293.                                               <div>
1294.                                                     <div style=\"float: right;\">
1295.                                                         
1296.                                                             {%  if  cat.oldId  == 1 %}
1297.                                                         
1298.                                                               <i class=\"fa fa-user\" style=\"color:black;\"></i><br>
1299.                                                   
1300.                                                             {% elseif  cat.oldId  == 2 %}
1301.                                                            
1302.                                                                         <i class=\"fa fa-user\" style=\"color:black;\"></i> <i class=\"fa fa-user\" style=\"color:black;\"></i><br>
1303.                                                                 
1304.                                                                  {% elseif  cat.oldId   == 4 %}
1305.                                                            
1306.                                                                             <i class=\"fa fa-user\" style=\"color:black;\"></i><i class=\"fa fa-user\" style=\"color:black;\"></i><i class=\"fa fa-user\" style=\"color:black;\"></i><i class=\"fa fa-user\" style=\"color:black;\"></i><br>
1307.                                                                    {% elseif  cat.oldId   == 0 %}
1308.                                                            
1309.                                                                                 <i class=\"fa fa-user\" style=\"color:black;\"></i><br>
1310.                                                              {% endif %}
1311.                                                  
1312.                                                     </div>
1313.                                                
1314.                                                
1315.                                               <p class=\"fs-5 title\" style=\"font-weight:bold;padding-bottom: 0px;margin-top: 0px;color:black;\" >{{ cat.name|trans({},\"front\") }} </p>
1316.                                                
1317.                                                 
1318.                                                 {% if cat.oldId  == 1 %}
1319.                                                     {% set priceBureau = \"300\" %}
1320.                                                 {% elseif cat.oldId  == 2 %}
1321.                                                     {% set priceBureau = \"990\" %}
1322.                                                 {% elseif cat.oldId  == 4 %}
1323.                                                     {% set priceBureau = \"1900\" %}
1324.                                                 {% else  %}
1325.                                                   {% set priceBureau = \"220\" %}
1326.                                                 {% endif %}
1327.                                                    <a class=\"float-left\" href=\"#\"  id=\"seePrice\" style=\"white-space:nowrap;padding-top: 10px;padding-right: 10px;text-decoration:none;font-size:13px; font-family:'PT Sans', sans-serif; letter-spacing:2px;color: #020202;font-weight: 800;\">À partir de<br> {{priceBureau}}* MAD TTC / 
1328.                                                    
1329.                                                 {% if priceBureau == 300 %}
1330.                                                     Journée
1331.                                                 {% elseif priceBureau == 990  %}
1332.                                                     3 Jours
1333.                                                 {% elseif priceBureau == 1900  %}
1334.                                                     Semaine
1335.                                                 {% elseif priceBureau == 220  %}
1336.                                                     Journée
1337.                                                 {% endif %}  
1338.                                                    
1339.                                                  </a>
1340.                                                        <br><br><br><br>
1341.                                                       
1342.                                                         <a  href=\"#\" data-toggle=\"modal\" id=\"seeDetails\" data-target=\"#aynModal{{ cat.id }}\"style=\"padding: 10px;text-decoration: none;width: 129px;font-size: 13px;font-family: 'PT Sans', sans-serif;letter-spacing: 2px;/* float: right; */color: #020202;text-decoration: underline;margin-right: 10px;margin-right: 10px;font-weight: 800;\"><u>Voir Details</u></a>
1343.                                                         <a href=\"{{path(\"reservationbureauxstep1\",{id:cat.id})}}\" class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\"   style=\"padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Réserver</a>
1344.                                                       
1345.                                                         
1346.                                                <span class=\"title\" style=\"float: right;text-align: center;\" > </span>
1347.                                            
1348.                                               </div>
1349.                                             </div>
1350.                 
1351.                                           </div>
1352.                                   
1353.                                           {% endif %}
1354.                                     {% set displayed_categories = displayed_categories|merge([cat.name]) %}
1355.                                     
1356.                                 {% endfor %} 
1357.                                 {% endfor %} 
1358.                                 </div>
1359.                             
1360.                             </div>
1361.                             
1362.                     </form>
1363.                   </div>
1364.                   <!--  -->
1365.                 </div>
1366.               </div>
1367.             </div>
1368.           </div>
1369.         </div>
1370.         
1371.                                            
1372.                                             
1373.         
1374.                          {% set displayed_categories = [] %}  
1375.                                    {% for bureau in products|sort((a, b) => b <=> a)   %} 
1376.                                     {% for cat in bureau.categoriesProduct   %}
1377.                                      {% if cat.name not in displayed_categories %}
1378.                            
1379.                                              <div class=\"modal fade\" id=\"aynModal{{cat.id}}\">
1380. \t\t\t\t\t\t\t<div class=\"modal-dialog modal-lg\">
1381. \t\t\t\t\t\t\t\t<div
1382. \t\t\t\t\t\t\t\t\tclass=\"modal-content\">
1384. \t\t\t\t\t\t\t\t\t<!-- Modal Header -->
1385. \t\t\t\t\t\t\t\t\t<div class=\"modal-header\" style=\"justify-content: end;\">
1386. \t\t\t\t\t\t\t\t\t\t<button type=\"button\" class=\"close\" data-dismiss=\"modal\" style=\"background: #ffffff;font-size: 27px;width:30px;border: 1px solid #878787;\">&times;</button>
1387. \t\t\t\t\t\t\t\t\t</div>
1388. \t\t\t\t\t\t\t\t\t<div class=\"container\">
1389. \t\t\t\t\t\t\t\t\t\t<div class=\"row\">
1391. \t\t\t\t\t\t\t\t\t\t  <h2 class=\"mt-3 title \" style=\"font-size:25px; font-weight:bold;\">{{ cat.name }}</h2>
1392.                                           <p class=\"text-muted mt-3\"><small>{{ cat.description }}</small></p>
1393. \t\t\t\t\t\t\t\t\t\t\t
1394.                                   
1395. \t\t\t\t\t\t\t\t\t\t\t 
1396. \t\t\t\t\t\t\t\t\t\t</div>
1397. \t\t\t\t\t\t\t\t\t\t
1398. \t\t\t\t\t\t\t\t\t\t<!-- Modal body -->
1399. \t\t\t\t\t\t\t\t\t
1400. \t\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">
1402.                                              
1403.                                                 <img loading=\"lazy\" src=\"{{ asset('uploads/coworking/' ~ cat.image) }}\"  id=\"main\">
1404.                                             <div id=\"thumbnails\">
1405.                                                 {# {% for image in bureau.images  %} 
1406.                                               <img loading=\"lazy\" src=\"/uploads/coworking/detail/{{image.path}}\" alt=\"Bridge\">
1407.                    
1408.                                             {% endfor %}#}
1409.                                             </div>
1410.                                             
1411. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\" style=\"margin-top:5%;\">
1412. \t\t\t\t\t\t\t\t\t\t\t{#\t<div class=\"col-sm-6\">
1413. \t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"m-1 fs-6\" style=\"font-weight:bold;\">
1414. \t\t\t\t\t\t\t\t\t\t\t\t\t\tÉquipements</p>
1415. \t\t\t\t\t\t\t\t\t\t\t\t\t<ul style=\"font-size:12px;\">
1416. \t\t\t\t\t\t\t\t\t\t\t\t \t<li></li>
1417. \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
1418. \t\t\t\t\t\t\t\t\t\t\t\t\t</ul>
1419. \t\t\t\t\t\t\t\t\t\t\t\t</div>#}
1420. \t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\">
1421. \t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"m-1 fs-6\" style=\"font-weight:bold;\">Services</p>
1422. \t\t\t\t\t\t\t\t\t\t\t\t<ul style=\"font-size:12px;\">
1423. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li><b>Restaurant Melliber :</b> Dans une atmosphère conviviale et accueillante, notre restaurant partage gracieusement un bouquet de saveurs, du petit déjeuner au dîner</li>
1424. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Hammam & Spa :</b> Notre spa offre un refuge tranquille avec une variété de soins relaxants. Profitez de massages apaisants, de hammams revigorants et d'autres thérapies régénérantes conçues pour revitaliser votre corps et votre esprit</li>
1425. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Salon de coiffure et de bien-être :</b> Notre salon de beauté et de bien-être propose des services experts de manucure, pédicure et coiffure pour hommes et femmes. C'est l'endroit idéal pour être au meilleur de sa forme.</li>
1426. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Parking :</b> Notre établissement dispose également d'un vaste parking, garantissant un stationnement pratique et sécurisé pour tous nos membres et invités</li>
1427. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Events & Exhibition : </b>Le Cowork&Live by Melliber propose régulièrement des événements variés, allant des concours de cuisine aux séminaires en comptabilité, en passant par des expositions de peinture. Nous créons ainsi un environnement dynamique qui allie travail, apprentissage et culture pour enrichir vos expériences.</li>
1428. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>2 kitchenettes :</b> Nos kitchenettes sont entièrement équipées, y compris des minibars et d'autres commodités, offrant à nos membres tout ce dont ils ont besoin pour une expérience culinaire pratique et agréable</li>
1429. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Salle de Fitness :</b> Notre centre de fitness est équipé d'installations de premier ordre et propose diverses options d'entraînement pour répondre à tous les besoins et préférences.</li>
1430. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Espace gaming :</b> Notre espace de jeux comprend des jeux d'arcade, un baby-foot et une table de billard américain, offrant divertissement et détente à tous nos membres.</li>
1431. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\"><b>Services suplémetaires :</b> Options additionnelles permettant aux clients de personnaliser leur expérience avec des équipements techniques et des services, pour répondre à des besoins spécifiques lors de la location de salles ou de bureaux</li>
1432. \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
1433. \t\t\t\t\t\t\t\t\t\t\t\t\t 
1434. \t\t\t\t\t\t\t\t\t\t\t\t\t</ul>
1435. \t\t\t\t\t\t\t\t\t\t\t\t</div>
1436. \t\t\t\t\t\t\t\t\t\t\t</div>
1437. \t\t\t\t\t\t\t\t\t\t\t
1438. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">
1439. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-12\">
1440. \t\t\t\t\t\t\t\t\t\t\t\t\t
1441.     \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"/uploads/front-images/LISTEDEPRIXCOWORK2.pdf\" class=\"\"  target=\"_blank\" id=\"btnInformation\" style=\"padding:10px; text-decoration:none; width:200px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:left;margin-top:5%; margin-bottom:5%;font-size: 13px;text-decoration: underline;font-weight: 800;color:black !important;\">
1442.     \t\t\t\t\t\t\t\t\t\t\t\t\t\t\tPlus d'information
1443.     \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>
1444. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"{{path(\"reservationbureauxstep1\",{id:cat.id})}}\" class=\"btn-res text-center text-light text-uppercase bg-dark\" id=\"btnReservation\"  style=\"padding:10px; text-decoration:none; width:130px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%; margin-bottom:5%;\">
1445. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t    Réserver
1446. \t\t\t\t\t\t\t\t\t\t\t\t\t\t    </a>
1447. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
1448. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
1449. \t\t\t\t\t\t\t\t\t\t\t\t\t
1450. \t\t\t\t\t\t\t\t\t\t\t\t\t
1451. \t\t\t\t\t\t\t\t\t\t\t\t</div>
1452. \t\t\t\t\t\t\t\t\t\t\t</div>
1453. \t\t\t\t\t\t\t\t\t\t</div>
1456. \t\t\t\t\t\t\t\t\t</div>
1457. \t\t\t\t\t\t\t\t</div>
1458. \t\t\t\t\t\t\t</div>
1459. \t\t\t\t\t\t</div>
1460. \t\t\t\t\t\t{%  endif  %}
1461.                         {%  endfor  %}
1462.                          {%  endfor  %}
1463.       </div>
1464.     </div>
1465.   
1466.   
1467.   
1468.   
1469.   
1470.   
1471.   
1472.   
1473.     <div class=\"container\">
1474.         <div class=\"row\">
1475.             <div class=\"col-xl-12 text-center\" >
1476.                 <p>*Le prix de revient journalier calculé sur la base d’un abonnement mensuel</p>
1477.             </div>
1478.         </div>
1479.     </div>
1480.   
1481. {% endblock %}
1487. {% block javascripts %}
1488.   <!-- MAIN CONTENT -->
1491. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
1492. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
1493. <script type=\"text/javascript\" src=\"chosen/chosen.jquery.min.js\"></script>
1494. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js\"></script>
1498.   <script>
1499.        \$(document).ready(function () {
1500.              
1501.       \$(\"#seeDetails\").click(function(){
1502.           \$(\".panel-sticky\").css('z-index','0');
1503.       });
1504.        \$(\".close\").click(function(){
1505.           \$(\".panel-sticky\").css('z-index','9999999');
1506.       });
1507.       \$(\"#selectAdon\").chosen();
1508.       \$('.multistep-container .form-box .button-row .next').click(function () {
1509.         \$(this).parents('.form-box').fadeOut('fast')
1510.         \$(this).parents('.form-box').next().fadeIn('fast')
1511.       })
1512.       \$('.multistep-container .form-box .button-row .previous').click(function () {
1513.         \$(this).parents('.form-box').fadeOut('fast')
1514.         \$(this).parents('.form-box').prev().fadeIn('fast')
1515.       })
1516.       
1517.     
1518.       
1519.        \$('.ReserveNext').click(function () {
1520.         \$(this).parents('.form-box').fadeOut('fast')
1521.         \$(this).parents('.form-box').next().fadeIn('fast')
1522.       })
1523.       \$('.ReservePrevious').click(function () {
1524.         \$(this).parents('.form-box').fadeOut('fast')
1525.         \$(this).parents('.form-box').prev().fadeIn('fast')
1526.       })
1527.     
1528.     
1529.     \$('#demo').daterangepicker({
1530.     \"showISOWeekNumbers\": true,
1531.     \"timePicker\": true,
1532.     \"autoUpdateInput\": true,
1533.     \"locale\": {
1534.         \"cancelLabel\": 'Clear',
1535.         \"format\": \"MMMM DD, YYYY @ h:mm A\",
1536.         \"separator\": \" - \",
1537.         \"applyLabel\": \"Apply\",
1538.         \"cancelLabel\": \"Cancel\",
1539.         \"fromLabel\": \"From\",
1540.         \"toLabel\": \"To\",
1541.         \"customRangeLabel\": \"Custom\",
1542.         \"weekLabel\": \"W\",
1543.         \"daysOfWeek\": [
1544.             \"Su\",
1545.             \"Mo\",
1546.             \"Tu\",
1547.             \"We\",
1548.             \"Th\",
1549.             \"Fr\",
1550.             \"Sa\"
1551.         ],
1552.         \"monthNames\": [
1553.             \"January\",
1554.             \"February\",
1555.             \"March\",
1556.             \"April\",
1557.             \"May\",
1558.             \"June\",
1559.             \"July\",
1560.             \"August\",
1561.             \"September\",
1562.             \"October\",
1563.             \"November\",
1564.             \"December\"
1565.         ],
1566.         \"firstDay\": 1
1567.     },
1568.     \"linkedCalendars\": true,
1569.     \"showCustomRangeLabel\": false,
1570.     \"startDate\": 1,
1571.     \"endDate\": \"December 31, 2016 @ h:mm A\",
1572.     \"opens\": \"center\"
1573. });
1574.     
1575.     
1576.     /**/
1577.     
1578.     \$('#categorie-bureaux').change(function() {
1579.         var selectedOption = \$(this).val();
1581.         \$.ajax({
1582.             url: '/ajax/getbureauajax',
1583.             type: 'GET',
1584.             data: {
1585.                 selected_option: selectedOption,
1586.             },
1587.             success: function(response) {
1588.                 console.log(\"Ajax request successful\");
1590.                 // Clear the container first, if needed
1591.                 \$('.container-bureau').empty();
1593.                 // Iterate over each bureau in the response and insert them into the container
1594.                 response.bureaux.forEach(function(bureau) {
1595.                     var bureauHtml = `
1596.                       <div class=\"card-brx row mt-3\" style=\"width:auto; border: none; border-radius:17px; box-shadow: 0 0 12px 5px rgba(0, 0, 0, 0.05);\">
1597.                         <div class=\"col-md-4 col-lg-4 col-sm-12\">
1598.                           <img loading=\"lazy\" class=\"img-fluid\" src=\"\${bureau.image}\" style=\"width:90%; border-radius:6px;margin-top: 10px;\" />
1599.                         </div>
1601.                         <div class=\"bureaux-desc col-md-8 col-lg-8 col-sm-12 mt-3\" style=\"font-family:'Roboto',sans-serif; line-height:24px;\">
1602.                           <div>
1603.                             <img loading=\"lazy\" src=\"{{ asset('/front/images/usershands.png') }}\" style=\"float: right;\" />
1604.                             <p class=\"fs-5\" style=\"font-family: Roboto;font-weight:bold;\">\${bureau.title}</p>
1605.                             <p style=\"color:rgba(51, 51, 51, 1);\">
1606.                               <i class=\"fa-solid fs-6 fa-location-dot\"></i> <span class=\"m-1 fs-6\" style=\"font-weight:400;\">\${bureau.location}</span>
1607.                             </p>
1609.                             <div style=\"color:rgba(107, 111, 123, 1); line-height:20px; font-size:13px; font-weight:400;\">
1610.                               <p>\${bureau.description1}</p>
1611.                               <p>
1612.                                 <i class=\"fa-regular fa-lightbulb fs-6\" style=\"color: #e2b653; \"></i> <span>Ideal pour: \${bureau.description}</span>
1613.                               </p>
1614.                             </div>
1615.                           </div>
1616.                         </div>
1618.                         <div class=\"col-md-12 col-lg-12 col-sm-12 d-flex justify-content-center align-items-end mb-3\">
1619.                           <a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"\${bureau.reservationLink}\" style=\"padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Réserver</a>
1620.                         </div>
1621.                       </div>
1622.                     `;
1624.                     \$('.container-bureau').append(bureauHtml);
1625.                 });
1627.                 // Rest of your code
1628.             },
1629.             error: function(xhr, status, error) {
1630.                 // Handle any error that occurred during the AJAX request
1631.                 console.error(error);
1632.             }
1633.         });
1634.     });
1635.     
1636.     /***/
1637.       
1638.       
1639.     //   alert(\"frfr\");
1641.     var thumbnails = document.getElementById(\"thumbnails\")
1642. var imgs = thumbnails.getElementsByTagName(\"img\")
1643. var main = document.getElementById(\"main\")
1644. var counter=0;
1646. for(let i=0;i<imgs.length;i++){
1647.   let img=imgs[i]
1648.   
1649.   
1650.   img.addEventListener(\"click\",function(){
1651.   main.src=this.src
1652. })
1653.   
1654. }
1655.     });
1656.     
1657.     
1658.     
1659.     
1660.     
1661.     
1662.     /**/
1663.       var stickyHeaders = (function() {
1665.   var \$window = \$(window),
1666.       \$stickies;
1668.   var load = function(stickies) {
1670.     if (typeof stickies === \"object\" && stickies instanceof jQuery && stickies.length > 0) {
1672.       \$stickies = stickies.each(function() {
1674.         var \$thisSticky = \$(this).wrap('<div class=\"followWrap\" />');
1675.   
1676.         \$thisSticky
1677.             .data('originalPosition', \$thisSticky.offset().top)
1678.             .data('originalHeight', \$thisSticky.outerHeight())
1679.               .parent()
1680.               .height(\$thisSticky.outerHeight()); \t\t\t  
1681.       });
1683.       \$window.off(\"scroll.stickies\").on(\"scroll.stickies\", function() {
1684. \t\t  _whenScrolling();\t\t
1685.       });
1686.     }
1687.   };
1689.   var _whenScrolling = function() {
1691.     \$stickies.each(function(i) {\t\t\t
1693.       var \$thisSticky = \$(this),
1694.           \$stickyPosition = \$thisSticky.data('originalPosition');
1695.       
1696.       console.log(\$thisSticky.data('num') + ' is at' + \$stickyPosition);
1698.       if (\$stickyPosition <= \$window.scrollTop()) {        
1699.         
1700.         var \$nextSticky = \$stickies.eq(i + 1),
1701.             \$nextStickyPosition = \$nextSticky.data('originalPosition') - \$thisSticky.data('originalHeight');
1703.         \$thisSticky.addClass(\"fixed\");
1705.         if (\$nextSticky.length > 0 && \$thisSticky.offset().top >= \$nextStickyPosition) {
1707.           \$thisSticky.addClass(\"absolute\").css(\"top\", \$nextStickyPosition);
1708.         }
1710.       } else {
1711.         
1712.         var \$prevSticky = \$stickies.eq(i - 1);
1714.         \$thisSticky.removeClass(\"fixed\");
1716.         if (\$prevSticky.length > 0 && \$window.scrollTop() <= \$thisSticky.data('originalPosition') - \$thisSticky.data('originalHeight')) {
1718.           \$prevSticky.removeClass(\"absolute\").removeAttr(\"style\");
1719.         }
1720.       }
1721.     });
1722.   };
1724.   return {
1725.     load: load
1726.   };
1727. })();
1729. \$(function() {
1730.   stickyHeaders.load(\$(\".followMeBar\"));
1731. });
1732.   </script>
1733. {% endblock %}
1735. ", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/reservation-offices.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/pages/reservation-offices.html.twig");
1736.     }
1737. }