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/reservation/reservation-meeting-next.html.twig */
16. class __TwigTemplate_7e10855682bab7f9cdf40c45e5ea7b11 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/reservation/reservation-meeting-next.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/reservation/reservation-meeting-next.html.twig"));
49.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-meeting-next.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.  
73.  <link rel=\"stylesheet\" href=\"";
74.         // line 7
75.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/css/reservation.css"), "html", null, true);
76.         echo "\" />
77.  
78. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />
80.  <style>
81.  
82.  .card{
83.    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px ;
84. }
86. .custom-tooltip .tooltip-inner {
87.     background-color: #fff; /* Remplacez #ff0000 par la couleur de votre choix */
88.     text-align: left;
89.     color: #000; /* Couleur du texte à l'intérieur de l'info-bulle */
90. }
91. /* Tooltip */
92. .tooltip {
93.     background-color: #fff; /* Couleur de fond */
94.     color: #fff; /* Couleur du texte */
95.     border: 1px solid #fff; /* Bordure */
96.     border-radius: 4px; /* Coins arrondis */
97.     padding: 5px 10px; /* Espacement intérieur */
98.     font-size: 13px; /* Taille de la police */
99.     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Ombre */
100. }
103. /* Tooltip - flèche */
104. .tooltip .arrow::before {
105.     border-top-color: #fff; /* Couleur de fond */
106. }
108. /* Tooltip - position */
109. .tooltip.top {
110.     margin-top: -3px; /* Positionnement par rapport à l'élément parent */
111. }
113.  .menu {
114.   display: flex;
115.   justify-content: space-around;
116. }
118. h5 {
119.     color: #7b7b7b !important;
120. }
122. .category {
123.   flex: 1;
124.   margin: 0 10px;
125.   border: 1px solid #ccc;
126.   border-radius: 5px;
127.   padding: 10px;
128. }
130. h2 {
131.   font-size: 13px;
132.   margin-bottom: 5px;
133.   padding: 5px;
134. }
136. .menu .category ul {
137.   list-style-type: none;
138.   padding: 0;
139. }
141. .menu .category   li {
142.   margin-bottom: 5px;
143.  
144.   font-size: 12px; /* Taille de police légèrement augmentée */
145. }
147. /* Style additionnel pour un meilleur aspect */
148. .menu {
149.   background-color: #f9f9f9;
150.   padding: 20px;
151.   border-radius: 10px;
152. }
154. .category {
155.   background-color: #fff;
156.   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
157. }
159. .list-group li {
160.   font-size: 11px;
161.     color: #333;
162.  
163. }
165. /* Ajout de styles de survol pour un effet interactif */
166. .list-group li:hover {
167.   color: #FFCB00 !important; /* Changement de couleur au survol */
168.   cursor: pointer; /* Curseur de la souris en pointeur */
169. }
171. /* Animation de survol */
172. .list-group li:hover {
173.   transform: scale(1.1); /* Agrandissement au survol */
174.   transition: transform 0.2s ease; /* Transition fluide */
175. }
179. .form-control {
180.     border-radius: 9px;
181.      padding: 0px !important
182. }
184.   .form-check {
185.  
186.     min-height: 1.9rem !important;
187.     }
189.   .modal-backdrop.fade.show {
190.         display: none;
191. }
192.  
193.  
194. /* css checkbox*/
196. /* hide checkbox */
197. input[type=\"checkbox\"] {
198.   display: none;
199. }
201. /* if checkbox is checked, then do these things */
202. input[type=\"checkbox\"]:checked + label {
203.   color: white;
204.   background:#FFD86E;
205.   border-radius: 5px;
206.   padding: 0px 10px 0px 10px;
207. }
209. /* styles when hovering over options */
210. label:hover {
212.   cursor: pointer;
213.   
214.   /* transitions and animations */
215.   -webkit-transition: color .5s ease;
216.   -moz-transition: color .5s ease;
217.   -ms-transition: color .5s ease;
218.   -o-transition: color .5s ease;
219.   transition: color .5s ease;
220. }
221. .boutton-step{
222.   padding:10px; 
223.   text-decoration:none; 
224.   width:230px; 
225.    font-size: 12px;
226.     font-family: 'PT Sans', sans-serif;
227.     letter-spacing:2px;
228. }
229.   
230. input.button {
231.   
232. \twidth:130px;
233. \theight:50px;
234. \tmargin: 20px 0 30px 0;
235. \tpadding: 0px 20px 0px 20px;
236. \tbackground: #e6e6e6;
237. \tborder-radius:5px;
238. \tborder: 1px solid #ccc;
240. \tfont-family: OpenSans, sans-serif;
241. \tfont-size:16pt;
242. \tcolor:#444;
243. }
245. .Addons label{
246.     font-size:12px !important;
247.     font-family: 'roboto';
248.     font-weight: 500;
249.     border: 1px solid #80808024;
250.     margin: 2px;
251.     padding: 0px 5px 0px 5px;
252.     border-radius: 5px;
253. }
254. .multistep-container .active-button li:not(:first-child) .round-btn:before {
255.     position: absolute;
256.     content: '';
257.     width: 141px;
258.     height: 3px;
259.     background-color: #E9F2FA;
260.     left: -120px;
261. }
264. .multistep-container .active-button li {
265.     display: inline-block;
266.     width: 140px;
267. }
269. .form-check {
270.     line-height: 22px;
271. }   
273. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3{
274.         flex: 0 0 86%;
275. }
277.  p.badge.badge-light {
278.     background-color: black;
279. }
280.     
281.      li.etape1:before {
282.     background: #7ED670 !important; /* Change the background color */
283.     color: white !important;
284. }
286.   .titre-page{
287. margin-top:10px;
288. font-size: 20px;
289. line-height:45.29px;
290. color: #000000;
291. } 
293. .radio-buttons {
294.   display: flex;
295. }
297. .radio-buttons input[type=\"radio\"] {
298.   display: none;
299. }
301. .radio-buttons label {
302.   display: block;
303.   margin-right: 40px;
304.   cursor: pointer;
305. }
307. .radio-buttons label img {
308.   border-radius: 10px;
309.   width: 100px;  
310.   height: 110px;  
311.   box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
313. }
314. .radio-buttons input[type=\"radio\"]:checked + label img {
315.   border: 2px solid #FFCB00 ; /* Style pour indiquer la sélection, vous pouvez personnaliser */
316. }
317.  
318.   .form-select{
319.     width: 100% !important;
320.   }
322.    .custom-radio {
323.       padding-right: 20px; /* Ajoutez le padding ici */
324.     }
328.  
329. </style>
331.   
333.   
334. ";
335.         
336.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
338.         
339.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
341.     }
343.     // line 266
344.     public function block_body($context, array $blocks = [])
345.     {
346.         $macros = $this->macros;
347.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
348.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
350.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
351.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
353.         // line 267
354.         echo " 
356.  
357.  
359.  
360.   <img src=\"";
361.         // line 273
362.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/sallereunion.jpg"), "html", null, true);
363.         echo "\" style=\"width: 100%;height: 520px;\" class=\"img-fluid\" />
364.   <div class=\"container\">
365.     <div class=\"row justify-content-between\">
366.       <div class=\"col-sm-8 reservation-steeps\">
367.        
368.        <div class=\"row\">
369.           <div class=\"col-sm-8\">
370.             <h6 class=\"titre-page\">Réservation 
371.                 
373.             </h6>
374.           </div>
375.           <div class=\"col-sm-4\" style=\"margin-top:10px;\">
376.             <a href=\"/themes/coworking/front/images/prixSalles.pdf\" class=\"btn-res text-center text-light text-uppercase bg-dark\" style=\"float: right;padding: 8px;border-radius: 6px;font-size:13px;\" target=\"_blank\"> NOS TARIFS</a>
377.           </div>
378.         </div>
379.        
380.        
381.         <div class=\"container\">
382.          
383.               
384.                    
385.   <div class=\"container d-flex justify-content-center align-items-center\">
386.          
387.          
388.           <ul id=\"progressbar\">
389. \t\t <li class=\"etape1\"> <span> Type</span>  </li>
390. \t\t<li class=\"active\" > Formule + extra </li>
391. \t\t<li> Dates</li>
392. \t\t<li> Confirmation</li>
393.            
394.           
395. \t\t\t\t</ul>
396.         </div>
397.             
398.             <div class=\"col-xl-12\" style=\"top: 20px;\">
399.               
400.               <div class=\"multistep-container\">
401.                 <div class=\"mutistep-form-area\">
402.                     
403.                  
404.                   <div class=\"form-box\">
405.                 
406.                     
407.                  
408.                        
409.                             <div class=\"container\" >
411.                   
412.               
413.                
414.                  <div id=\"form-attribue\" style=\"line-height: 20px;\" class=\"mt-4\"> 
415.              
416.           <div class=\"form-check\">
417.         <input class=\"form-check-input\" type=\"radio\" name=\"choix\" id=\"repas_demande\" value=\"repas\">
418.         <label class=\"form-check-label\" for=\"repas_demande\">
419.          <h5 style=\"font-weight:bold; margin-top: 2px;\" >Voulez-vous choisir un extra ?</h5>
420.          
421.         </label>
422.       </div>
423.    <div class=\"container\">
424.   <div class=\"row\">
425.       <div class=\"col-md-4\">
426.          
427.       <div class=\"card\">
428.           ";
429.         // line 338
430.         $context['_parent'] = $context;
431.         $context['_seq'] = twig_ensure_traversable((isset($context["breakfast"]) || array_key_exists("breakfast", $context) ? $context["breakfast"] : (function () { throw new RuntimeError('Variable "breakfast" does not exist.', 338, $this->source); })()));
432.         foreach ($context['_seq'] as $context["_key"] => $context["break"]) {
433.             // line 339
434.             echo "         ";
435.             if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["break"], "photo", [], "any", false, false, false, 339))) {
436.                 // line 340
437.                 echo "        <img style=\"widh:100%\"  src=\"";
438.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("/uploads/coworking/" . twig_get_attribute($this->env, $this->source, $context["break"], "photo", [], "any", false, false, false, 340))), "html", null, true);
439.                 echo "\" class=\"card-img-top\" alt=\"Breakfast Image\">
440.             ";
441.             }
442.             // line 342
443.             echo "                 ";
444.         }
445.         $_parent = $context['_parent'];
446.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['break'], $context['_parent'], $context['loop']);
447.         $context = array_intersect_key($context, $_parent) + $_parent;
448.         // line 343
449.         echo "                <div  >
450.        
451.           <ul class=\"list-group\">
452.             ";
453.         // line 346
454.         $context['_parent'] = $context;
455.         $context['_seq'] = twig_ensure_traversable((isset($context["breakfast"]) || array_key_exists("breakfast", $context) ? $context["breakfast"] : (function () { throw new RuntimeError('Variable "breakfast" does not exist.', 346, $this->source); })()));
456.         foreach ($context['_seq'] as $context["_key"] => $context["break"]) {
457.             // line 347
458.             echo "            <li class=\"list-group-item\" data-placement=\"top\" data-toggle=\"tooltip\" title=\"<b>";
459.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["break"], "type", [], "any", false, false, false, 347), "html", null, true);
460.             echo "</b><br>";
461.             echo twig_nl2br(twig_get_attribute($this->env, $this->source, $context["break"], "description", [], "any", false, false, false, 347));
462.             echo "\"> ";
463.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["break"], "name", [], "any", false, false, false, 347), "html", null, true);
464.             echo "</li>
465.              ";
466.         }
467.         $_parent = $context['_parent'];
468.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['break'], $context['_parent'], $context['loop']);
469.         $context = array_intersect_key($context, $_parent) + $_parent;
470.         // line 349
471.         echo "          </ul>
472.         </div>
473.       </div>
474.     </div>
476.     <div class=\"col-md-4\">
477.        <div class=\"card\">
478.              ";
479.         // line 356
480.         $context['_parent'] = $context;
481.         $context['_seq'] = twig_ensure_traversable((isset($context["lunch"]) || array_key_exists("lunch", $context) ? $context["lunch"] : (function () { throw new RuntimeError('Variable "lunch" does not exist.', 356, $this->source); })()));
482.         foreach ($context['_seq'] as $context["_key"] => $context["lun"]) {
483.             // line 357
484.             echo "         ";
485.             if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["lun"], "photo", [], "any", false, false, false, 357))) {
486.                 // line 358
487.                 echo "        <img style=\"widh:100%\" src=\"";
488.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("/uploads/coworking/" . twig_get_attribute($this->env, $this->source, $context["lun"], "photo", [], "any", false, false, false, 358))), "html", null, true);
489.                 echo "\" class=\"card-img-top\" alt=\"Lunch Image\">
490.          ";
491.             }
492.             // line 360
493.             echo "                 ";
494.         }
495.         $_parent = $context['_parent'];
496.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['lun'], $context['_parent'], $context['loop']);
497.         $context = array_intersect_key($context, $_parent) + $_parent;
498.         // line 361
499.         echo " 
500.           <ul class=\"list-group\">
501.             ";
502.         // line 363
503.         $context['_parent'] = $context;
504.         $context['_seq'] = twig_ensure_traversable((isset($context["lunch"]) || array_key_exists("lunch", $context) ? $context["lunch"] : (function () { throw new RuntimeError('Variable "lunch" does not exist.', 363, $this->source); })()));
505.         foreach ($context['_seq'] as $context["_key"] => $context["lun"]) {
506.             // line 364
507.             echo "            <li class=\"list-group-item\" data-placement=\"top\" data-toggle=\"tooltip\" title=\"<b>";
508.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["lun"], "type", [], "any", false, false, false, 364), "html", null, true);
509.             echo "</b><br> ";
510.             echo twig_nl2br(twig_get_attribute($this->env, $this->source, $context["lun"], "description", [], "any", false, false, false, 364));
511.             echo "\">";
512.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["lun"], "name", [], "any", false, false, false, 364), "html", null, true);
513.             echo "</li>
514.             ";
515.         }
516.         $_parent = $context['_parent'];
517.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['lun'], $context['_parent'], $context['loop']);
518.         $context = array_intersect_key($context, $_parent) + $_parent;
519.         // line 366
520.         echo "          </ul>
521.        
522.       </div>
523.     </div>
524.      
526.     <div class=\"col-md-4\">
527.       <div class=\"card\">
528.            ";
529.         // line 374
530.         $context['_parent'] = $context;
531.         $context['_seq'] = twig_ensure_traversable((isset($context["afternoonBreak"]) || array_key_exists("afternoonBreak", $context) ? $context["afternoonBreak"] : (function () { throw new RuntimeError('Variable "afternoonBreak" does not exist.', 374, $this->source); })()));
532.         foreach ($context['_seq'] as $context["_key"] => $context["after"]) {
533.             // line 375
534.             echo "         ";
535.             if ( !twig_test_empty(twig_get_attribute($this->env, $this->source, $context["after"], "photo", [], "any", false, false, false, 375))) {
536.                 // line 376
537.                 echo "          <img style=\"widh:100%\" src=\"";
538.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(("/uploads/coworking/" . twig_get_attribute($this->env, $this->source, $context["after"], "photo", [], "any", false, false, false, 376))), "html", null, true);
539.                 echo "\" class=\"card-img-top\" alt=\"Lunch Image\">
540.          ";
541.             }
542.             // line 378
543.             echo "                 ";
544.         }
545.         $_parent = $context['_parent'];
546.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['after'], $context['_parent'], $context['loop']);
547.         $context = array_intersect_key($context, $_parent) + $_parent;
548.         // line 379
549.         echo "        <ul class=\"list-group\">
550.           ";
551.         // line 380
552.         $context['_parent'] = $context;
553.         $context['_seq'] = twig_ensure_traversable((isset($context["afternoonBreak"]) || array_key_exists("afternoonBreak", $context) ? $context["afternoonBreak"] : (function () { throw new RuntimeError('Variable "afternoonBreak" does not exist.', 380, $this->source); })()));
554.         foreach ($context['_seq'] as $context["_key"] => $context["after"]) {
555.             // line 381
556.             echo "          <li class=\"list-group-item\" data-placement=\"top\" data-toggle=\"tooltip\" title=\"<b>";
557.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["after"], "type", [], "any", false, false, false, 381), "html", null, true);
558.             echo "</b> <br> ";
559.             echo twig_nl2br(twig_get_attribute($this->env, $this->source, $context["after"], "description", [], "any", false, false, false, 381));
560.             echo "\">";
561.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["after"], "name", [], "any", false, false, false, 381), "html", null, true);
562.             echo "</li>
563.           ";
564.         }
565.         $_parent = $context['_parent'];
566.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['after'], $context['_parent'], $context['loop']);
567.         $context = array_intersect_key($context, $_parent) + $_parent;
568.         // line 383
569.         echo "        </ul>
570.       </div>
571.     </div>
572.   </div>
573. </div>
574.           
575.         
577.     <div class=\"form-group\" style=\"margin-top: 10px;\">
578.      
579.         <div id=\"repas\" style=\"padding: 0 20px !important;\">
580.            <div class=\"row\">
581.            <div class=\"col-md-6\">
582.                 <div class=\"form-group\">
583.                     <label for=\"select_repas_matin\">Pause matin</label>
584.                     <select class=\"form-select\" id=\"select_repas_matin\" name=\"select_repas_matin\" disabled>
585.                         <option value=\"\">Choisissez un repas pour le matin</option>
586.                        ";
587.         // line 400
588.         $context['_parent'] = $context;
589.         $context['_seq'] = twig_ensure_traversable((isset($context["breakfast"]) || array_key_exists("breakfast", $context) ? $context["breakfast"] : (function () { throw new RuntimeError('Variable "breakfast" does not exist.', 400, $this->source); })()));
590.         foreach ($context['_seq'] as $context["_key"] => $context["break"]) {
591.             // line 401
592.             echo "                        <option data-id=\"";
593.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["break"], "id", [], "any", false, false, false, 401), "html", null, true);
594.             echo "\"  value=\"";
595.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["break"], "price", [], "any", false, false, false, 401), "html", null, true);
596.             echo "\">";
597.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["break"], "name", [], "any", false, false, false, 401), "html", null, true);
598.             echo " (";
599.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["break"], "price", [], "any", false, false, false, 401), "html", null, true);
600.             echo " DH)</option>
601.                         
602.                         ";
603.         }
604.         $_parent = $context['_parent'];
605.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['break'], $context['_parent'], $context['loop']);
606.         $context = array_intersect_key($context, $_parent) + $_parent;
607.         // line 404
608.         echo "                    </select>
609.                 </div>
610.             </div>
611.             <div class=\"col-md-6\">
612.                 <div class=\"form-group\" id=\"quantity_input\" style=\"display: none;\">
613.                     <label for=\"quantity\"><small>Quantité </small></label>
614.                     <input type=\"number\" class=\"form-control\" id=\"quantity\" name=\"quantity\" min=\"0\" style=\"width: 50px;\">
615.                 </div>
616.                 <div id=\"total_price\" style=\"display: none;\">
617.                    <span class=\"badge badge-light\">Total : <span id=\"total_amount\" class=\"total-amount\"></span> DH</span> 
618.                 </div>
619.             </div>
620.         </div>
621.       
622.       <div class=\"row\">
623.            <div class=\"col-md-6\">
624.       <div class=\"form-group\">
625.         <label for=\"select_repas_dejeuner\"> Déjeuner </label>
626.         <select class=\"form-select\" id=\"select_repas_dejeuner\" name=\"select_repas_dejeuner\" disabled>
627.              <option value=\"\">Choisissez un repas pour le déjeuner </option>
628.             ";
629.         // line 424
630.         $context['_parent'] = $context;
631.         $context['_seq'] = twig_ensure_traversable((isset($context["lunch"]) || array_key_exists("lunch", $context) ? $context["lunch"] : (function () { throw new RuntimeError('Variable "lunch" does not exist.', 424, $this->source); })()));
632.         foreach ($context['_seq'] as $context["_key"] => $context["lun"]) {
633.             // line 425
634.             echo "            <option data-id=\"";
635.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["lun"], "id", [], "any", false, false, false, 425), "html", null, true);
636.             echo "\" value=\"";
637.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["lun"], "price", [], "any", false, false, false, 425), "html", null, true);
638.             echo "\">";
639.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["lun"], "name", [], "any", false, false, false, 425), "html", null, true);
640.             echo " (";
641.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["lun"], "price", [], "any", false, false, false, 425), "html", null, true);
642.             echo " DH)</option>
643.             ";
644.         }
645.         $_parent = $context['_parent'];
646.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['lun'], $context['_parent'], $context['loop']);
647.         $context = array_intersect_key($context, $_parent) + $_parent;
648.         // line 427
649.         echo "        </select>
650.       </div>
651.         </div>
654.          <div class=\"col-md-6\">
655.                 <div class=\"form-group\" id=\"quantity_dejeune\" style=\"display: none;\" >
656.                     <label for=\"quantity\"><small>Quantité </small></label>
657.                     <input type=\"number\" class=\"form-control\" id=\"quantity_input_dejeuner\" name=\"quantity_input_dejeuner\" min=\"0\" style=\"width: 50px;\">
658.                 </div>
659.                 <div id=\"total_price_dejeune\" style=\"display: none;\">
660.                    <span class=\"badge badge-light\">Total : <span id=\"total_amount_dejeune\" class=\"total-amount\"></span> DH</span> 
661.                 </div>
662.                 
663.             </div>
664.         </div>
665.         
666.       
667.       <div class=\"row\">
668.            <div class=\"col-md-6\">
670.       <div class=\"form-group\">
671.         <label for=\"select_repas_apres_midi\">  Pause après-midi  </label>
672.         <select class=\"form-select\" id=\"select_repas_apres_midi\" name=\"select_repas_apres_midi\" disabled>
673.             <option value=\"\">Choisissez un repas pour la pause après-midi </option>
674.              ";
675.         // line 452
676.         $context['_parent'] = $context;
677.         $context['_seq'] = twig_ensure_traversable((isset($context["afternoonBreak"]) || array_key_exists("afternoonBreak", $context) ? $context["afternoonBreak"] : (function () { throw new RuntimeError('Variable "afternoonBreak" does not exist.', 452, $this->source); })()));
678.         foreach ($context['_seq'] as $context["_key"] => $context["after"]) {
679.             // line 453
680.             echo "            <option data-id=\"";
681.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["after"], "id", [], "any", false, false, false, 453), "html", null, true);
682.             echo "\" value=\"";
683.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["after"], "price", [], "any", false, false, false, 453), "html", null, true);
684.             echo "\">";
685.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["after"], "name", [], "any", false, false, false, 453), "html", null, true);
686.             echo " (";
687.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["after"], "price", [], "any", false, false, false, 453), "html", null, true);
688.             echo " DH)</option>
689.             ";
690.         }
691.         $_parent = $context['_parent'];
692.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['after'], $context['_parent'], $context['loop']);
693.         $context = array_intersect_key($context, $_parent) + $_parent;
694.         // line 455
695.         echo "        </select>
696.       </div>
697.       </div>
699.  <div class=\"col-md-6\">
700.                 <div class=\"form-group\" id=\"quantity_input_apres\" style=\"display: none;\" >
701.                     <label for=\"quantity\"><small>Quantité</small></label>
702.                     <input type=\"number\" class=\"form-control\" id=\"quantity_apres\" name=\"quantity_apres\" min=\"0\" style=\"width: 50px;\">
703.                 </div>
704.                 <div id=\"total_price_apres\" style=\"display: none;\">
705.                    <span class=\"badge badge-light\">Total : <span id=\"total_amount_apres\" class=\"total-amount\"></span> DH</span> 
706.                 </div>
707.                 
708.             </div>
710. <div class=\"col-md-6\">
711.    
712. </div>
713. <div id=\"total_sum_section\"  class=\"col-md-6\">
714.     <p class=\"badge badge-light\">Total : <span id=\"total_sum\"></span> DH</p>
715. </div>
717.         
718.         </div>
721.  
722.       </div>
723.       <div class=\"form-check mt-4\">
724.         <input class=\"form-check-input\" type=\"radio\" name=\"choix\"  value=\"demande\">
725.         <label class=\"form-check-label\" for=\"repas_demande\">
726.          <h5 style=\"font-weight:bold; \" >Non merci </h5>
727.         </label>
728.       </div>
729.         
730.     </div>
731.  
732.     
734.   
735.   </form>
736.                    
737.  
738.                   
740.                   </div>
741.               
743.                                
744.                     
745.               
746.                  </div>
747.                     <div class=\"button-row\">
748.         <form action=\"";
749.         // line 508
750.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationstep2", ["id" => (isset($context["id"]) || array_key_exists("id", $context) ? $context["id"] : (function () { throw new RuntimeError('Variable "id" does not exist.', 508, $this->source); })())]), "html", null, true);
751.         echo "\" id=\"myForm\"   method=\"GET\" data-turbo=\"false\">          
752.             <input type=\"hidden\" name=\"days\"  id=\"formule_\" value=\"";
753.         // line 509
754.         echo twig_escape_filter($this->env, (isset($context["days"]) || array_key_exists("days", $context) ? $context["days"] : (function () { throw new RuntimeError('Variable "days" does not exist.', 509, $this->source); })()), "html", null, true);
755.         echo "\"/>
756.               <input type=\"hidden\" name=\"Plage\"  id=\"horaire_\" value=\"";
757.         // line 510
758.         echo twig_escape_filter($this->env, (isset($context["Plage"]) || array_key_exists("Plage", $context) ? $context["Plage"] : (function () { throw new RuntimeError('Variable "Plage" does not exist.', 510, $this->source); })()), "html", null, true);
759.         echo "\"/>
760.               <input type=\"hidden\" name=\"amount_extra\"  id=\"amount_extra\" value=\"\"/>
761.               <input type=\"hidden\" name=\"id_extra\"  id=\"id_extra\" value=\"\"/>
762.               <input type=\"hidden\" name=\"time\"  id=\"time_\" value=\"";
763.         // line 513
764.         echo twig_escape_filter($this->env, (isset($context["time"]) || array_key_exists("time", $context) ? $context["time"] : (function () { throw new RuntimeError('Variable "time" does not exist.', 513, $this->source); })()), "html", null, true);
765.         echo "\"/>
766.               <input type=\"hidden\" name=\"device\"  id=\"device_\" value=\"";
767.         // line 514
768.         echo twig_escape_filter($this->env, (isset($context["device"]) || array_key_exists("device", $context) ? $context["device"] : (function () { throw new RuntimeError('Variable "device" does not exist.', 514, $this->source); })()), "html", null, true);
769.         echo "\"/>
770.               <input type=\"hidden\" name=\"nbrApproximatif\" id=\"nbrApproximatif\" value=\"";
771.         // line 515
772.         echo twig_escape_filter($this->env, (isset($context["nbrApproximatif"]) || array_key_exists("nbrApproximatif", $context) ? $context["nbrApproximatif"] : (function () { throw new RuntimeError('Variable "nbrApproximatif" does not exist.', 515, $this->source); })()), "html", null, true);
773.         echo "\"/>
775.            
776.             <a href=\"javascript:void(0)\" onclick=\"history.back()\" style=\"border:1px solid #FFCB00 !important; color:black !important;background: #ffff !important;\"  class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__ boutton-step\" >Étape précédente</a>
777.               
778.              <button type=\"submit\" class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\" style=\"background: #FFCB00 !important;padding:5px;    border: none; text-decoration:none; width:177px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">
779.               Étape suivante
780.                     </button>
781.              </form>
784.                       </div> 
785.                             
786.                             
787.                            
788.                      
790.            
792.                     
793.                    
794.                   </div>
795.                    
797.                 
798.                 </div>
799.               </div>
800.             </div>
801.           
802.         </div>
803.          
804.       
805.       </div>
807.          <div class=\"col-sm-4 reservation-steeps-panier\" style=\"overflow-y: auto;\">
808.       
809.         ";
810.         // line 551
811.         echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart"));
812.         echo "
813.     </div>
814.     </div>
815.   </div>
816.   
817.   
818. ";
819.         
820.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
822.         
823.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
825.     }
827.     // line 564
828.     public function block_javascripts($context, array $blocks = [])
829.     {
830.         $macros = $this->macros;
831.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
832.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
834.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
835.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
837.         // line 565
838.         echo "  <!-- MAIN CONTENT -->
839.  
840. <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\"></script>
842. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
843. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
844.  
845.  
846. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js\"></script>
847. <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js\"></script> 
849.  
850. <script>
852.   \$(document).ready(function(){
853.       
854.          \$('#myForm').on('submit', function(event) {
855.             if (!\$('input[name=\"choix\"]:checked').length) {
856.                 alert('Veuillez sélectionner une option.');
857.                 event.preventDefault();
858.             }
859.         });
860.         
861.   
862.    \$('[data-toggle=\"tooltip\"]').tooltip({
863.       placement: 'top', // Position de l'info-bulle
864.       trigger: 'hover', // Déclencheur de l'info-bulle
865.       delay: { \"show\": 500, \"hide\": 100 }, // Délai d'affichage et de masquage en millisecondes
866.       html: true, // Autoriser le contenu HTML dans l'info-bulle
867.       template: '<div class=\"tooltip custom-tooltip\" role=\"tooltip\"><div class=\"arrow\"></div><div class=\"tooltip-inner\"></div></div>' // Utilisation d'un modèle personnalisé pour l'info-bulle
868.     });
870. \$('body').on(\"click\",\".delete-cart-item\",function() {
872.           
873.     var idProduct = \$(this).attr(\"data-id\");
874.     var price = \$(this).attr(\"data-price\");
875.     var name = \$(this).attr(\"data-name\");
876.     var actionType = \"remove\";
878.     \$.ajax({
879.       url:\"";
880.         // line 606
881.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
882.         echo "\",
883.       data:{
884.         idProduct:idProduct,
885.         price:price,
886.         name:name,
887.         actionType:actionType
888.       },
889.       success:function(result){
890.         console.log(result);
891.           \$(\".reservation-steeps-panier\").html(result);
892.       }
893.     });
894.     });
897.      // Fonction de mise à jour du prix total pour le repas du matin
898.     \$('#select_repas_matin, #quantity').change(function() {
899.       if (\$(this).val() === \"0\") {
900.         \$('#select_repas_matin').val(\"\"); 
901.     }
902.         updateTotalPrice('#select_repas_matin', '#quantity', '#total_amount', '#total_price');
903.         calculateTotalSum();
904.         updateIdExtra(); // Mettre à jour l'ID extra
905.     });
907.     // Fonction de mise à jour du prix total pour le repas du déjeuner
908.     \$('#select_repas_dejeuner, #quantity_input_dejeuner').change(function() {
909.       if (\$(this).val() === \"0\") {
910.         \$('#select_repas_dejeuner').val(\"\"); // Réinitialiser la sélection si la quantité est 0
911.     }
912.      updateTotalPrice('#select_repas_dejeuner', '#quantity_input_dejeuner', '#total_amount_dejeune', '#total_price_dejeune');
913.         calculateTotalSum();
914.         updateIdExtra(); // Mettre à jour l'ID extra
915.     });
917.     // Fonction de mise à jour du prix total pour la pause de l'après-midi
918.     \$('#select_repas_apres_midi, #quantity_apres').change(function() {
919.         updateTotalPrice('#select_repas_apres_midi', '#quantity_apres', '#total_amount_apres', '#total_price_apres');
920.         calculateTotalSum();
921.          updateIdExtra(); // Mettre à jour l'ID extra
922.     });
923.     
926. function updateIdExtra() {
927.     var selectedIds = [];
928.     \$('#select_repas_dejeuner, #select_repas_matin , #select_repas_apres_midi').each(function() {
929.         var selectedOption = \$(this).find(':selected');
930.         if (selectedOption.length > 0) {
931.             var dataId = selectedOption.data('id');
932.             selectedIds.push(dataId);
933.         }
934.     });
935.     \$('#id_extra').val(selectedIds.join(',')); // Mettre à jour la valeur de l'input caché avec les data-ids séparés par une virgule
936. }
939.  // Fonction de mise à jour du prix total
940.     function updateTotalPrice(selectElement, quantityElement, totalAmountElement, totalPriceElement) {
941.         var selectedOptionValue = parseInt(\$(selectElement).val());
942.         var quantity = parseInt(\$(quantityElement).val());
943.         if (!isNaN(selectedOptionValue) && !isNaN(quantity)) {
944.             var totalPrice = selectedOptionValue * quantity;
945.             \$(totalAmountElement).text(totalPrice);
946.             \$(totalPriceElement).show();
947.         } else {
948.             \$(totalPriceElement).hide();
949.         }
950.     }
952.      // Fonction de calcul de la somme totale
953.     function calculateTotalSum() {
954.         var totalSum = 0;
955.         \$('.total-amount').each(function() {
956.             var amount = parseInt(\$(this).text());
957.             if (!isNaN(amount)) {
958.                 totalSum += amount;
959.             }
960.         });
961.         \$('#total_sum').text(totalSum);
962.         \$('#amount_extra').val(totalSum);
963.     }
965.  // Écouter le changement de la sélection pour le repas du matin
966.     \$('#repas_demande').change(function() {
967.         if (\$(this).is(':checked')) {
968.             \$('#quantity_input').show();
969.             \$('#select_repas_matin').prop('disabled', false);
970.         } else {
971.             \$('#quantity_input').hide();
972.             \$('#select_repas_matin').prop('disabled', true);
973.             \$('#total_price').hide();
974.         }
975.     });
977.         // Écouter le changement de la sélection pour le déjeuner
978.     \$('#repas_demande').change(function() {
979.         if (\$(this).is(':checked')) {
980.             \$('#quantity_dejeune').show();
981.             \$('#select_repas_dejeuner').prop('disabled', false);
982.         } else {
983.             \$('#quantity_input_dejeuner').hide();
984.             \$('#select_repas_dejeuner').prop('disabled', true);
985.             \$('#total_price_dejeune').hide();
986.         }
987.     });
989.       // Écouter le changement de la sélection pour l'après-midi
990.     \$('#repas_demande').change(function() {
991.         if (\$(this).is(':checked')) {
992.             \$('#quantity_input_apres').show();
993.             \$('#select_repas_apres_midi').prop('disabled', false);
994.         } else {
995.             \$('#quantity_input_apres').hide();
996.             \$('#select_repas_apres_midi').prop('disabled', true);
997.             \$('#total_price_apres').hide();
998.         }
999.     });
1001.  
1003.   
1007.      \$('input[name=\"choix\"]').change(function(){ 
1009.       if(\$(this).val() == \"demande\"){
1010.           
1011.            \$('#select_repas_apres_midi').prop('selectedIndex', 0);
1012.            \$('#select_repas_dejeuner').prop('selectedIndex', 0);
1013.            \$('#select_repas_matin').prop('selectedIndex', 0);
1014.            \$('#quantity').val(0);
1015.            \$('#quantity_input_dejeuner').val(0);
1016.            \$(\"#quantity_apres\").val(0);
1017.             \$(\"#total_amount\").text(0);
1018.             \$(\"#total_amount_dejeune\").text(0);
1019.             \$(\"#total_amount_apres\").text(0);
1020.             \$(\"#total_sum\").text(0);
1021.             \$(\"#amount_extra\").val(0);
1023.            \$(\"#select_repas_matin\").prop('disabled', true);
1024.             \$(\"#select_repas_dejeuner\").prop('disabled', true);
1025.                 \$(\"#select_repas_apres_midi\").prop('disabled', true);  
1026.          
1027.       }else if(\$(this).val() == \"non\"){
1028.          
1029.         \$('#select_repas_apres_midi').prop('selectedIndex', 0);
1030.         \$('#select_repas_dejeuner').prop('selectedIndex', 0);
1031.         \$('#select_repas_matin').prop('selectedIndex', 0);
1032.          \$('#quantity').val(0);
1033.           \$('#quantity_input_dejeuner').val(0);
1034.            \$(\"#quantity_apres\").val(0);
1035.            \$(\"#total_amount\").text(0);
1036.            \$(\"#total_amount_dejeune\").text(0);
1037.            \$(\"#total_amount_apres\").text(0);
1038.            \$(\"#total_sum\").text(0);
1039.            \$(\"#amount_extra\").val(0);
1041.         
1042.          \$(\"#select_repas_matin\").prop('disabled', true);
1043.          \$(\"#select_repas_dejeuner\").prop('disabled', true);
1044.          \$(\"#select_repas_apres_midi\").prop('disabled', true); 
1046.       }else if(\$(this).val() == \"repas\"){
1048.           
1049.             \$(\"#select_repas_matin\").prop('disabled', false);
1050.                \$(\"#select_repas_dejeuner\").prop('disabled', false);
1051.                 \$(\"#select_repas_apres_midi\").prop('disabled', false);
1054.       }
1055.    
1056.         
1057.         });
1059.   /*\$('input[name=\"repas\"]').change(function(){
1060.  
1061.       
1062.     if(\$(this).val() === 'pause_matin') {
1063.       
1064.        // \$(\"#select_repas_matin\").val(\$('option:nth-child(1)').prop('selected', true));
1066.       \$(\"#select_repas_matin\").prop('disabled', false);
1067.       \$(\"#select_repas_dejeuner\").prop('disabled', true);
1068.        \$(\"#select_repas_apres_midi\").prop('disabled', true);
1069.       
1070.       
1071.     } else if(\$(this).val() == 'dejeuner') {
1072.       
1073.        // \$(\"#select_repas_dejeuner\").val(\$('option:nth-child(1)').prop('selected', true));
1074.         
1075.          \$(\"#select_repas_dejeuner\").prop('disabled', false);
1076.           \$(\"#select_repas_matin\").prop('disabled', true);
1077.           \$(\"#select_repas_apres_midi\").prop('disabled', true);
1078.       
1079.     } else if(\$(this).val() == 'pause_apres_midi') {
1081.        // \$(\"#select_repas_apres_midi\").val(\$('option:nth-child(1)').prop('selected', true));
1082.           
1083.       \$(\"#select_repas_apres_midi\").prop('disabled', false);
1084.          \$(\"#select_repas_dejeuner\").prop('disabled', true);
1085.           \$(\"#select_repas_matin\").prop('disabled', true);
1086.          
1087.     }
1089.   });*/
1090.   
1091.   function updateSession() {
1092.         let meals = {
1093.             breakfast: {
1094.                 name: \$(\"#select_repas_matin option:selected\").text(),
1095.                 price: \$(\"#select_repas_matin\").val(),
1096.                 quantity: \$(\"#quantity\").val() || 0
1097.             },
1098.             lunch: {
1099.                 name: \$(\"#select_repas_dejeuner option:selected\").text(),
1100.                 price: \$(\"#select_repas_dejeuner\").val(),
1101.                 quantity: \$(\"#quantity_input_dejeuner\").val() || 0
1102.             },
1103.             afternoonBreak: {
1104.                 name: \$(\"#select_repas_apres_midi option:selected\").text(),
1105.                 price: \$(\"#select_repas_apres_midi\").val(),
1106.                 quantity: \$(\"#quantity_apres\").val() || 0
1107.             }
1108.         };
1110.         // Envoi des données à Symfony via AJAX
1111.         \$.ajax({
1112.             url: \"";
1113.         // line 836
1114.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("save_meals_session");
1115.         echo "\",
1116.             type: \"POST\",
1117.             contentType: \"application/json\",
1118.             data: JSON.stringify(meals),
1119.             success: function (response) {
1120.                 console.log(\"Session updated\", response);
1121.             },
1122.             error: function (xhr, status, error) {
1123.                 console.error(\"Error:\", error);
1124.             }
1125.         });
1126.     }
1128.     // Écoute des changements sur les sélections de repas
1129.    
1130.     \$(\"#select_repas_matin, #quantity, #select_repas_dejeuner, #quantity_input_dejeuner, #select_repas_apres_midi, #quantity_apres\").on(\"change\", updateSession);
1131.  
1136.     });
1138.  
1139. </script>
1141.  
1142. ";
1143.         
1144.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
1146.         
1147.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
1149.     }
1151.     public function getTemplateName()
1152.     {
1153.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-meeting-next.html.twig";
1154.     }
1156.     public function isTraitable()
1157.     {
1158.         return false;
1159.     }
1161.     public function getDebugInfo()
1162.     {
1163.         return array (  1114 => 836,  881 => 606,  838 => 565,  828 => 564,  811 => 551,  772 => 515,  768 => 514,  764 => 513,  758 => 510,  754 => 509,  750 => 508,  695 => 455,  680 => 453,  676 => 452,  649 => 427,  634 => 425,  630 => 424,  608 => 404,  592 => 401,  588 => 400,  569 => 383,  556 => 381,  552 => 380,  549 => 379,  543 => 378,  537 => 376,  534 => 375,  530 => 374,  520 => 366,  507 => 364,  503 => 363,  499 => 361,  493 => 360,  487 => 358,  484 => 357,  480 => 356,  471 => 349,  458 => 347,  454 => 346,  449 => 343,  443 => 342,  437 => 340,  434 => 339,  430 => 338,  362 => 273,  354 => 267,  344 => 266,  75 => 7,  70 => 5,  60 => 4,  37 => 1,);
1164.     }
1166.     public function getSourceContext()
1167.     {
1168.         return new Source("{% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
1171. {% block stylesheets %}
1172. {{ parent() }}
1173.  
1174.  <link rel=\"stylesheet\" href=\"{{ asset('themes/coworking/css/reservation.css') }}\" />
1175.  
1176. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />
1178.  <style>
1179.  
1180.  .card{
1181.    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px ;
1182. }
1184. .custom-tooltip .tooltip-inner {
1185.     background-color: #fff; /* Remplacez #ff0000 par la couleur de votre choix */
1186.     text-align: left;
1187.     color: #000; /* Couleur du texte à l'intérieur de l'info-bulle */
1188. }
1189. /* Tooltip */
1190. .tooltip {
1191.     background-color: #fff; /* Couleur de fond */
1192.     color: #fff; /* Couleur du texte */
1193.     border: 1px solid #fff; /* Bordure */
1194.     border-radius: 4px; /* Coins arrondis */
1195.     padding: 5px 10px; /* Espacement intérieur */
1196.     font-size: 13px; /* Taille de la police */
1197.     box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); /* Ombre */
1198. }
1201. /* Tooltip - flèche */
1202. .tooltip .arrow::before {
1203.     border-top-color: #fff; /* Couleur de fond */
1204. }
1206. /* Tooltip - position */
1207. .tooltip.top {
1208.     margin-top: -3px; /* Positionnement par rapport à l'élément parent */
1209. }
1211.  .menu {
1212.   display: flex;
1213.   justify-content: space-around;
1214. }
1216. h5 {
1217.     color: #7b7b7b !important;
1218. }
1220. .category {
1221.   flex: 1;
1222.   margin: 0 10px;
1223.   border: 1px solid #ccc;
1224.   border-radius: 5px;
1225.   padding: 10px;
1226. }
1228. h2 {
1229.   font-size: 13px;
1230.   margin-bottom: 5px;
1231.   padding: 5px;
1232. }
1234. .menu .category ul {
1235.   list-style-type: none;
1236.   padding: 0;
1237. }
1239. .menu .category   li {
1240.   margin-bottom: 5px;
1241.  
1242.   font-size: 12px; /* Taille de police légèrement augmentée */
1243. }
1245. /* Style additionnel pour un meilleur aspect */
1246. .menu {
1247.   background-color: #f9f9f9;
1248.   padding: 20px;
1249.   border-radius: 10px;
1250. }
1252. .category {
1253.   background-color: #fff;
1254.   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
1255. }
1257. .list-group li {
1258.   font-size: 11px;
1259.     color: #333;
1260.  
1261. }
1263. /* Ajout de styles de survol pour un effet interactif */
1264. .list-group li:hover {
1265.   color: #FFCB00 !important; /* Changement de couleur au survol */
1266.   cursor: pointer; /* Curseur de la souris en pointeur */
1267. }
1269. /* Animation de survol */
1270. .list-group li:hover {
1271.   transform: scale(1.1); /* Agrandissement au survol */
1272.   transition: transform 0.2s ease; /* Transition fluide */
1273. }
1277. .form-control {
1278.     border-radius: 9px;
1279.      padding: 0px !important
1280. }
1282.   .form-check {
1283.  
1284.     min-height: 1.9rem !important;
1285.     }
1287.   .modal-backdrop.fade.show {
1288.         display: none;
1289. }
1290.  
1291.  
1292. /* css checkbox*/
1294. /* hide checkbox */
1295. input[type=\"checkbox\"] {
1296.   display: none;
1297. }
1299. /* if checkbox is checked, then do these things */
1300. input[type=\"checkbox\"]:checked + label {
1301.   color: white;
1302.   background:#FFD86E;
1303.   border-radius: 5px;
1304.   padding: 0px 10px 0px 10px;
1305. }
1307. /* styles when hovering over options */
1308. label:hover {
1310.   cursor: pointer;
1311.   
1312.   /* transitions and animations */
1313.   -webkit-transition: color .5s ease;
1314.   -moz-transition: color .5s ease;
1315.   -ms-transition: color .5s ease;
1316.   -o-transition: color .5s ease;
1317.   transition: color .5s ease;
1318. }
1319. .boutton-step{
1320.   padding:10px; 
1321.   text-decoration:none; 
1322.   width:230px; 
1323.    font-size: 12px;
1324.     font-family: 'PT Sans', sans-serif;
1325.     letter-spacing:2px;
1326. }
1327.   
1328. input.button {
1329.   
1330. \twidth:130px;
1331. \theight:50px;
1332. \tmargin: 20px 0 30px 0;
1333. \tpadding: 0px 20px 0px 20px;
1334. \tbackground: #e6e6e6;
1335. \tborder-radius:5px;
1336. \tborder: 1px solid #ccc;
1338. \tfont-family: OpenSans, sans-serif;
1339. \tfont-size:16pt;
1340. \tcolor:#444;
1341. }
1343. .Addons label{
1344.     font-size:12px !important;
1345.     font-family: 'roboto';
1346.     font-weight: 500;
1347.     border: 1px solid #80808024;
1348.     margin: 2px;
1349.     padding: 0px 5px 0px 5px;
1350.     border-radius: 5px;
1351. }
1352. .multistep-container .active-button li:not(:first-child) .round-btn:before {
1353.     position: absolute;
1354.     content: '';
1355.     width: 141px;
1356.     height: 3px;
1357.     background-color: #E9F2FA;
1358.     left: -120px;
1359. }
1362. .multistep-container .active-button li {
1363.     display: inline-block;
1364.     width: 140px;
1365. }
1367. .form-check {
1368.     line-height: 22px;
1369. }   
1371. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3{
1372.         flex: 0 0 86%;
1373. }
1375.  p.badge.badge-light {
1376.     background-color: black;
1377. }
1378.     
1379.      li.etape1:before {
1380.     background: #7ED670 !important; /* Change the background color */
1381.     color: white !important;
1382. }
1384.   .titre-page{
1385. margin-top:10px;
1386. font-size: 20px;
1387. line-height:45.29px;
1388. color: #000000;
1389. } 
1391. .radio-buttons {
1392.   display: flex;
1393. }
1395. .radio-buttons input[type=\"radio\"] {
1396.   display: none;
1397. }
1399. .radio-buttons label {
1400.   display: block;
1401.   margin-right: 40px;
1402.   cursor: pointer;
1403. }
1405. .radio-buttons label img {
1406.   border-radius: 10px;
1407.   width: 100px;  
1408.   height: 110px;  
1409.   box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
1411. }
1412. .radio-buttons input[type=\"radio\"]:checked + label img {
1413.   border: 2px solid #FFCB00 ; /* Style pour indiquer la sélection, vous pouvez personnaliser */
1414. }
1415.  
1416.   .form-select{
1417.     width: 100% !important;
1418.   }
1420.    .custom-radio {
1421.       padding-right: 20px; /* Ajoutez le padding ici */
1422.     }
1426.  
1427. </style>
1429.   
1431.   
1432. {% endblock  %}
1433. {% block body %}
1434.  
1436.  
1437.  
1439.  
1440.   <img src=\"{{asset('themes/coworking/front/images/sallereunion.jpg')}}\" style=\"width: 100%;height: 520px;\" class=\"img-fluid\" />
1441.   <div class=\"container\">
1442.     <div class=\"row justify-content-between\">
1443.       <div class=\"col-sm-8 reservation-steeps\">
1444.        
1445.        <div class=\"row\">
1446.           <div class=\"col-sm-8\">
1447.             <h6 class=\"titre-page\">Réservation 
1448.                 
1450.             </h6>
1451.           </div>
1452.           <div class=\"col-sm-4\" style=\"margin-top:10px;\">
1453.             <a href=\"/themes/coworking/front/images/prixSalles.pdf\" class=\"btn-res text-center text-light text-uppercase bg-dark\" style=\"float: right;padding: 8px;border-radius: 6px;font-size:13px;\" target=\"_blank\"> NOS TARIFS</a>
1454.           </div>
1455.         </div>
1456.        
1457.        
1458.         <div class=\"container\">
1459.          
1460.               
1461.                    
1462.   <div class=\"container d-flex justify-content-center align-items-center\">
1463.          
1464.          
1465.           <ul id=\"progressbar\">
1466. \t\t <li class=\"etape1\"> <span> Type</span>  </li>
1467. \t\t<li class=\"active\" > Formule + extra </li>
1468. \t\t<li> Dates</li>
1469. \t\t<li> Confirmation</li>
1470.            
1471.           
1472. \t\t\t\t</ul>
1473.         </div>
1474.             
1475.             <div class=\"col-xl-12\" style=\"top: 20px;\">
1476.               
1477.               <div class=\"multistep-container\">
1478.                 <div class=\"mutistep-form-area\">
1479.                     
1480.                  
1481.                   <div class=\"form-box\">
1482.                 
1483.                     
1484.                  
1485.                        
1486.                             <div class=\"container\" >
1488.                   
1489.               
1490.                
1491.                  <div id=\"form-attribue\" style=\"line-height: 20px;\" class=\"mt-4\"> 
1492.              
1493.           <div class=\"form-check\">
1494.         <input class=\"form-check-input\" type=\"radio\" name=\"choix\" id=\"repas_demande\" value=\"repas\">
1495.         <label class=\"form-check-label\" for=\"repas_demande\">
1496.          <h5 style=\"font-weight:bold; margin-top: 2px;\" >Voulez-vous choisir un extra ?</h5>
1497.          
1498.         </label>
1499.       </div>
1500.    <div class=\"container\">
1501.   <div class=\"row\">
1502.       <div class=\"col-md-4\">
1503.          
1504.       <div class=\"card\">
1505.           {% for break in breakfast %}
1506.          {%if break.photo is not empty %}
1507.         <img style=\"widh:100%\"  src=\"{{asset('/uploads/coworking/' ~ break.photo )}}\" class=\"card-img-top\" alt=\"Breakfast Image\">
1508.             {% endif %}
1509.                  {% endfor %}
1510.                 <div  >
1511.        
1512.           <ul class=\"list-group\">
1513.             {% for break in breakfast %}
1514.             <li class=\"list-group-item\" data-placement=\"top\" data-toggle=\"tooltip\" title=\"<b>{{ break.type }}</b><br>{{ break.description|raw|nl2br }}\"> {{ break.name }}</li>
1515.              {% endfor %}
1516.           </ul>
1517.         </div>
1518.       </div>
1519.     </div>
1521.     <div class=\"col-md-4\">
1522.        <div class=\"card\">
1523.              {% for lun in lunch %}
1524.          {%if lun.photo is not empty %}
1525.         <img style=\"widh:100%\" src=\"{{asset('/uploads/coworking/' ~ lun.photo )}}\" class=\"card-img-top\" alt=\"Lunch Image\">
1526.          {% endif %}
1527.                  {% endfor %}
1528.  
1529.           <ul class=\"list-group\">
1530.             {% for lun in lunch %}
1531.             <li class=\"list-group-item\" data-placement=\"top\" data-toggle=\"tooltip\" title=\"<b>{{ lun.type }}</b><br> {{lun.description|raw|nl2br}}\">{{ lun.name }}</li>
1532.             {% endfor %}
1533.           </ul>
1534.        
1535.       </div>
1536.     </div>
1537.      
1539.     <div class=\"col-md-4\">
1540.       <div class=\"card\">
1541.            {% for after in afternoonBreak %}
1542.          {%if after.photo is not empty %}
1543.           <img style=\"widh:100%\" src=\"{{asset('/uploads/coworking/' ~ after.photo )}}\" class=\"card-img-top\" alt=\"Lunch Image\">
1544.          {% endif %}
1545.                  {% endfor %}
1546.         <ul class=\"list-group\">
1547.           {% for after in afternoonBreak %}
1548.           <li class=\"list-group-item\" data-placement=\"top\" data-toggle=\"tooltip\" title=\"<b>{{ after.type }}</b> <br> {{ after.description|raw|nl2br }}\">{{ after.name }}</li>
1549.           {% endfor %}
1550.         </ul>
1551.       </div>
1552.     </div>
1553.   </div>
1554. </div>
1555.           
1556.         
1558.     <div class=\"form-group\" style=\"margin-top: 10px;\">
1559.      
1560.         <div id=\"repas\" style=\"padding: 0 20px !important;\">
1561.            <div class=\"row\">
1562.            <div class=\"col-md-6\">
1563.                 <div class=\"form-group\">
1564.                     <label for=\"select_repas_matin\">Pause matin</label>
1565.                     <select class=\"form-select\" id=\"select_repas_matin\" name=\"select_repas_matin\" disabled>
1566.                         <option value=\"\">Choisissez un repas pour le matin</option>
1567.                        {% for break in  breakfast %}
1568.                         <option data-id=\"{{break.id}}\"  value=\"{{break.price}}\">{{break.name}} ({{break.price}} DH)</option>
1569.                         
1570.                         {% endfor  %}
1571.                     </select>
1572.                 </div>
1573.             </div>
1574.             <div class=\"col-md-6\">
1575.                 <div class=\"form-group\" id=\"quantity_input\" style=\"display: none;\">
1576.                     <label for=\"quantity\"><small>Quantité </small></label>
1577.                     <input type=\"number\" class=\"form-control\" id=\"quantity\" name=\"quantity\" min=\"0\" style=\"width: 50px;\">
1578.                 </div>
1579.                 <div id=\"total_price\" style=\"display: none;\">
1580.                    <span class=\"badge badge-light\">Total : <span id=\"total_amount\" class=\"total-amount\"></span> DH</span> 
1581.                 </div>
1582.             </div>
1583.         </div>
1584.       
1585.       <div class=\"row\">
1586.            <div class=\"col-md-6\">
1587.       <div class=\"form-group\">
1588.         <label for=\"select_repas_dejeuner\"> Déjeuner </label>
1589.         <select class=\"form-select\" id=\"select_repas_dejeuner\" name=\"select_repas_dejeuner\" disabled>
1590.              <option value=\"\">Choisissez un repas pour le déjeuner </option>
1591.             {% for lun in  lunch %}
1592.             <option data-id=\"{{lun.id}}\" value=\"{{lun.price}}\">{{lun.name}} ({{lun.price}} DH)</option>
1593.             {% endfor  %}
1594.         </select>
1595.       </div>
1596.         </div>
1599.          <div class=\"col-md-6\">
1600.                 <div class=\"form-group\" id=\"quantity_dejeune\" style=\"display: none;\" >
1601.                     <label for=\"quantity\"><small>Quantité </small></label>
1602.                     <input type=\"number\" class=\"form-control\" id=\"quantity_input_dejeuner\" name=\"quantity_input_dejeuner\" min=\"0\" style=\"width: 50px;\">
1603.                 </div>
1604.                 <div id=\"total_price_dejeune\" style=\"display: none;\">
1605.                    <span class=\"badge badge-light\">Total : <span id=\"total_amount_dejeune\" class=\"total-amount\"></span> DH</span> 
1606.                 </div>
1607.                 
1608.             </div>
1609.         </div>
1610.         
1611.       
1612.       <div class=\"row\">
1613.            <div class=\"col-md-6\">
1615.       <div class=\"form-group\">
1616.         <label for=\"select_repas_apres_midi\">  Pause après-midi  </label>
1617.         <select class=\"form-select\" id=\"select_repas_apres_midi\" name=\"select_repas_apres_midi\" disabled>
1618.             <option value=\"\">Choisissez un repas pour la pause après-midi </option>
1619.              {% for after in  afternoonBreak %}
1620.             <option data-id=\"{{after.id}}\" value=\"{{after.price}}\">{{after.name}} ({{after.price}} DH)</option>
1621.             {% endfor  %}
1622.         </select>
1623.       </div>
1624.       </div>
1626.  <div class=\"col-md-6\">
1627.                 <div class=\"form-group\" id=\"quantity_input_apres\" style=\"display: none;\" >
1628.                     <label for=\"quantity\"><small>Quantité</small></label>
1629.                     <input type=\"number\" class=\"form-control\" id=\"quantity_apres\" name=\"quantity_apres\" min=\"0\" style=\"width: 50px;\">
1630.                 </div>
1631.                 <div id=\"total_price_apres\" style=\"display: none;\">
1632.                    <span class=\"badge badge-light\">Total : <span id=\"total_amount_apres\" class=\"total-amount\"></span> DH</span> 
1633.                 </div>
1634.                 
1635.             </div>
1637. <div class=\"col-md-6\">
1638.    
1639. </div>
1640. <div id=\"total_sum_section\"  class=\"col-md-6\">
1641.     <p class=\"badge badge-light\">Total : <span id=\"total_sum\"></span> DH</p>
1642. </div>
1644.         
1645.         </div>
1648.  
1649.       </div>
1650.       <div class=\"form-check mt-4\">
1651.         <input class=\"form-check-input\" type=\"radio\" name=\"choix\"  value=\"demande\">
1652.         <label class=\"form-check-label\" for=\"repas_demande\">
1653.          <h5 style=\"font-weight:bold; \" >Non merci </h5>
1654.         </label>
1655.       </div>
1656.         
1657.     </div>
1658.  
1659.     
1661.   
1662.   </form>
1663.                    
1664.  
1665.                   
1667.                   </div>
1668.               
1670.                                
1671.                     
1672.               
1673.                  </div>
1674.                     <div class=\"button-row\">
1675.         <form action=\"{{path('reservationstep2',{id:id})}}\" id=\"myForm\"   method=\"GET\" data-turbo=\"false\">          
1676.             <input type=\"hidden\" name=\"days\"  id=\"formule_\" value=\"{{ days }}\"/>
1677.               <input type=\"hidden\" name=\"Plage\"  id=\"horaire_\" value=\"{{ Plage }}\"/>
1678.               <input type=\"hidden\" name=\"amount_extra\"  id=\"amount_extra\" value=\"\"/>
1679.               <input type=\"hidden\" name=\"id_extra\"  id=\"id_extra\" value=\"\"/>
1680.               <input type=\"hidden\" name=\"time\"  id=\"time_\" value=\"{{ time }}\"/>
1681.               <input type=\"hidden\" name=\"device\"  id=\"device_\" value=\"{{ device }}\"/>
1682.               <input type=\"hidden\" name=\"nbrApproximatif\" id=\"nbrApproximatif\" value=\"{{ nbrApproximatif }}\"/>
1684.            
1685.             <a href=\"javascript:void(0)\" onclick=\"history.back()\" style=\"border:1px solid #FFCB00 !important; color:black !important;background: #ffff !important;\"  class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__ boutton-step\" >Étape précédente</a>
1686.               
1687.              <button type=\"submit\" class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\" style=\"background: #FFCB00 !important;padding:5px;    border: none; text-decoration:none; width:177px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">
1688.               Étape suivante
1689.                     </button>
1690.              </form>
1693.                       </div> 
1694.                             
1695.                             
1696.                            
1697.                      
1699.            
1701.                     
1702.                    
1703.                   </div>
1704.                    
1706.                 
1707.                 </div>
1708.               </div>
1709.             </div>
1710.           
1711.         </div>
1712.          
1713.       
1714.       </div>
1716.          <div class=\"col-sm-4 reservation-steeps-panier\" style=\"overflow-y: auto;\">
1717.       
1718.         {{render(path(\"ajax_cart\"))}}
1719.     </div>
1720.     </div>
1721.   </div>
1722.   
1723.   
1724. {% endblock %}
1731. {% block javascripts %}
1732.   <!-- MAIN CONTENT -->
1733.  
1734. <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\"></script>
1736. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
1737. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
1738.  
1739.  
1740. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js\"></script>
1741. <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js\"></script> 
1743.  
1744. <script>
1746.   \$(document).ready(function(){
1747.       
1748.          \$('#myForm').on('submit', function(event) {
1749.             if (!\$('input[name=\"choix\"]:checked').length) {
1750.                 alert('Veuillez sélectionner une option.');
1751.                 event.preventDefault();
1752.             }
1753.         });
1754.         
1755.   
1756.    \$('[data-toggle=\"tooltip\"]').tooltip({
1757.       placement: 'top', // Position de l'info-bulle
1758.       trigger: 'hover', // Déclencheur de l'info-bulle
1759.       delay: { \"show\": 500, \"hide\": 100 }, // Délai d'affichage et de masquage en millisecondes
1760.       html: true, // Autoriser le contenu HTML dans l'info-bulle
1761.       template: '<div class=\"tooltip custom-tooltip\" role=\"tooltip\"><div class=\"arrow\"></div><div class=\"tooltip-inner\"></div></div>' // Utilisation d'un modèle personnalisé pour l'info-bulle
1762.     });
1764. \$('body').on(\"click\",\".delete-cart-item\",function() {
1766.           
1767.     var idProduct = \$(this).attr(\"data-id\");
1768.     var price = \$(this).attr(\"data-price\");
1769.     var name = \$(this).attr(\"data-name\");
1770.     var actionType = \"remove\";
1772.     \$.ajax({
1773.       url:\"{{path('ajax_cart')}}\",
1774.       data:{
1775.         idProduct:idProduct,
1776.         price:price,
1777.         name:name,
1778.         actionType:actionType
1779.       },
1780.       success:function(result){
1781.         console.log(result);
1782.           \$(\".reservation-steeps-panier\").html(result);
1783.       }
1784.     });
1785.     });
1788.      // Fonction de mise à jour du prix total pour le repas du matin
1789.     \$('#select_repas_matin, #quantity').change(function() {
1790.       if (\$(this).val() === \"0\") {
1791.         \$('#select_repas_matin').val(\"\"); 
1792.     }
1793.         updateTotalPrice('#select_repas_matin', '#quantity', '#total_amount', '#total_price');
1794.         calculateTotalSum();
1795.         updateIdExtra(); // Mettre à jour l'ID extra
1796.     });
1798.     // Fonction de mise à jour du prix total pour le repas du déjeuner
1799.     \$('#select_repas_dejeuner, #quantity_input_dejeuner').change(function() {
1800.       if (\$(this).val() === \"0\") {
1801.         \$('#select_repas_dejeuner').val(\"\"); // Réinitialiser la sélection si la quantité est 0
1802.     }
1803.      updateTotalPrice('#select_repas_dejeuner', '#quantity_input_dejeuner', '#total_amount_dejeune', '#total_price_dejeune');
1804.         calculateTotalSum();
1805.         updateIdExtra(); // Mettre à jour l'ID extra
1806.     });
1808.     // Fonction de mise à jour du prix total pour la pause de l'après-midi
1809.     \$('#select_repas_apres_midi, #quantity_apres').change(function() {
1810.         updateTotalPrice('#select_repas_apres_midi', '#quantity_apres', '#total_amount_apres', '#total_price_apres');
1811.         calculateTotalSum();
1812.          updateIdExtra(); // Mettre à jour l'ID extra
1813.     });
1814.     
1817. function updateIdExtra() {
1818.     var selectedIds = [];
1819.     \$('#select_repas_dejeuner, #select_repas_matin , #select_repas_apres_midi').each(function() {
1820.         var selectedOption = \$(this).find(':selected');
1821.         if (selectedOption.length > 0) {
1822.             var dataId = selectedOption.data('id');
1823.             selectedIds.push(dataId);
1824.         }
1825.     });
1826.     \$('#id_extra').val(selectedIds.join(',')); // Mettre à jour la valeur de l'input caché avec les data-ids séparés par une virgule
1827. }
1830.  // Fonction de mise à jour du prix total
1831.     function updateTotalPrice(selectElement, quantityElement, totalAmountElement, totalPriceElement) {
1832.         var selectedOptionValue = parseInt(\$(selectElement).val());
1833.         var quantity = parseInt(\$(quantityElement).val());
1834.         if (!isNaN(selectedOptionValue) && !isNaN(quantity)) {
1835.             var totalPrice = selectedOptionValue * quantity;
1836.             \$(totalAmountElement).text(totalPrice);
1837.             \$(totalPriceElement).show();
1838.         } else {
1839.             \$(totalPriceElement).hide();
1840.         }
1841.     }
1843.      // Fonction de calcul de la somme totale
1844.     function calculateTotalSum() {
1845.         var totalSum = 0;
1846.         \$('.total-amount').each(function() {
1847.             var amount = parseInt(\$(this).text());
1848.             if (!isNaN(amount)) {
1849.                 totalSum += amount;
1850.             }
1851.         });
1852.         \$('#total_sum').text(totalSum);
1853.         \$('#amount_extra').val(totalSum);
1854.     }
1856.  // Écouter le changement de la sélection pour le repas du matin
1857.     \$('#repas_demande').change(function() {
1858.         if (\$(this).is(':checked')) {
1859.             \$('#quantity_input').show();
1860.             \$('#select_repas_matin').prop('disabled', false);
1861.         } else {
1862.             \$('#quantity_input').hide();
1863.             \$('#select_repas_matin').prop('disabled', true);
1864.             \$('#total_price').hide();
1865.         }
1866.     });
1868.         // Écouter le changement de la sélection pour le déjeuner
1869.     \$('#repas_demande').change(function() {
1870.         if (\$(this).is(':checked')) {
1871.             \$('#quantity_dejeune').show();
1872.             \$('#select_repas_dejeuner').prop('disabled', false);
1873.         } else {
1874.             \$('#quantity_input_dejeuner').hide();
1875.             \$('#select_repas_dejeuner').prop('disabled', true);
1876.             \$('#total_price_dejeune').hide();
1877.         }
1878.     });
1880.       // Écouter le changement de la sélection pour l'après-midi
1881.     \$('#repas_demande').change(function() {
1882.         if (\$(this).is(':checked')) {
1883.             \$('#quantity_input_apres').show();
1884.             \$('#select_repas_apres_midi').prop('disabled', false);
1885.         } else {
1886.             \$('#quantity_input_apres').hide();
1887.             \$('#select_repas_apres_midi').prop('disabled', true);
1888.             \$('#total_price_apres').hide();
1889.         }
1890.     });
1892.  
1894.   
1898.      \$('input[name=\"choix\"]').change(function(){ 
1900.       if(\$(this).val() == \"demande\"){
1901.           
1902.            \$('#select_repas_apres_midi').prop('selectedIndex', 0);
1903.            \$('#select_repas_dejeuner').prop('selectedIndex', 0);
1904.            \$('#select_repas_matin').prop('selectedIndex', 0);
1905.            \$('#quantity').val(0);
1906.            \$('#quantity_input_dejeuner').val(0);
1907.            \$(\"#quantity_apres\").val(0);
1908.             \$(\"#total_amount\").text(0);
1909.             \$(\"#total_amount_dejeune\").text(0);
1910.             \$(\"#total_amount_apres\").text(0);
1911.             \$(\"#total_sum\").text(0);
1912.             \$(\"#amount_extra\").val(0);
1914.            \$(\"#select_repas_matin\").prop('disabled', true);
1915.             \$(\"#select_repas_dejeuner\").prop('disabled', true);
1916.                 \$(\"#select_repas_apres_midi\").prop('disabled', true);  
1917.          
1918.       }else if(\$(this).val() == \"non\"){
1919.          
1920.         \$('#select_repas_apres_midi').prop('selectedIndex', 0);
1921.         \$('#select_repas_dejeuner').prop('selectedIndex', 0);
1922.         \$('#select_repas_matin').prop('selectedIndex', 0);
1923.          \$('#quantity').val(0);
1924.           \$('#quantity_input_dejeuner').val(0);
1925.            \$(\"#quantity_apres\").val(0);
1926.            \$(\"#total_amount\").text(0);
1927.            \$(\"#total_amount_dejeune\").text(0);
1928.            \$(\"#total_amount_apres\").text(0);
1929.            \$(\"#total_sum\").text(0);
1930.            \$(\"#amount_extra\").val(0);
1932.         
1933.          \$(\"#select_repas_matin\").prop('disabled', true);
1934.          \$(\"#select_repas_dejeuner\").prop('disabled', true);
1935.          \$(\"#select_repas_apres_midi\").prop('disabled', true); 
1937.       }else if(\$(this).val() == \"repas\"){
1939.           
1940.             \$(\"#select_repas_matin\").prop('disabled', false);
1941.                \$(\"#select_repas_dejeuner\").prop('disabled', false);
1942.                 \$(\"#select_repas_apres_midi\").prop('disabled', false);
1945.       }
1946.    
1947.         
1948.         });
1950.   /*\$('input[name=\"repas\"]').change(function(){
1951.  
1952.       
1953.     if(\$(this).val() === 'pause_matin') {
1954.       
1955.        // \$(\"#select_repas_matin\").val(\$('option:nth-child(1)').prop('selected', true));
1957.       \$(\"#select_repas_matin\").prop('disabled', false);
1958.       \$(\"#select_repas_dejeuner\").prop('disabled', true);
1959.        \$(\"#select_repas_apres_midi\").prop('disabled', true);
1960.       
1961.       
1962.     } else if(\$(this).val() == 'dejeuner') {
1963.       
1964.        // \$(\"#select_repas_dejeuner\").val(\$('option:nth-child(1)').prop('selected', true));
1965.         
1966.          \$(\"#select_repas_dejeuner\").prop('disabled', false);
1967.           \$(\"#select_repas_matin\").prop('disabled', true);
1968.           \$(\"#select_repas_apres_midi\").prop('disabled', true);
1969.       
1970.     } else if(\$(this).val() == 'pause_apres_midi') {
1972.        // \$(\"#select_repas_apres_midi\").val(\$('option:nth-child(1)').prop('selected', true));
1973.           
1974.       \$(\"#select_repas_apres_midi\").prop('disabled', false);
1975.          \$(\"#select_repas_dejeuner\").prop('disabled', true);
1976.           \$(\"#select_repas_matin\").prop('disabled', true);
1977.          
1978.     }
1980.   });*/
1981.   
1982.   function updateSession() {
1983.         let meals = {
1984.             breakfast: {
1985.                 name: \$(\"#select_repas_matin option:selected\").text(),
1986.                 price: \$(\"#select_repas_matin\").val(),
1987.                 quantity: \$(\"#quantity\").val() || 0
1988.             },
1989.             lunch: {
1990.                 name: \$(\"#select_repas_dejeuner option:selected\").text(),
1991.                 price: \$(\"#select_repas_dejeuner\").val(),
1992.                 quantity: \$(\"#quantity_input_dejeuner\").val() || 0
1993.             },
1994.             afternoonBreak: {
1995.                 name: \$(\"#select_repas_apres_midi option:selected\").text(),
1996.                 price: \$(\"#select_repas_apres_midi\").val(),
1997.                 quantity: \$(\"#quantity_apres\").val() || 0
1998.             }
1999.         };
2001.         // Envoi des données à Symfony via AJAX
2002.         \$.ajax({
2003.             url: \"{{path('save_meals_session')}}\",
2004.             type: \"POST\",
2005.             contentType: \"application/json\",
2006.             data: JSON.stringify(meals),
2007.             success: function (response) {
2008.                 console.log(\"Session updated\", response);
2009.             },
2010.             error: function (xhr, status, error) {
2011.                 console.error(\"Error:\", error);
2012.             }
2013.         });
2014.     }
2016.     // Écoute des changements sur les sélections de repas
2017.    
2018.     \$(\"#select_repas_matin, #quantity, #select_repas_dejeuner, #quantity_input_dejeuner, #select_repas_apres_midi, #quantity_apres\").on(\"change\", updateSession);
2019.  
2024.     });
2026.  
2027. </script>
2029.  
2030. {% endblock %}
2032. ", "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-meeting-next.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-meeting-next.html.twig");
2033.     }
2034. }