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/meeting-room.html.twig */
16. class __TwigTemplate_9dc528eaf2d9f39f0e9e246ab7700e79 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/meeting-room.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/meeting-room.html.twig"));
49.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/meeting-room.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. ";
78.         // line 9
79.         echo "<style>
80. .fs-5{
81.   font-size: 18px !important;
82. }
83. .title {
84. font-family: 'Montserrat', sans-serif;
85. font-weight:bold;
86. font-size: 12px;
87. padding-bottom: 0px;
88. margin-top: 0px;color:black;
89. }
91.   .modal-backdrop.fade.show {
92.         display: none;
93. }
95. i.fa-solid.fa-users {
96.     font-size: 24px;
97. }
99. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3 {
100.     flex: 0 0 86%;
101. }
102. i.fa.fa-users {
103.   font-size: 22px;
104. }
105.  
106.  @media only screen and (max-width: 600px) {
107.     
108.       html, body {
109.                   overflow-x: hidden  !important;
110.                 }
111.                 body {
112.                   position: relative !important;
113.                 }
114.     
115.      .multistep-container .active-button li {
116.         display: inline-block;
117.         width: 89px;
118.      }
120.     .multistep-container .mutistep-form-area .form-box {
121.         position: relative;
122.         top: 35px;
123.     }
124.     .col-sm-8.reservation-steeps {
125.         padding:0px;
126.     }
127.     .multistep-container .active-button li:not(:first-child) .round-btn:before {
128.             left: -114px;
129.     }
130.     .smlstyl{
131.         margin-right:2%;
132.     }
134.     .col-sm-6 a{
135.         margin-right:2%;
136.     }
137.     .panel-sticky {
138.         padding:2px;
139.     }
140.     
141.     
142.             a#seeDetails {
143.                 margin-bottom: -11%;
144.             }
145.             a#seePrice {
146.                 float: right;
147.                 margin-right: 22%;
148.             }
149.             
150.             .col-md-4.float-right{
151.                 margin-right: 25% !important;
152.             }
153.          
154.     
155.            
156. }
158. #seePrice {
159.     font-weight: 400 !important;
160.     width: 170px !important;
161. }
162. .titre-page{
163. margin-top:10px;
164. font-size: 20px;
165. line-height:45.29px;
166. color: #000000;
167. }
170.     .imageForMobile{
171.         display:none;
172.     } 
173.     .imageForDesktop{
174.         display:block;
175.     }
176.     
178.     @media (max-width:767px) {
179.                 
180.         .imageForDesktop{
181.             display:none;
182.         } 
183.         .imageForMobile{
184.             display:block;
185.         }
186.         
187.         .col-sm-8.reservation-steeps{
188.                 top: 0px
189.         }
190.         .divCardsForMobile{
191.             top: 0px !important;
192.         }
193.         .multistep-container .mutistep-form-area{
194.             margin-top: 25px !important;
195.         }
196.         
197.         
198.         .titre-page{
199.               padding-left: 10px;
200.               font-size: 15px !important;
201.               line-height: 23.29px !important;
202.               margin-top: 0px !important;
203.         }
205.          .forMobile{
206.                 margin-top: 5% !important;
207.         }
208.         #btnTarifs{
209.                 padding: 5px  !important;
210.                 font-size: 12px !important;
211.         }
212.         
213.          #btnInformation{
214.                    width: 170px !important;
215.                     font-size: 10px !important;
216.         }
217.         #btnReservation{
218.                 font-size: 10px !important;
219.                 width: 100px!important;
220.         }
221.         .bureaux-desc{
222.             padding: 15px!important;
223.         }
224.        
225.         .close{
226.           width:25px !important;
227.       }
228.         
229.       }
230.     
231. </style>
232.   
233. ";
234.         
235.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
237.         
238.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
240.     }
242.     // line 164
243.     public function block_body($context, array $blocks = [])
244.     {
245.         $macros = $this->macros;
246.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
247.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
249.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
250.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
252.         // line 165
253.         echo " 
255.  
256.  
258.  
259.   <img loading=\"lazy\" src=\"";
260.         // line 171
261.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/background_SALLEDEREU.png"), "html", null, true);
262.         echo "\" style=\"width: 100%;height: 520px;\" class=\"img-fluid imageForDesktop\" />
263.       <img loading=\"lazy\" src=\"";
264.         // line 172
265.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("uploads/front-images/bgSalle-reunionMobile.png"), "html", null, true);
266.         echo "\" style=\"width: 100%;\" class=\"img-fluid imageForMobile\" />
267.   
270.   <div class=\"container\">
271.     <div class=\"row\">
273.       
274.       <div class=\"col-sm-8 reservation-steeps\" style=\"overflow: hidden;\">
276.            <div class=\"row\">
277.                 <div class=\"forMobile\" style=\"display: inline-flex;\">
278.                   <div class=\"col-sm-6\">
279.                     <h6 class=\"titre-page\">";
280.         // line 185
281.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Réservation Salles de réunion", [], "front"), "html", null, true);
282.         echo "</h6>
283.                   </div>
284.                   <div class=\"col-sm-6\" >
285.                     ";
286.         // line 189
287.         echo "                  
288.                    <a href=\"/themes/coworking/front/images/GRILLEUPDATEDSITEMeetingRooms.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>
289.                   
290.                   
291.                   </div>
292.                 </div>
293.             </div>
294.         
295.        
297.         ";
298.         // line 200
299.         echo "        <div class=\"container\">
300.           <div class=\"row\">
302.              <div class=\"container d-flex justify-content-center align-items-center\">
303.          
304.          
305.     ";
306.         // line 207
307.         echo "\t\t\t\t";
308.         // line 208
309.         echo "    ";
310.         // line 209
311.         echo "    ";
312.         // line 210
313.         echo "\t\t\t\t";
314.         // line 211
315.         echo "\t\t\t\t";
316.         // line 212
317.         echo "\t\t\t\t";
318.         // line 213
319.         echo "           
320.           
321. \t\t\t\t";
322.         // line 216
323.         echo "        </div>
325.             <div class=\"col-xl-12 divCardsForMobile\" style=\"top: 60px;\" >
326.               <div class=\"multistep-container\">
327.                 <div class=\"mutistep-form-area\">
328.                   <!--  -->
329.                      <!--  <div class=\"form-box\">
330.                    
331.                     <ul class=\"active-button\">
332.                       <li class=\"active\">
333.                         <span class=\"round-btn\">1</span>
334.                       </li>
335.                       <li>
336.                         <span class=\"round-btn\">2</span>
337.                       </li>
338.                       <li>
339.                         <span class=\"round-btn\">3</span>
340.                       </li>
341.                     </ul>
342.                     <!--  -->
343.                   
344.                        
345.                             <div class=\"container\" style=\"margin-top:40px;\">
347.                     
349.                                 <div class=\"panel\">
350.                                    
351.                                      
352.                                  
353.                                       
355.                                              ";
356.         // line 248
357.         $context['_parent'] = $context;
358.         $context['_seq'] = twig_ensure_traversable((isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 248, $this->source); })()));
359.         foreach ($context['_seq'] as $context["_key"] => $context["salle"]) {
360.             // line 249
361.             echo "                                          <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);\">
362.                                             <div class=\"col-md-6 col-lg-6 col-sm-12\">
363.                                               <img loading=\"lazy\" class=\"img-fluid\" src=\"";
364.             // line 251
365.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("uploads/coworking/shop/products/" . twig_get_attribute($this->env, $this->source, $context["salle"], "image", [], "any", false, false, false, 251))), "html", null, true);
366.             echo "\" style=\"width:100%; border-radius:6px;margin-top: 10px;\" />
367.                                             </div>
368.                 
369.                                             <div class=\"bureaux-desc col-md-6 col-lg-6 col-sm-12 mt-3\" style=\"font-family:'Roboto',sans-serif; line-height:24px;\">
370.                                               <div>
371.                                                    <div style=\"float: right;\">
372.                                                  ";
373.             // line 258
374.             echo "                                                 ";
375.             // line 259
376.             echo "                                                 ";
377.             // line 260
378.             echo "                                                 <i class=\"fa fa-users\" style=\"color:black;font-size: 15px;color: black;\"></i> 
379.                                                    </div>
380.                                                
381.                                                
382.                                                 <p class=\"fs-5 title\" >";
383.             // line 264
384.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["salle"], "name", [], "any", false, false, false, 264), "html", null, true);
385.             echo "</p>
386.                                                 <small style=\" font-family: 'Montserrat', sans-serif;
387.     font-weight: 600;
388.     font-size: 12px;
389.     padding-bottom: 0px;
390.     margin-top: 0px;
391.     color: black;\">Capacité maximum ";
392.             // line 270
393.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["salle"], "valueReduction", [], "any", false, false, false, 270), "html", null, true);
394.             echo "</small>
395.                                                            <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> ";
396.             // line 271
397.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["salle"], "price", [], "any", false, false, false, 271), "html", null, true);
398.             echo "* MAD TTC / 
399.                                                            
400.                                                         ";
401.             // line 273
402.             if ((twig_get_attribute($this->env, $this->source, $context["salle"], "price", [], "any", false, false, false, 273) < 121)) {
403.                 echo " Heure ";
404.             } else {
405.                 echo " Demi-journée ";
406.             }
407.             // line 274
408.             echo "                                                           
409.                                                            </a>
410.                                                        <br><br><br><br>
411.                                                       
412.                                                         <a  href=\"#\" data-toggle=\"modal\" id=\"seeDetails\" data-target=\"#aynModal";
413.             // line 278
414.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["salle"], "id", [], "any", false, false, false, 278), "html", null, true);
415.             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>
416.                                                        <a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"";
417.             // line 279
418.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationMeetingstep1", ["id" => twig_get_attribute($this->env, $this->source, $context["salle"], "id", [], "any", false, false, false, 279)]), "html", null, true);
419.             echo "\" style=\"padding:10px; text-decoration:none; width:129px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%; margin-bottom:5%;\"> Réserver </a>
420.                                                         
421.                                                <span class=\"title\" style=\"float: right;text-align: center;\" > </span>
422.                                            
423.                                                 <div style=\"color:rgba(107, 111, 123, 1); line-height:20px; font-size:13px; font-weight:400;\">
424.                                                   <!--<p style=\"padding-top: 0px;\">";
425.             // line 284
426.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["salle"], "description", [], "any", false, false, false, 284), "html", null, true);
427.             echo "</p>-->
428.                                                  
429.                                                 </div>
430.                                               </div>
431.                                             </div>
432.                 
433.                                              <div class=\"col-md-12 col-lg-12 col-sm-12 d-flex justify-content-end align-items-end mb-3\">
434.                                                
435.                                                  <div class=\"row\">
436.                                                         ";
437.             // line 294
438.             echo "                                                        ";
439.             // line 295
440.             echo "                                                        ";
441.             // line 296
442.             echo "                                                        ";
443.             // line 297
444.             echo "                                                        ";
445.             // line 298
446.             echo "                                                        ";
447.             // line 299
448.             echo "                                                        ";
449.             // line 300
450.             echo "                                                        ";
451.             // line 301
452.             echo "                                                        ";
453.             // line 302
454.             echo "                                                        
455.                                                         ";
456.             // line 304
457.             echo "                                                        ";
458.             // line 305
459.             echo "                                                        ";
460.             // line 306
461.             echo "                                                </div>
462.                                             </div>
463.                                           </div>
464.                                   
465.                                    
466.                                 ";
467.         }
468.         $_parent = $context['_parent'];
469.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['salle'], $context['_parent'], $context['loop']);
470.         $context = array_intersect_key($context, $_parent) + $_parent;
471.         // line 311
472.         echo " 
473.                                 </div>
474.                                 
476.                             </div>
477.                             
478.                            
479.                      
480.  
481.                     </form>
482.                   </div>
483.                   <!--  -->
485.                   
487.                  
488.                   <!--  -->
489.                 </div>
490.               </div>
491.             </div>
492.           </div>
493.         </div>
494.         
495.     ";
496.         // line 335
497.         echo "    ";
498.         // line 336
499.         echo "    ";
500.         // line 337
501.         echo "    ";
502.         // line 338
503.         echo "    ";
504.         // line 339
505.         echo "    
506.     ";
507.         // line 341
508.         echo "    ";
509.         // line 342
510.         echo "    ";
511.         // line 343
512.         echo "    ";
513.         // line 344
514.         echo "    ";
515.         // line 345
516.         echo "    ";
517.         // line 346
518.         echo "    
519.     ";
520.         // line 348
521.         echo "    ";
522.         // line 349
523.         echo "    ";
524.         // line 350
525.         echo "    ";
526.         // line 351
527.         echo "    ";
528.         // line 352
529.         echo "    ";
530.         // line 353
531.         echo "    \t\t\t\t\t\t\t\t\t\t\t";
532.         // line 354
533.         echo "    \t\t\t\t\t\t\t\t\t\t\t";
534.         // line 355
535.         echo "    \t\t\t\t\t\t\t\t\t\t\t";
536.         // line 356
537.         echo "    \t\t\t\t\t\t\t\t\t\t\t";
538.         // line 357
539.         echo "    \t\t\t\t\t\t\t\t\t\t\t";
540.         // line 358
541.         echo "    ";
542.         // line 359
543.         echo "    \t\t\t\t\t\t\t\t\t\t
544.     ";
545.         // line 361
546.         echo "    \t\t\t\t\t\t\t\t\t
547.     ";
548.         // line 363
549.         echo "    \t\t\t\t\t\t\t\t\t\t    
550.     ";
551.         // line 365
552.         echo "    ";
553.         // line 366
554.         echo "    ";
555.         // line 367
556.         echo "    ";
557.         // line 368
558.         echo "                       
559.     ";
560.         // line 370
561.         echo "    ";
562.         // line 371
563.         echo "    ";
564.         // line 372
565.         echo "    \t\t\t\t\t\t\t\t\t\t   
566.     
567.     ";
568.         // line 375
569.         echo "    \t\t\t\t\t\t\t\t\t\t\t\t";
570.         // line 376
571.         echo "    \t\t\t\t\t\t\t\t\t\t\t\t";
572.         // line 377
573.         echo "    \t\t\t\t\t\t\t\t\t\t\t\t";
574.         // line 378
575.         echo "    \t\t\t\t\t\t\t\t\t\t\t\t";
576.         // line 379
577.         echo "    \t\t\t\t\t\t\t\t\t\t\t\t";
578.         // line 380
579.         echo "    \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
580.     \t\t\t\t\t\t\t\t\t\t\t\t";
581.         // line 382
582.         echo "    \t\t\t\t\t\t\t\t\t\t\t\t";
583.         // line 383
584.         echo "    ";
585.         // line 384
586.         echo "    ";
587.         // line 385
588.         echo "    ";
589.         // line 386
590.         echo "    ";
591.         // line 387
592.         echo "    ";
593.         // line 388
594.         echo "    ";
595.         // line 389
596.         echo "    ";
597.         // line 390
598.         echo "    ";
599.         // line 391
600.         echo "    ";
601.         // line 392
602.         echo "    ";
603.         // line 393
604.         echo "    ";
605.         // line 394
606.         echo "    ";
607.         // line 395
608.         echo "    ";
609.         // line 396
610.         echo "    ";
611.         // line 397
612.         echo "    ";
613.         // line 398
614.         echo "    ";
615.         // line 399
616.         echo "    ";
617.         // line 400
618.         echo "    ";
619.         // line 401
620.         echo "    ";
621.         // line 402
622.         echo "    ";
623.         // line 403
624.         echo "    ";
625.         // line 404
626.         echo "    \t\t\t\t\t\t\t\t\t\t\t
627.     ";
628.         // line 406
629.         echo "    ";
630.         // line 407
631.         echo "    \t\t\t\t\t\t\t\t\t\t\t\t\t
632.     ";
633.         // line 409
634.         echo "    ";
635.         // line 410
636.         echo "    ";
637.         // line 411
638.         echo "    \t\t\t\t\t\t\t\t\t\t\t\t\t    
639.     ";
640.         // line 413
641.         echo "    ";
642.         // line 414
643.         echo "    ";
644.         // line 415
645.         echo "    \t\t\t\t\t\t\t\t\t\t\t\t
646.     ";
647.         // line 417
648.         echo "    ";
649.         // line 418
650.         echo "    ";
651.         // line 419
652.         echo "    
653.     
654.     ";
655.         // line 422
656.         echo "    ";
657.         // line 423
658.         echo "    ";
659.         // line 424
660.         echo "    ";
661.         // line 425
662.         echo "    ";
663.         // line 426
664.         echo "
666. ";
667.         // line 428
668.         $context['_parent'] = $context;
669.         $context['_seq'] = twig_ensure_traversable((isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 428, $this->source); })()));
670.         foreach ($context['_seq'] as $context["_key"] => $context["salle"]) {
671.             // line 429
672.             echo "    <div class=\"modal fade\" id=\"aynModal";
673.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["salle"], "id", [], "any", false, false, false, 429), "html", null, true);
674.             echo "\">
675. \t\t\t\t\t\t\t<div class=\"modal-dialog modal-lg\">
676. \t\t\t\t\t\t\t\t<div
677. \t\t\t\t\t\t\t\t\tclass=\"modal-content\">
679. \t\t\t\t\t\t\t\t\t<!-- Modal Header -->
680. \t\t\t\t\t\t\t\t\t<div class=\"modal-header\" style=\"justify-content: end;\">
681. \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>
682. \t\t\t\t\t\t\t\t\t</div>
683. \t\t\t\t\t\t\t\t\t<div class=\"container\">
684. \t\t\t\t\t\t\t\t\t\t<div class=\"row\">
686. \t\t\t\t\t\t\t\t\t\t\t 
687. \t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"font-size:25px;font-wight:bold;margin-top:5%;\">";
688.             // line 442
689.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["salle"], "name", [], "any", false, false, false, 442), "html", null, true);
690.             echo "</h2>
691. \t\t\t\t\t\t\t\t\t\t <p class=\"text-muted mt-3\"><small>";
692.             // line 443
693.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["salle"], "shortDescription", [], "any", false, false, false, 443), "html", null, true);
694.             echo "</small></p>
695. \t\t\t\t\t\t\t\t\t\t\t
696. \t\t\t\t\t\t\t\t\t\t\t
697. \t\t\t\t\t\t\t\t\t\t\t";
698.             // line 447
699.             echo "\t\t\t\t\t\t\t\t\t\t\t";
700.             // line 448
701.             echo "\t\t\t\t\t\t\t\t\t\t\t";
702.             // line 449
703.             echo "\t\t\t\t\t\t\t\t\t\t\t";
704.             // line 450
705.             echo "\t\t\t\t\t\t\t\t\t\t\t";
706.             // line 451
707.             echo "\t\t\t\t\t\t\t\t\t\t</div>
708. \t\t\t\t\t\t\t\t\t\t
709. \t\t\t\t\t\t\t\t\t\t<!-- Modal body -->
710. \t\t\t\t\t\t\t\t\t
711. \t\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">
712. \t\t\t\t\t\t\t\t\t\t    
713. \t\t\t\t\t\t\t\t\t\t   <img loading=\"lazy\" src=\"";
714.             // line 457
715.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("uploads/coworking/shop/products/" . twig_get_attribute($this->env, $this->source, $context["salle"], "image", [], "any", false, false, false, 457))), "html", null, true);
716.             echo "\"  id=\"main\">
717.                                             <div id=\"thumbnails\">
718.                                                  ";
719.             // line 459
720.             $context['_parent'] = $context;
721.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["salle"], "images", [], "any", false, false, false, 459));
722.             foreach ($context['_seq'] as $context["_key"] => $context["image"]) {
723.                 echo " 
724.                                               <img loading=\"lazy\" src=\"/uploads/coworking/detail/";
725.                 // line 460
726.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["image"], "path", [], "any", false, false, false, 460), "html", null, true);
727.                 echo "\">
728.                    
729.                                             ";
730.             }
731.             $_parent = $context['_parent'];
732.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['image'], $context['_parent'], $context['loop']);
733.             $context = array_intersect_key($context, $_parent) + $_parent;
734.             // line 463
735.             echo "                                             <img loading=\"lazy\" src=\"";
736.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("uploads/coworking/shop/products/" . twig_get_attribute($this->env, $this->source, $context["salle"], "image", [], "any", false, false, false, 463))), "html", null, true);
737.             echo "\">
738.                                             </div>
739.                                             \t\t\t\t\t\t\t\t\t\t   
740.                                             
741. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\" style=\"margin-top:5%;\">
742. \t\t\t\t\t\t\t\t\t\t\t\t";
743.             // line 469
744.             echo "\t\t\t\t\t\t\t\t\t\t\t\t";
745.             // line 470
746.             echo "\t\t\t\t\t\t\t\t\t\t\t\t";
747.             // line 471
748.             echo "\t\t\t\t\t\t\t\t\t\t\t\t";
749.             // line 472
750.             echo "\t\t\t\t\t\t\t\t\t\t\t\t";
751.             // line 473
752.             echo "\t\t\t\t\t\t\t\t\t\t\t\t\t\t 
753. \t\t\t\t\t\t\t\t\t\t\t\t";
754.             // line 475
755.             echo "\t\t\t\t\t\t\t\t\t\t\t\t";
756.             // line 476
757.             echo "\t\t\t\t\t\t\t\t\t<div class=\"col-md-12\">
758.     \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>
759.     \t\t\t\t\t\t\t\t\t\t\t\t\t<ul style=\"font-size:12px;\">
760. \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>
761. \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>
762. \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>
763. \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>
764. \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>
765. \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>
766. \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>
767. \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>
768. \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>
769. \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
770. \t\t\t\t\t\t\t\t\t\t\t\t\t 
771. \t\t\t\t\t\t\t\t\t\t\t\t\t</ul>
772.     \t\t\t\t\t\t\t\t\t\t\t\t</div>
773. \t\t\t\t\t\t\t\t\t\t\t</div>
774. \t\t\t\t\t\t\t\t\t\t\t
775. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">
776. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-12\">
777. \t\t\t\t\t\t\t\t\t\t\t\t    
778. \t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"/themes/coworking/front/images/GRILLEUPDATEDSITEMeetingRooms.pdf\" target=\"_blank\" class=\"\"  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;\">
779.     \t\t\t\t\t\t\t\t\t\t\t\t     Plus d'information
780.     \t\t\t\t\t\t\t\t\t\t\t\t</a>
781.     \t\t\t\t\t\t\t\t\t\t\t\t\t    
782. \t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"";
783.             // line 501
784.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationMeetingstep1", ["id" => twig_get_attribute($this->env, $this->source, $context["salle"], "id", [], "any", false, false, false, 501)]), "html", null, true);
785.             echo "\" id=\"btnReservation\" style=\"padding:10px; text-decoration:none; width:129px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%; margin-bottom:5%;\">
786. \t\t\t\t\t\t\t\t\t\t\t\t\t\t";
787.             // line 502
788.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\TranslationExtension']->trans("Réserver", [], "front"), "html", null, true);
789.             echo "
790. \t\t\t\t\t\t\t\t\t\t\t\t\t</a>
791. \t\t\t\t\t\t\t\t\t\t\t\t
792. \t\t\t\t\t\t\t\t\t\t\t\t</div>
793. \t\t\t\t\t\t\t\t\t\t\t</div>
794. \t\t\t\t\t\t\t\t\t\t</div>
797. \t\t\t\t\t\t\t\t\t</div>
798. \t\t\t\t\t\t\t\t</div>
799. \t\t\t\t\t\t\t</div>
800. \t\t\t\t\t\t</div>
801. ";
802.         }
803.         $_parent = $context['_parent'];
804.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['salle'], $context['_parent'], $context['loop']);
805.         $context = array_intersect_key($context, $_parent) + $_parent;
806.         // line 515
807.         echo "
809.       </div>
810.     </div>
812.   
813. ";
814.         
815.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
817.         
818.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
820.     }
822.     // line 528
823.     public function block_javascripts($context, array $blocks = [])
824.     {
825.         $macros = $this->macros;
826.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
827.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
829.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
830.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
832.         // line 529
833.         echo "  <!-- MAIN CONTENT -->
836. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
837. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
838. <script type=\"text/javascript\" src=\"chosen/chosen.jquery.min.js\"></script>
839. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js\"></script>
841.   <script>
842.        \$(document).ready(function () {
844.         
845.         
846.              
847.       \$(\"#seeDetails\").click(function(){
848.           \$(\".panel-sticky\").css('z-index','0');
849.       });
850.        \$(\".close\").click(function(){
851.           \$(\".panel-sticky\").css('z-index','9999999');
852.       });
853.       \$(\"#selectAdon\").chosen();
854.       \$('.multistep-container .form-box .button-row .next').click(function () {
855.         \$(this).parents('.form-box').fadeOut('fast')
856.         \$(this).parents('.form-box').next().fadeIn('fast')
857.       })
858.       \$('.multistep-container .form-box .button-row .previous').click(function () {
859.         \$(this).parents('.form-box').fadeOut('fast')
860.         \$(this).parents('.form-box').prev().fadeIn('fast')
861.       })
862.       
863.     
864.       
865.       \$('.ReserveNext').click(function () {
866.         \$(this).parents('.form-box').fadeOut('fast')
867.         \$(this).parents('.form-box').next().fadeIn('fast')
868.       })
869.       \$('.ReservePrevious').click(function () {
870.         \$(this).parents('.form-box').fadeOut('fast')
871.         \$(this).parents('.form-box').prev().fadeIn('fast')
872.       })
873.     
874.     
875.      
876.     
877.     
878.     
879.     
880.     
881.     
882.     /**/
883.       var stickyHeaders = (function() {
885.   var \$window = \$(window),
886.       \$stickies;
888.   var load = function(stickies) {
890.     if (typeof stickies === \"object\" && stickies instanceof jQuery && stickies.length > 0) {
892.       \$stickies = stickies.each(function() {
894.         var \$thisSticky = \$(this).wrap('<div class=\"followWrap\" />');
895.   
896.         \$thisSticky
897.             .data('originalPosition', \$thisSticky.offset().top)
898.             .data('originalHeight', \$thisSticky.outerHeight())
899.               .parent()
900.               .height(\$thisSticky.outerHeight()); \t\t\t  
901.       });
903.       \$window.off(\"scroll.stickies\").on(\"scroll.stickies\", function() {
904. \t\t  _whenScrolling();\t\t
905.       });
906.     }
907.   };
909.   var _whenScrolling = function() {
911.     \$stickies.each(function(i) {\t\t\t
913.       var \$thisSticky = \$(this),
914.           \$stickyPosition = \$thisSticky.data('originalPosition');
915.       
916.       console.log(\$thisSticky.data('num') + ' is at' + \$stickyPosition);
918.       if (\$stickyPosition <= \$window.scrollTop()) {        
919.         
920.         var \$nextSticky = \$stickies.eq(i + 1),
921.             \$nextStickyPosition = \$nextSticky.data('originalPosition') - \$thisSticky.data('originalHeight');
923.         \$thisSticky.addClass(\"fixed\");
925.         if (\$nextSticky.length > 0 && \$thisSticky.offset().top >= \$nextStickyPosition) {
927.           \$thisSticky.addClass(\"absolute\").css(\"top\", \$nextStickyPosition);
928.         }
930.       } else {
931.         
932.         var \$prevSticky = \$stickies.eq(i - 1);
934.         \$thisSticky.removeClass(\"fixed\");
936.         if (\$prevSticky.length > 0 && \$window.scrollTop() <= \$thisSticky.data('originalPosition') - \$thisSticky.data('originalHeight')) {
938.           \$prevSticky.removeClass(\"absolute\").removeAttr(\"style\");
939.         }
940.       }
941.     });
942.   };
944.   return {
945.     load: load
946.   };
947. })();
949. \$(function() {
950.   stickyHeaders.load(\$(\".followMeBar\"));
951. });
952.   </script>
953. ";
954.         
955.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
957.         
958.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
960.     }
962.     public function getTemplateName()
963.     {
964.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/meeting-room.html.twig";
965.     }
967.     public function isTraitable()
968.     {
969.         return false;
970.     }
972.     public function getDebugInfo()
973.     {
974.         return array (  833 => 529,  823 => 528,  807 => 515,  788 => 502,  784 => 501,  757 => 476,  755 => 475,  752 => 473,  750 => 472,  748 => 471,  746 => 470,  744 => 469,  735 => 463,  726 => 460,  720 => 459,  715 => 457,  707 => 451,  705 => 450,  703 => 449,  701 => 448,  699 => 447,  693 => 443,  689 => 442,  672 => 429,  668 => 428,  664 => 426,  662 => 425,  660 => 424,  658 => 423,  656 => 422,  652 => 419,  650 => 418,  648 => 417,  645 => 415,  643 => 414,  641 => 413,  638 => 411,  636 => 410,  634 => 409,  631 => 407,  629 => 406,  626 => 404,  624 => 403,  622 => 402,  620 => 401,  618 => 400,  616 => 399,  614 => 398,  612 => 397,  610 => 396,  608 => 395,  606 => 394,  604 => 393,  602 => 392,  600 => 391,  598 => 390,  596 => 389,  594 => 388,  592 => 387,  590 => 386,  588 => 385,  586 => 384,  584 => 383,  582 => 382,  579 => 380,  577 => 379,  575 => 378,  573 => 377,  571 => 376,  569 => 375,  565 => 372,  563 => 371,  561 => 370,  558 => 368,  556 => 367,  554 => 366,  552 => 365,  549 => 363,  546 => 361,  543 => 359,  541 => 358,  539 => 357,  537 => 356,  535 => 355,  533 => 354,  531 => 353,  529 => 352,  527 => 351,  525 => 350,  523 => 349,  521 => 348,  518 => 346,  516 => 345,  514 => 344,  512 => 343,  510 => 342,  508 => 341,  505 => 339,  503 => 338,  501 => 337,  499 => 336,  497 => 335,  472 => 311,  461 => 306,  459 => 305,  457 => 304,  454 => 302,  452 => 301,  450 => 300,  448 => 299,  446 => 298,  444 => 297,  442 => 296,  440 => 295,  438 => 294,  426 => 284,  418 => 279,  414 => 278,  408 => 274,  402 => 273,  397 => 271,  393 => 270,  384 => 264,  378 => 260,  376 => 259,  374 => 258,  365 => 251,  361 => 249,  357 => 248,  323 => 216,  319 => 213,  317 => 212,  315 => 211,  313 => 210,  311 => 209,  309 => 208,  307 => 207,  299 => 200,  287 => 189,  281 => 185,  265 => 172,  261 => 171,  253 => 165,  243 => 164,  79 => 9,  74 => 6,  70 => 5,  60 => 4,  37 => 1,);
975.     }
977.     public function getSourceContext()
978.     {
979.         return new Source("{% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
982.  {% block stylesheets %}
983. {{ parent() }}
984.  <link rel=\"stylesheet\" href=\"{{ asset('themes/coworking/css/reservation.css') }}\" />
985.  
986. {#<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />#}
987. <style>
988. .fs-5{
989.   font-size: 18px !important;
990. }
991. .title {
992. font-family: 'Montserrat', sans-serif;
993. font-weight:bold;
994. font-size: 12px;
995. padding-bottom: 0px;
996. margin-top: 0px;color:black;
997. }
999.   .modal-backdrop.fade.show {
1000.         display: none;
1001. }
1003. i.fa-solid.fa-users {
1004.     font-size: 24px;
1005. }
1007. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3 {
1008.     flex: 0 0 86%;
1009. }
1010. i.fa.fa-users {
1011.   font-size: 22px;
1012. }
1013.  
1014.  @media only screen and (max-width: 600px) {
1015.     
1016.       html, body {
1017.                   overflow-x: hidden  !important;
1018.                 }
1019.                 body {
1020.                   position: relative !important;
1021.                 }
1022.     
1023.      .multistep-container .active-button li {
1024.         display: inline-block;
1025.         width: 89px;
1026.      }
1028.     .multistep-container .mutistep-form-area .form-box {
1029.         position: relative;
1030.         top: 35px;
1031.     }
1032.     .col-sm-8.reservation-steeps {
1033.         padding:0px;
1034.     }
1035.     .multistep-container .active-button li:not(:first-child) .round-btn:before {
1036.             left: -114px;
1037.     }
1038.     .smlstyl{
1039.         margin-right:2%;
1040.     }
1042.     .col-sm-6 a{
1043.         margin-right:2%;
1044.     }
1045.     .panel-sticky {
1046.         padding:2px;
1047.     }
1048.     
1049.     
1050.             a#seeDetails {
1051.                 margin-bottom: -11%;
1052.             }
1053.             a#seePrice {
1054.                 float: right;
1055.                 margin-right: 22%;
1056.             }
1057.             
1058.             .col-md-4.float-right{
1059.                 margin-right: 25% !important;
1060.             }
1061.          
1062.     
1063.            
1064. }
1066. #seePrice {
1067.     font-weight: 400 !important;
1068.     width: 170px !important;
1069. }
1070. .titre-page{
1071. margin-top:10px;
1072. font-size: 20px;
1073. line-height:45.29px;
1074. color: #000000;
1075. }
1078.     .imageForMobile{
1079.         display:none;
1080.     } 
1081.     .imageForDesktop{
1082.         display:block;
1083.     }
1084.     
1086.     @media (max-width:767px) {
1087.                 
1088.         .imageForDesktop{
1089.             display:none;
1090.         } 
1091.         .imageForMobile{
1092.             display:block;
1093.         }
1094.         
1095.         .col-sm-8.reservation-steeps{
1096.                 top: 0px
1097.         }
1098.         .divCardsForMobile{
1099.             top: 0px !important;
1100.         }
1101.         .multistep-container .mutistep-form-area{
1102.             margin-top: 25px !important;
1103.         }
1104.         
1105.         
1106.         .titre-page{
1107.               padding-left: 10px;
1108.               font-size: 15px !important;
1109.               line-height: 23.29px !important;
1110.               margin-top: 0px !important;
1111.         }
1113.          .forMobile{
1114.                 margin-top: 5% !important;
1115.         }
1116.         #btnTarifs{
1117.                 padding: 5px  !important;
1118.                 font-size: 12px !important;
1119.         }
1120.         
1121.          #btnInformation{
1122.                    width: 170px !important;
1123.                     font-size: 10px !important;
1124.         }
1125.         #btnReservation{
1126.                 font-size: 10px !important;
1127.                 width: 100px!important;
1128.         }
1129.         .bureaux-desc{
1130.             padding: 15px!important;
1131.         }
1132.        
1133.         .close{
1134.           width:25px !important;
1135.       }
1136.         
1137.       }
1138.     
1139. </style>
1140.   
1141. {% endblock  %}
1142.  {% block body %}
1143.  
1145.  
1146.  
1148.  
1149.   <img loading=\"lazy\" src=\"{{asset('themes/coworking/front/images/background_SALLEDEREU.png')}}\" style=\"width: 100%;height: 520px;\" class=\"img-fluid imageForDesktop\" />
1150.       <img loading=\"lazy\" src=\"{{asset('uploads/front-images/bgSalle-reunionMobile.png')}}\" style=\"width: 100%;\" class=\"img-fluid imageForMobile\" />
1151.   
1154.   <div class=\"container\">
1155.     <div class=\"row\">
1157.       
1158.       <div class=\"col-sm-8 reservation-steeps\" style=\"overflow: hidden;\">
1160.            <div class=\"row\">
1161.                 <div class=\"forMobile\" style=\"display: inline-flex;\">
1162.                   <div class=\"col-sm-6\">
1163.                     <h6 class=\"titre-page\">{{ \"Réservation Salles de réunion\"|trans({},\"front\") }}</h6>
1164.                   </div>
1165.                   <div class=\"col-sm-6\" >
1166.                     {#<a href=\"/themes/coworking/front/images/prixSalles.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>#}
1167.                   
1168.                    <a href=\"/themes/coworking/front/images/GRILLEUPDATEDSITEMeetingRooms.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>
1169.                   
1170.                   
1171.                   </div>
1172.                 </div>
1173.             </div>
1174.         
1175.        
1177.         {#  #}
1178.         <div class=\"container\">
1179.           <div class=\"row\">
1181.              <div class=\"container d-flex justify-content-center align-items-center\">
1182.          
1183.          
1184.     {#      <ul id=\"progressbar\">#}
1185. \t\t\t\t{#\t<li class=\"active\"> #}
1186.     {#         <span> Etape 1 : <br> Choix de Salle </span>#}
1187.     {#         </li>#}
1188. \t\t\t\t{#\t<li  ></li>#}
1189. \t\t\t\t{#\t<li> </li>#}
1190. \t\t\t\t{#\t\t<li> </li>#}
1191.            
1192.           
1193. \t\t\t\t{#</ul>#}
1194.         </div>
1196.             <div class=\"col-xl-12 divCardsForMobile\" style=\"top: 60px;\" >
1197.               <div class=\"multistep-container\">
1198.                 <div class=\"mutistep-form-area\">
1199.                   <!--  -->
1200.                      <!--  <div class=\"form-box\">
1201.                    
1202.                     <ul class=\"active-button\">
1203.                       <li class=\"active\">
1204.                         <span class=\"round-btn\">1</span>
1205.                       </li>
1206.                       <li>
1207.                         <span class=\"round-btn\">2</span>
1208.                       </li>
1209.                       <li>
1210.                         <span class=\"round-btn\">3</span>
1211.                       </li>
1212.                     </ul>
1213.                     <!--  -->
1214.                   
1215.                        
1216.                             <div class=\"container\" style=\"margin-top:40px;\">
1218.                     
1220.                                 <div class=\"panel\">
1221.                                    
1222.                                      
1223.                                  
1224.                                       
1226.                                              {% for salle in products   %}
1227.                                           <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);\">
1228.                                             <div class=\"col-md-6 col-lg-6 col-sm-12\">
1229.                                               <img loading=\"lazy\" class=\"img-fluid\" src=\"{{ asset('uploads/coworking/shop/products/' ~ salle.image) }}\" style=\"width:100%; border-radius:6px;margin-top: 10px;\" />
1230.                                             </div>
1231.                 
1232.                                             <div class=\"bureaux-desc col-md-6 col-lg-6 col-sm-12 mt-3\" style=\"font-family:'Roboto',sans-serif; line-height:24px;\">
1233.                                               <div>
1234.                                                    <div style=\"float: right;\">
1235.                                                  {#{% if salle.valueReduction %}#}
1236.                                                  {#<b style=\"color: black;\">{{ salle.valueReduction }} </b>#}
1237.                                                  {#{% endif %}#}
1238.                                                  <i class=\"fa fa-users\" style=\"color:black;font-size: 15px;color: black;\"></i> 
1239.                                                    </div>
1240.                                                
1241.                                                
1242.                                                 <p class=\"fs-5 title\" >{{ salle.name }}</p>
1243.                                                 <small style=\" font-family: 'Montserrat', sans-serif;
1244.     font-weight: 600;
1245.     font-size: 12px;
1246.     padding-bottom: 0px;
1247.     margin-top: 0px;
1248.     color: black;\">Capacité maximum {{ salle.valueReduction }}</small>
1249.                                                            <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> {{salle.price}}* MAD TTC / 
1250.                                                            
1251.                                                         {% if salle.price < 121 %} Heure {% else %} Demi-journée {% endif  %}
1252.                                                            
1253.                                                            </a>
1254.                                                        <br><br><br><br>
1255.                                                       
1256.                                                         <a  href=\"#\" data-toggle=\"modal\" id=\"seeDetails\" data-target=\"#aynModal{{ salle.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>
1257.                                                        <a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"{{path(\"reservationMeetingstep1\",{id:salle.id})}}\" style=\"padding:10px; text-decoration:none; width:129px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%; margin-bottom:5%;\"> Réserver </a>
1258.                                                         
1259.                                                <span class=\"title\" style=\"float: right;text-align: center;\" > </span>
1260.                                            
1261.                                                 <div style=\"color:rgba(107, 111, 123, 1); line-height:20px; font-size:13px; font-weight:400;\">
1262.                                                   <!--<p style=\"padding-top: 0px;\">{{ salle.description }}</p>-->
1263.                                                  
1264.                                                 </div>
1265.                                               </div>
1266.                                             </div>
1267.                 
1268.                                              <div class=\"col-md-12 col-lg-12 col-sm-12 d-flex justify-content-end align-items-end mb-3\">
1269.                                                
1270.                                                  <div class=\"row\">
1271.                                                         {#<div class=\"col-md-4\">#}
1272.                                                         {#   <a class=\"float-right\" href=\"#\"  id=\"seePrice\" style=\"padding-top: 10px;padding-right: 10px;text-decoration:none;font-size:13px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;color: #020202;font-weight: 800;\">*À partir de<br> {{salle.price}} MAD TTC / J</a>#}
1273.                                                         {#</div> #}
1274.                                                         {# <div class=\"col-md-4\">#}
1275.                                                         {#   <a class=\"float-right\" href=\"#\" data-toggle=\"modal\" id=\"seeDetails\" data-target=\"#aynModal{{ salle.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;font-weight: 800;\"><u>{{ \"Voir Details\"|trans({},\"front\") }}</u></a>#}
1276.                                                         {#</div> #}
1277.                                                         {# <div class=\"col-md-4\">#}
1278.                                                         {#   <a href=\"{{path(\"reservationMeetingstep1\",{id:salle.id})}}\"  class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext_\"   style=\"padding:10px; text-decoration:none; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Réserver</a>#}
1279.                                                         {#</div> #}
1280.                                                         
1281.                                                         {# <div class=\"col-md-4\">#}
1282.                                                         {#    <a href=\"{{path(\"confirmation_reservation_room\")}}\" 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\"|trans({},\"front\") }}</a>#}
1283.                                                         {#</div> #}
1284.                                                 </div>
1285.                                             </div>
1286.                                           </div>
1287.                                   
1288.                                    
1289.                                 {% endfor %} 
1290.                                 </div>
1291.                                 
1293.                             </div>
1294.                             
1295.                            
1296.                      
1297.  
1298.                     </form>
1299.                   </div>
1300.                   <!--  -->
1302.                   
1304.                  
1305.                   <!--  -->
1306.                 </div>
1307.               </div>
1308.             </div>
1309.           </div>
1310.         </div>
1311.         
1312.     {# {% for salle in products %}#}
1313.     {#    <div class=\"modal fade\" id=\"aynModal{{salle.id}}\">#}
1314.     {#\t\t\t\t\t\t\t<div class=\"modal-dialog modal-lg\">#}
1315.     {#\t\t\t\t\t\t\t\t<div#}
1316.     {#\t\t\t\t\t\t\t\t\tclass=\"modal-content\">#}
1317.     
1318.     {#\t\t\t\t\t\t\t\t\t<!-- Modal Header -->#}
1319.     {#\t\t\t\t\t\t\t\t\t<div class=\"modal-header\" style=\"justify-content: end;\">#}
1320.     {#\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>#}
1321.     {#\t\t\t\t\t\t\t\t\t</div>#}
1322.     {#\t\t\t\t\t\t\t\t\t<div class=\"container\">#}
1323.     {#\t\t\t\t\t\t\t\t\t\t<div class=\"row\">#}
1324.     
1325.     {#\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">#}
1326.     {#\t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"font-size:25px;font-wight:bold;margin-top:5%;\">{{salle.name}}</h2>#}
1327.     {#\t\t\t\t\t\t\t\t\t\t\t</div>#}
1328.     {#\t\t\t\t\t\t\t\t\t\t\t<small>#}
1329.     {#\t\t\t\t\t\t\t\t\t\t\t{{salle.shortDescription}}    #}
1330.     {#\t\t\t\t\t\t\t\t\t\t\t</small>#}
1331.     \t\t\t\t\t\t\t\t\t\t\t{#<div class=\"col-sm-6\">#}
1332.     \t\t\t\t\t\t\t\t\t\t\t{#\t<a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"#\" style=\"padding:10px; text-decoration:none; width:129px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%;\">#}
1333.     \t\t\t\t\t\t\t\t\t\t\t{#\t\tRéserver#}
1334.     \t\t\t\t\t\t\t\t\t\t\t{#\t</a>#}
1335.     \t\t\t\t\t\t\t\t\t\t\t{#</div>#}
1336.     {#\t\t\t\t\t\t\t\t\t\t</div>#}
1337.     \t\t\t\t\t\t\t\t\t\t
1338.     {#\t\t\t\t\t\t\t\t\t\t<!-- Modal body -->#}
1339.     \t\t\t\t\t\t\t\t\t
1340.     {#\t\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">#}
1341.     \t\t\t\t\t\t\t\t\t\t    
1342.     {#\t\t\t\t\t\t\t\t\t\t   <img loading=\"lazy\" src=\"{{ asset('uploads/coworking/shop/products/' ~ salle.image) }}\"  id=\"main\">#}
1343.     {#                                            <div id=\"thumbnails\">#}
1344.     {#                                                 {% for image in salle.images  %} #}
1345.     {#                                              <img loading=\"lazy\" src=\"/uploads/coworking/detail/{{image.path}}\">#}
1346.                        
1347.     {#                                            {% endfor %}#}
1348.     {#                                              <img loading=\"lazy\" src=\"{{ asset('uploads/coworking/shop/products/' ~ salle.image) }}\">#}
1349.     {#                                            </div>#}
1350.     \t\t\t\t\t\t\t\t\t\t   
1351.     
1352.     {#\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\" style=\"margin-top:5%;\">#}
1353.     \t\t\t\t\t\t\t\t\t\t\t\t{#<div class=\"col-sm-6\">#}
1354.     \t\t\t\t\t\t\t\t\t\t\t\t{#\t<p class=\"m-1 fs-6\" style=\"font-weight:bold;\">#}
1355.     \t\t\t\t\t\t\t\t\t\t\t\t{#\t\tÉquipements</p>#}
1356.     \t\t\t\t\t\t\t\t\t\t\t\t{#\t<ul style=\"font-size:12px;\">#}
1357.     \t\t\t\t\t\t\t\t\t\t\t\t{#\t\t<li>{{ salle.description|nl2br|raw }}</li>#}
1358.     \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
1359.     \t\t\t\t\t\t\t\t\t\t\t\t{#\t</ul>#}
1360.     \t\t\t\t\t\t\t\t\t\t\t\t{#</div>#}
1361.     {#\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-6\">#}
1362.     {#\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>#}
1363.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t<ul style=\"font-size:12px;\">#}
1364.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>Accès internet wifi haut débit ( Gratuit )</li>#}
1365.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Accès internet par cable</li>#}
1366.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Parking</li>#}
1367.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Restaurants</li>#}
1368.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Fitness et vestiaires</li>#}
1369.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Espace gaming</li>#}
1370.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Nap room</li>#}
1371.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Centre de beauté</li>#}
1372.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Espace kitchenette</li>#}
1373.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Salle de réunion#}
1374.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>#}
1375.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Free work</li>#}
1376.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Photocopie#}
1377.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t</li>#}
1378.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"souligne\">Secrétariat</li>#}
1379.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t</ul>#}
1380.     {#\t\t\t\t\t\t\t\t\t\t\t\t</div>#}
1381.     {#\t\t\t\t\t\t\t\t\t\t\t</div>#}
1382.     \t\t\t\t\t\t\t\t\t\t\t
1383.     {#\t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">#}
1384.     {#\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-12\">#}
1385.     \t\t\t\t\t\t\t\t\t\t\t\t\t
1386.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t    \t<a href=\"/themes/coworking/front/images/prixSalles.pdf\" target=\"_blank\" class=\"\"  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;\">#}
1387.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t    Plus d'information#}
1388.     {#\t\t\t\t\t\t\t\t\t\t\t\t\t\t    </a>#}
1389.     \t\t\t\t\t\t\t\t\t\t\t\t\t    
1390.     {#    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"{{path(\"reservationMeetingstep1\",{id:salle.id})}}\" id=\"btnReservation\" style=\"padding:10px; text-decoration:none; width:129px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%; margin-bottom:5%;\">#}
1391.     {#    \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{{ \"Réserver\"|trans({},\"front\") }}#}
1392.     {#    \t\t\t\t\t\t\t\t\t\t\t\t\t\t</a>#}
1393.     \t\t\t\t\t\t\t\t\t\t\t\t
1394.     {#\t\t\t\t\t\t\t\t\t\t\t\t</div>#}
1395.     {#\t\t\t\t\t\t\t\t\t\t\t</div>#}
1396.     {#\t\t\t\t\t\t\t\t\t\t</div>#}
1397.     
1398.     
1399.     {#\t\t\t\t\t\t\t\t\t</div>#}
1400.     {#\t\t\t\t\t\t\t\t</div>#}
1401.     {#\t\t\t\t\t\t\t</div>#}
1402.     {#\t\t\t\t\t\t</div>#}
1403.     {#{%  endfor  %}#}
1406. {% for salle in products %}
1407.     <div class=\"modal fade\" id=\"aynModal{{salle.id}}\">
1408. \t\t\t\t\t\t\t<div class=\"modal-dialog modal-lg\">
1409. \t\t\t\t\t\t\t\t<div
1410. \t\t\t\t\t\t\t\t\tclass=\"modal-content\">
1412. \t\t\t\t\t\t\t\t\t<!-- Modal Header -->
1413. \t\t\t\t\t\t\t\t\t<div class=\"modal-header\" style=\"justify-content: end;\">
1414. \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>
1415. \t\t\t\t\t\t\t\t\t</div>
1416. \t\t\t\t\t\t\t\t\t<div class=\"container\">
1417. \t\t\t\t\t\t\t\t\t\t<div class=\"row\">
1419. \t\t\t\t\t\t\t\t\t\t\t 
1420. \t\t\t\t\t\t\t\t\t\t\t\t<h2 style=\"font-size:25px;font-wight:bold;margin-top:5%;\">{{salle.name}}</h2>
1421. \t\t\t\t\t\t\t\t\t\t <p class=\"text-muted mt-3\"><small>{{ salle.shortDescription }}</small></p>
1422. \t\t\t\t\t\t\t\t\t\t\t
1423. \t\t\t\t\t\t\t\t\t\t\t
1424. \t\t\t\t\t\t\t\t\t\t\t{#<div class=\"col-sm-6\">#}
1425. \t\t\t\t\t\t\t\t\t\t\t{#\t<a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"#\" style=\"padding:10px; text-decoration:none; width:129px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%;\">#}
1426. \t\t\t\t\t\t\t\t\t\t\t{#\t\tRéserver#}
1427. \t\t\t\t\t\t\t\t\t\t\t{#\t</a>#}
1428. \t\t\t\t\t\t\t\t\t\t\t{#</div>#}
1429. \t\t\t\t\t\t\t\t\t\t</div>
1430. \t\t\t\t\t\t\t\t\t\t
1431. \t\t\t\t\t\t\t\t\t\t<!-- Modal body -->
1432. \t\t\t\t\t\t\t\t\t
1433. \t\t\t\t\t\t\t\t\t\t<div class=\"modal-body\">
1434. \t\t\t\t\t\t\t\t\t\t    
1435. \t\t\t\t\t\t\t\t\t\t   <img loading=\"lazy\" src=\"{{ asset('uploads/coworking/shop/products/' ~ salle.image) }}\"  id=\"main\">
1436.                                             <div id=\"thumbnails\">
1437.                                                  {% for image in salle.images  %} 
1438.                                               <img loading=\"lazy\" src=\"/uploads/coworking/detail/{{image.path}}\">
1439.                    
1440.                                             {% endfor %}
1441.                                              <img loading=\"lazy\" src=\"{{ asset('uploads/coworking/shop/products/' ~ salle.image) }}\">
1442.                                             </div>
1443.                                             \t\t\t\t\t\t\t\t\t\t   
1444.                                             
1445. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\" style=\"margin-top:5%;\">
1446. \t\t\t\t\t\t\t\t\t\t\t\t{#<div class=\"col-sm-6\">#}
1447. \t\t\t\t\t\t\t\t\t\t\t\t{#\t<p class=\"m-1 fs-6\" style=\"font-weight:bold;\">#}
1448. \t\t\t\t\t\t\t\t\t\t\t\t{#\t\tÉquipements</p>#}
1449. \t\t\t\t\t\t\t\t\t\t\t\t{#\t<ul style=\"font-size:12px;\">#}
1450. \t\t\t\t\t\t\t\t\t\t\t\t{#\t\t<li>{{ freework.description|nl2br|raw }}</li>#}
1451. \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
1452. \t\t\t\t\t\t\t\t\t\t\t\t{#\t</ul>#}
1453. \t\t\t\t\t\t\t\t\t\t\t\t{#</div>#}
1454. \t\t\t\t\t\t\t\t\t<div class=\"col-md-12\">
1455.     \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>
1456.     \t\t\t\t\t\t\t\t\t\t\t\t\t<ul style=\"font-size:12px;\">
1457. \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>
1458. \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>
1459. \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>
1460. \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>
1461. \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>
1462. \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>
1463. \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>
1464. \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>
1465. \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>
1466. \t\t\t\t\t\t\t\t\t\t\t\t\t\t 
1467. \t\t\t\t\t\t\t\t\t\t\t\t\t 
1468. \t\t\t\t\t\t\t\t\t\t\t\t\t</ul>
1469.     \t\t\t\t\t\t\t\t\t\t\t\t</div>
1470. \t\t\t\t\t\t\t\t\t\t\t</div>
1471. \t\t\t\t\t\t\t\t\t\t\t
1472. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">
1473. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-sm-12\">
1474. \t\t\t\t\t\t\t\t\t\t\t\t    
1475. \t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"/themes/coworking/front/images/GRILLEUPDATEDSITEMeetingRooms.pdf\" target=\"_blank\" class=\"\"  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;\">
1476.     \t\t\t\t\t\t\t\t\t\t\t\t     Plus d'information
1477.     \t\t\t\t\t\t\t\t\t\t\t\t</a>
1478.     \t\t\t\t\t\t\t\t\t\t\t\t\t    
1479. \t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"btn-res text-center text-light text-uppercase bg-dark\" href=\"{{path(\"reservationMeetingstep1\",{id:salle.id})}}\" id=\"btnReservation\" style=\"padding:10px; text-decoration:none; width:129px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;float:right;margin-top:5%; margin-bottom:5%;\">
1480. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{{ \"Réserver\"|trans({},\"front\") }}
1481. \t\t\t\t\t\t\t\t\t\t\t\t\t</a>
1482. \t\t\t\t\t\t\t\t\t\t\t\t
1483. \t\t\t\t\t\t\t\t\t\t\t\t</div>
1484. \t\t\t\t\t\t\t\t\t\t\t</div>
1485. \t\t\t\t\t\t\t\t\t\t</div>
1488. \t\t\t\t\t\t\t\t\t</div>
1489. \t\t\t\t\t\t\t\t</div>
1490. \t\t\t\t\t\t\t</div>
1491. \t\t\t\t\t\t</div>
1492. {%  endfor  %}
1495.       </div>
1496.     </div>
1498.   
1499. {% endblock %}
1506. {% block javascripts %}
1507.   <!-- MAIN CONTENT -->
1510. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
1511. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
1512. <script type=\"text/javascript\" src=\"chosen/chosen.jquery.min.js\"></script>
1513. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.jquery.js\"></script>
1515.   <script>
1516.        \$(document).ready(function () {
1518.         
1519.         
1520.              
1521.       \$(\"#seeDetails\").click(function(){
1522.           \$(\".panel-sticky\").css('z-index','0');
1523.       });
1524.        \$(\".close\").click(function(){
1525.           \$(\".panel-sticky\").css('z-index','9999999');
1526.       });
1527.       \$(\"#selectAdon\").chosen();
1528.       \$('.multistep-container .form-box .button-row .next').click(function () {
1529.         \$(this).parents('.form-box').fadeOut('fast')
1530.         \$(this).parents('.form-box').next().fadeIn('fast')
1531.       })
1532.       \$('.multistep-container .form-box .button-row .previous').click(function () {
1533.         \$(this).parents('.form-box').fadeOut('fast')
1534.         \$(this).parents('.form-box').prev().fadeIn('fast')
1535.       })
1536.       
1537.     
1538.       
1539.       \$('.ReserveNext').click(function () {
1540.         \$(this).parents('.form-box').fadeOut('fast')
1541.         \$(this).parents('.form-box').next().fadeIn('fast')
1542.       })
1543.       \$('.ReservePrevious').click(function () {
1544.         \$(this).parents('.form-box').fadeOut('fast')
1545.         \$(this).parents('.form-box').prev().fadeIn('fast')
1546.       })
1547.     
1548.     
1549.      
1550.     
1551.     
1552.     
1553.     
1554.     
1555.     
1556.     /**/
1557.       var stickyHeaders = (function() {
1559.   var \$window = \$(window),
1560.       \$stickies;
1562.   var load = function(stickies) {
1564.     if (typeof stickies === \"object\" && stickies instanceof jQuery && stickies.length > 0) {
1566.       \$stickies = stickies.each(function() {
1568.         var \$thisSticky = \$(this).wrap('<div class=\"followWrap\" />');
1569.   
1570.         \$thisSticky
1571.             .data('originalPosition', \$thisSticky.offset().top)
1572.             .data('originalHeight', \$thisSticky.outerHeight())
1573.               .parent()
1574.               .height(\$thisSticky.outerHeight()); \t\t\t  
1575.       });
1577.       \$window.off(\"scroll.stickies\").on(\"scroll.stickies\", function() {
1578. \t\t  _whenScrolling();\t\t
1579.       });
1580.     }
1581.   };
1583.   var _whenScrolling = function() {
1585.     \$stickies.each(function(i) {\t\t\t
1587.       var \$thisSticky = \$(this),
1588.           \$stickyPosition = \$thisSticky.data('originalPosition');
1589.       
1590.       console.log(\$thisSticky.data('num') + ' is at' + \$stickyPosition);
1592.       if (\$stickyPosition <= \$window.scrollTop()) {        
1593.         
1594.         var \$nextSticky = \$stickies.eq(i + 1),
1595.             \$nextStickyPosition = \$nextSticky.data('originalPosition') - \$thisSticky.data('originalHeight');
1597.         \$thisSticky.addClass(\"fixed\");
1599.         if (\$nextSticky.length > 0 && \$thisSticky.offset().top >= \$nextStickyPosition) {
1601.           \$thisSticky.addClass(\"absolute\").css(\"top\", \$nextStickyPosition);
1602.         }
1604.       } else {
1605.         
1606.         var \$prevSticky = \$stickies.eq(i - 1);
1608.         \$thisSticky.removeClass(\"fixed\");
1610.         if (\$prevSticky.length > 0 && \$window.scrollTop() <= \$thisSticky.data('originalPosition') - \$thisSticky.data('originalHeight')) {
1612.           \$prevSticky.removeClass(\"absolute\").removeAttr(\"style\");
1613.         }
1614.       }
1615.     });
1616.   };
1618.   return {
1619.     load: load
1620.   };
1621. })();
1623. \$(function() {
1624.   stickyHeaders.load(\$(\".followMeBar\"));
1625. });
1626.   </script>
1627. {% endblock %}
1629. ", "@Flexy/FrontBundle/Themes/CoWorking/templates/pages/meeting-room.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/pages/meeting-room.html.twig");
1630.     }
1631. }