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-step.html.twig */
16. class __TwigTemplate_0c5ab5d808daf9135db98680768bc94d 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-step.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-step.html.twig"));
49.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-meeting-step.html.twig", 1);
50.         $this->parent->display($context, array_merge($this->blocks, $blocks));
51.         
52.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
54.         
55.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
57.     }
59.     // line 4
60.     public function block_stylesheets($context, array $blocks = [])
61.     {
62.         $macros = $this->macros;
63.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
64.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
66.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
67.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
69.         // line 5
70.         $this->displayParentBlock("stylesheets", $context, $blocks);
71.         echo "
72.  <link rel=\"stylesheet\" href=\"";
73.         // line 6
74.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/css/reservation.css"), "html", null, true);
75.         echo "\" />
76.  
77. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />
78.  <style>
79.   
81.   .form-check {
82.  
83.     min-height: 1.9rem !important;
84.     }
86.   .modal-backdrop.fade.show {Théâtre
87.         display: none;
88. }
89.  
90.  
91. /* css checkbox*/
93. /* hide checkbox */
94. input[type=\"checkbox\"] {
95.   display: none;
96. }
98. /* if checkbox is checked, then do these things */
99. /*input[type=\"checkbox\"]:checked + label {
100.   color: white;
101.   background:#FFD86E;
102.   border-radius: 5px;
103.   padding: 0px 10px 0px 10px;
104. }
106. /* styles when hovering over options */
107. label:hover {
109.   cursor: pointer;
110.   
111.   /* transitions and animations */
112.   -webkit-transition: color .5s ease;
113.   -moz-transition: color .5s ease;
114.   -ms-transition: color .5s ease;
115.   -o-transition: color .5s ease;
116.   transition: color .5s ease;
117. }
118. .boutton-step{
119.   padding:10px; 
120.   text-decoration:none; 
121.   width:230px; 
122.    font-size: 12px;
123.     font-family: 'PT Sans', sans-serif;
124.     letter-spacing:2px;
125. }
126.   
127. input.button {
128.   
129. \twidth:130px;
130. \theight:50px;
131. \tmargin: 20px 0 30px 0;
132. \tpadding: 0px 20px 0px 20px;
133. \tbackground: #e6e6e6;
134. \tborder-radius:5px;
135. \tborder: 1px solid #ccc;
137. \tfont-family: OpenSans, sans-serif;
138. \tfont-size:16pt;
139. \tcolor:#444;
140. }
142. .Addons label{
143.     font-size:12px !important;
144.     font-family: 'roboto';
145.     font-weight: 500;
146.     border: 1px solid #80808024;
147.     margin: 2px;
148.     padding: 0px 5px 0px 5px;
149.     border-radius: 5px;
150. }
151. .multistep-container .active-button li:not(:first-child) .round-btn:before {
152.     position: absolute;
153.     content: '';
154.     width: 141px;
155.     height: 3px;
156.     background-color: #E9F2FA;
157.     left: -120px;
158. }
161. .multistep-container .active-button li {
162.     display: inline-block;
163.     width: 140px;
164. }
166. .form-check {
167.     line-height: 22px;
168. }   
170. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3{
171.         flex: 0 0 86%;
172. }
174.  @media (max-width:767px) {
175.                 html, body {
176.                   overflow-x: hidden  !important;
177.                 }
178.                 body {
179.                   position: relative !important;
180.                 }
181.                 .col-sm-8.reservation-steeps {
182.                     padding:0%;
183.                 }
184.                 .multistep-container .mutistep-form-area .form-box{
185.                     position: relative;
186.                     top: 33px;
187.                     left: 0px;
188.                 }
189.                 .multistep-container .active-button li{
190.                     display: inline-block;
191.                     width: 100px;
192.                 }
193.                 .panel-sticky{
194.                     font-size:12px;
195.                 }
196.               h6.display-6.header-steeps {
197.                 margin-left: 3%;
198.             }
199.             h6.datetime{
200.                  margin-left: 3%;
201.             }
202.             a#seeDetails {
203.                 margin-bottom: -11%;
204.             }
205.             a#seePrice {
206.                 float: right;
207.                 margin-right: 52%;
208.             }
209.  }
210.     
211.      li.etape1:before {
212.     background: #7ED670 !important; /* Change the background color */
213.     color: white !important;
214. }
216.   .titre-page{
217. margin-top:10px;
218. font-size: 20px;
219. line-height:45.29px;
220. color: #000000;
221. } 
224. .radio-buttons {
225.   display: flex;
226. }
228. .radio-buttons input[type=\"radio\"] {
229.   display: none;
230. }
232. .radio-buttons label {
233.   display: block;
234.   margin-right: 40px;
235.   cursor: pointer;
236. }
238. .radio-buttons label img {
239.   border-radius: 10px;
240.   width: 100px;  
241.   height: 110px;  
242.   box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
244. }
245. .radio-buttons input[type=\"radio\"]:checked + label img {
246.   border: 2px solid #FFCB00 ; /* Style pour indiquer la sélection, vous pouvez personnaliser */
247. }
248.  
251. </style>
253.   
255.   
256. ";
257.         
258.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
260.         
261.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
263.     }
265.     // line 188
266.     public function block_body($context, array $blocks = [])
267.     {
268.         $macros = $this->macros;
269.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
270.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
272.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
273.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
275.         // line 189
276.         echo " 
278.  
279.  
281.  
282.   <img src=\"";
283.         // line 195
284.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/sallereunion.jpg"), "html", null, true);
285.         echo "\" style=\"width: 100%;height: 520px;\" class=\"img-fluid\" />
286.   <div class=\"container\">
287.     <div class=\"row justify-content-between\">
288.       <div class=\"col-sm-8 reservation-steeps\">
289.        
290.        <div class=\"row\">
291.           <div class=\"col-sm-8\">
292.             <h6 class=\"titre-page\">Réservation ";
293.         // line 202
294.         echo twig_escape_filter($this->env, (isset($context["name"]) || array_key_exists("name", $context) ? $context["name"] : (function () { throw new RuntimeError('Variable "name" does not exist.', 202, $this->source); })()), "html", null, true);
295.         echo "
296.                 
298.             </h6>
299.           </div>
300.           <div class=\"col-sm-4\" style=\"margin-top:10px;\">
301.             <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>
302.           </div>
303.         </div>
304.        
305.        
306.         <div class=\"container\">
307.          
308.               
309.                    
310.   <div class=\"container d-flex justify-content-center align-items-center\">
311.          
312.          
313.           <ul id=\"progressbar\">
314. \t\t <li class=\"etape1\"> <span> Type</span>  </li>
315. \t\t<li class=\"active\" > Formule </li>
316. \t\t<li> Dates</li>
317. \t\t<li> Confirmation</li>
318.            
319.           
320. \t\t\t\t</ul>
321.         </div>
322.             
323.             <div class=\"col-xl-12\" style=\"top: 20px;\">
324.               
325.               <div class=\"multistep-container\">
326.                 <div class=\"mutistep-form-area\">
327.                     
328.                  
329.                   <div class=\"form-box\">
330.                 
331.                     
332.                  
333.                        
334.                             <div class=\"container\" >
336.                   
337.               
338.                
339.                  <div id=\"form-attribue\" style=\"line-height: 20px;\" class=\"mt-4\"> 
340.                <h5>Veuillez choisir une formule </h5>
342.                    
343.                 
346.                   ";
347.         // line 253
348.         $context['_parent'] = $context;
349.         $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 253, $this->source); })()));
350.         foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
351.             // line 254
352.             echo "                   ";
353.             if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 254) == "check")) {
354.                 echo "     
355.                     
356.                      <div class=\"form-check\">
357.                       <input class=\"form-check-input option\" data-time=\"";
358.                 // line 257
359.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 257), "name", [], "any", false, false, false, 257), "html", null, true);
360.                 echo "\"  data-days=\"";
361.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 257), "description", [], "any", false, false, false, 257), "html", null, true);
362.                 echo "\" data-id=\"";
363.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 257), "id", [], "any", false, false, false, 257), "html", null, true);
364.                 echo "\" data-name=\"";
365.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 257), "name", [], "any", false, false, false, 257), "html", null, true);
366.                 echo "\"  data-price=\"";
367.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 257), "html", null, true);
368.                 echo "\" class=\"option\"   type=\"radio\" name=\"radioGroup\" id=\"radio";
369.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 257), "id", [], "any", false, false, false, 257), "html", null, true);
370.                 echo "\" value=\"";
371.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 257), "name", [], "any", false, false, false, 257), "html", null, true);
372.                 echo "\"  />
373.                       <label class=\"form-check-label\"  data-time=\"";
374.                 // line 258
375.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 258), "name", [], "any", false, false, false, 258), "html", null, true);
376.                 echo "\"  data-days=\" ";
377.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 258), "description", [], "any", false, false, false, 258), "html", null, true);
378.                 echo "\" data-id=\"";
379.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 258), "id", [], "any", false, false, false, 258), "html", null, true);
380.                 echo "\" data-name=\"";
381.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 258), "name", [], "any", false, false, false, 258), "html", null, true);
382.                 echo "\"   data-price=\"";
383.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 258), "html", null, true);
384.                 echo "\"    for=\"radio";
385.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 258), "id", [], "any", false, false, false, 258), "html", null, true);
386.                 echo "\">  ";
387.                 if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 258), "name", [], "any", false, false, false, 258) == "1 Jour")) {
388.                     echo " Journée entière  ";
389.                 } else {
390.                     echo " ";
391.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 258), "name", [], "any", false, false, false, 258), "html", null, true);
392.                     echo "  ";
393.                 }
394.                 echo "  </label><br>
395.                       ";
396.                 // line 259
397.                 if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 259), "name", [], "any", false, false, false, 259) == "Demi-Journée")) {
398.                     echo " 
400.                     
401.                    
402.                      <small>Choisir une plage horaire :</small>
403.                       <select class=\"form-select\" id=\"plage-horaire\" style=\"width: 37%;\" name=\"plage-horaire\" disabled>
404.                           <option value=\"\"> Plage horaire</option>
405.                         <option value=\"matin\">Matin (8h00-13h00)</option>
406.                         <option value=\"apres-midi\">Après-midi (13h00-18H00)</option>
407.                       </select>
408.              
409.                       ";
410.                 }
411.                 // line 270
412.                 echo " 
413.                       
414.                     </div>
415.                      
416.                      ";
417.             }
418.             // line 275
419.             echo "                   ";
420.         }
421.         $_parent = $context['_parent'];
422.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
423.         $context = array_intersect_key($context, $_parent) + $_parent;
424.         // line 276
425.         echo "
426.                     ";
427.         // line 277
428.         $context['_parent'] = $context;
429.         $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 277, $this->source); })()));
430.         foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
431.             // line 278
432.             echo "
433.                   ";
434.             // line 279
435.             if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 279) == "simple")) {
436.                 // line 280
437.                 echo "
438.                   
439.                 <div class=\"form-check\"  >
440.                 <input class=\"form-check-input option\"  data-days=\"10\"  data-id=\"";
441.                 // line 283
442.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 283), "id", [], "any", false, false, false, 283), "html", null, true);
443.                 echo "\" data-name=\"";
444.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 283), "name", [], "any", false, false, false, 283), "html", null, true);
445.                 echo "\"  data-price=\"";
446.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 283), "html", null, true);
447.                 echo "\" type=\"radio\" name=\"radioGroup\" class=\"option\" id=\"radio1\" value=\"";
448.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 283), "name", [], "any", false, false, false, 283), "html", null, true);
449.                 echo "\" />
450.                 <label class=\"form-check-label\"    data-days=\"10\"  data-id=\"";
451.                 // line 284
452.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 284), "id", [], "any", false, false, false, 284), "html", null, true);
453.                 echo "\" data-name=\"";
454.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 284), "name", [], "any", false, false, false, 284), "html", null, true);
455.                 echo "\"  data-price=\"";
456.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 284), "html", null, true);
457.                 echo "\" for=\"radio1\"> ";
458.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 284), "name", [], "any", false, false, false, 284), "html", null, true);
459.                 echo " </label><br>
460.                 <small>
461.                   
462.                   ";
463.                 // line 287
464.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 287), "description", [], "any", false, false, false, 287), "html", null, true);
465.                 echo "
466.                   </small>
467.                 </div>
469.                 
470.                   ";
471.             }
472.             // line 293
473.             echo "                  ";
474.         }
475.         $_parent = $context['_parent'];
476.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
477.         $context = array_intersect_key($context, $_parent) + $_parent;
478.         // line 294
479.         echo "
480.                      ";
481.         // line 311
482.         echo " 
484.              ";
485.         // line 313
486.         $context['_parent'] = $context;
487.         $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 313, $this->source); })()));
488.         foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
489.             // line 314
490.             echo "                   ";
491.             if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 314) == "personalized")) {
492.                 echo "     
493.                     
494.                      <div class=\"form-check\">
495.                       <input class=\"form-check-input\"  data-days=\"30\" data-id=\"";
496.                 // line 317
497.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 317), "id", [], "any", false, false, false, 317), "html", null, true);
498.                 echo "\" data-name=\"";
499.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 317), "name", [], "any", false, false, false, 317), "html", null, true);
500.                 echo "\"  data-price=\"";
501.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 317), "html", null, true);
502.                 echo "\"   type=\"radio\" name=\"radioGroup\" id=\"radio";
503.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 317), "id", [], "any", false, false, false, 317), "html", null, true);
504.                 echo "\"  />
505.                       <label class=\"form-check-label\" data-days=\"30\" data-id=\"";
506.                 // line 318
507.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 318), "id", [], "any", false, false, false, 318), "html", null, true);
508.                 echo "\" data-name=\"";
509.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "product", [], "any", false, false, false, 318), "name", [], "any", false, false, false, 318), "html", null, true);
510.                 echo "\"   data-price=\"";
511.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 318), "html", null, true);
512.                 echo "\"    for=\"radio";
513.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 318), "id", [], "any", false, false, false, 318), "html", null, true);
514.                 echo "\">  ";
515.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 318), "name", [], "any", false, false, false, 318), "html", null, true);
516.                 echo "   </label><br>
517.                       
518.                        <small> ";
519.                 // line 320
520.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 320), "description", [], "any", false, false, false, 320), "html", null, true);
521.                 echo "</small>
522.                     </div>
523.                      
524.                      ";
525.             }
526.             // line 324
527.             echo "                   ";
528.         }
529.         $_parent = $context['_parent'];
530.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
531.         $context = array_intersect_key($context, $_parent) + $_parent;
532.         // line 325
533.         echo "                   
534.                  ";
535.         // line 326
536.         $context["room"] = twig_replace_filter((isset($context["name"]) || array_key_exists("name", $context) ? $context["name"] : (function () { throw new RuntimeError('Variable "name" does not exist.', 326, $this->source); })()), ["Meeting room " => ""]);
537.         // line 327
538.         echo "                 ";
539.         $context["targetRooms"] = ["Omega", "Beta", "Epsilon", "Alpha", "Delta"];
540.         // line 328
541.         echo "                 ";
542.         $context["isDisabled"] = twig_in_filter((isset($context["room"]) || array_key_exists("room", $context) ? $context["room"] : (function () { throw new RuntimeError('Variable "room" does not exist.', 328, $this->source); })()), (isset($context["targetRooms"]) || array_key_exists("targetRooms", $context) ? $context["targetRooms"] : (function () { throw new RuntimeError('Variable "targetRooms" does not exist.', 328, $this->source); })()));
543.         // line 329
544.         echo "                 
545.                     <h5 style=\"font-weight:bold; margin-top: 20px;";
546.         // line 330
547.         if ((isset($context["isDisabled"]) || array_key_exists("isDisabled", $context) ? $context["isDisabled"] : (function () { throw new RuntimeError('Variable "isDisabled" does not exist.', 330, $this->source); })())) {
548.             echo "opacity: 0.5; pointer-events: none;";
549.         }
550.         echo "\" >Veuillez choisir une disposition de la salle  </h5>
551.                    <!-- <select class=\"form-select\" aria-label=\"Default select example\" name=\"disposition\"  id=\"disposition\" style=\"width: 50%;\">
552.                      <option value=\"\">Sélectionnez un choix</option>
553.                       <option value=\"u\">U</option>
554.                       <option value=\"Théâtre\">Théâtre</option>
555.                       <option value=\"Ecole\">Ecole</option>
556.                       
557.                     </select>-->
558.                      <div class=\"radio-buttons\">
559.                     <input type=\"radio\" id=\"u\" name=\"disposition\" value=\"u\" required  ";
560.         // line 339
561.         if ((isset($context["isDisabled"]) || array_key_exists("isDisabled", $context) ? $context["isDisabled"] : (function () { throw new RuntimeError('Variable "isDisabled" does not exist.', 339, $this->source); })())) {
562.             echo " disabled";
563.         }
564.         echo " >
565.                     <label for=\"u\">
566.                         <img src=\"";
567.         // line 341
568.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/U.png"), "html", null, true);
569.         echo "\"  style=\"width: 110px;height: 100px;";
570.         if ((isset($context["isDisabled"]) || array_key_exists("isDisabled", $context) ? $context["isDisabled"] : (function () { throw new RuntimeError('Variable "isDisabled" does not exist.', 341, $this->source); })())) {
571.             echo "opacity: 0.5; pointer-events: none;";
572.         }
573.         echo "\" class=\"img-fluid\"  title=\"Disposition U\"/>
574.                     <br>
575.                       ";
576.         // line 343
577.         if (((isset($context["dispotionU"]) || array_key_exists("dispotionU", $context) ? $context["dispotionU"] : (function () { throw new RuntimeError('Variable "dispotionU" does not exist.', 343, $this->source); })()) != 0)) {
578.             // line 344
579.             echo "                    <div class=\"text-center mt-1\"><small>";
580.             echo twig_escape_filter($this->env, (isset($context["dispotionU"]) || array_key_exists("dispotionU", $context) ? $context["dispotionU"] : (function () { throw new RuntimeError('Variable "dispotionU" does not exist.', 344, $this->source); })()), "html", null, true);
581.             echo " Personnes max</small> </div>
582.                          ";
583.         }
584.         // line 346
585.         echo "                    </label>
587.                     <input type=\"radio\" id=\"theatre\" name=\"disposition\" value=\"Théâtre\"  ";
588.         // line 348
589.         if ((isset($context["isDisabled"]) || array_key_exists("isDisabled", $context) ? $context["isDisabled"] : (function () { throw new RuntimeError('Variable "isDisabled" does not exist.', 348, $this->source); })())) {
590.             echo "disabled";
591.         }
592.         echo " >
593.                     <label for=\"theatre\">
594.                      <img src=\"";
595.         // line 350
596.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/theatre.png"), "html", null, true);
597.         echo "\" style=\"width: 110px;height: 100px;";
598.         if ((isset($context["isDisabled"]) || array_key_exists("isDisabled", $context) ? $context["isDisabled"] : (function () { throw new RuntimeError('Variable "isDisabled" does not exist.', 350, $this->source); })())) {
599.             echo "opacity: 0.5; pointer-events: none;";
600.         }
601.         echo "\" class=\"img-fluid\"  title=\"Disposition Théâtre\" />
602.                     <br>
603.                         ";
604.         // line 352
605.         if (((isset($context["dispotionTheatre"]) || array_key_exists("dispotionTheatre", $context) ? $context["dispotionTheatre"] : (function () { throw new RuntimeError('Variable "dispotionTheatre" does not exist.', 352, $this->source); })()) != 0)) {
606.             // line 353
607.             echo "                    <div class=\"text-center mt-1\"><small>";
608.             echo twig_escape_filter($this->env, (isset($context["dispotionTheatre"]) || array_key_exists("dispotionTheatre", $context) ? $context["dispotionTheatre"] : (function () { throw new RuntimeError('Variable "dispotionTheatre" does not exist.', 353, $this->source); })()), "html", null, true);
609.             echo " Personnes max</small></div>
610.                          ";
611.         }
612.         // line 355
613.         echo "                    </label>
615.                     <input type=\"radio\" id=\"ecole\" name=\"disposition\" value=\"Ecole\"  ";
616.         // line 357
617.         if ((isset($context["isDisabled"]) || array_key_exists("isDisabled", $context) ? $context["isDisabled"] : (function () { throw new RuntimeError('Variable "isDisabled" does not exist.', 357, $this->source); })())) {
618.             echo "disabled";
619.         }
620.         echo " >
621.                     <label for=\"ecole\">
622.                       <img src=\"";
623.         // line 359
624.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/ecole.png"), "html", null, true);
625.         echo "\" style=\"width: 110px;height: 100px;";
626.         if ((isset($context["isDisabled"]) || array_key_exists("isDisabled", $context) ? $context["isDisabled"] : (function () { throw new RuntimeError('Variable "isDisabled" does not exist.', 359, $this->source); })())) {
627.             echo "opacity: 0.5; pointer-events: none;";
628.         }
629.         echo "\" class=\"img-fluid\" title=\"Disposition École\" />
630.                      <br>
631.                       ";
632.         // line 361
633.         if (((isset($context["dispotionEcole"]) || array_key_exists("dispotionEcole", $context) ? $context["dispotionEcole"] : (function () { throw new RuntimeError('Variable "dispotionEcole" does not exist.', 361, $this->source); })()) != 0)) {
634.             // line 362
635.             echo "                    <div class=\"text-center mt-1\"><small>";
636.             echo twig_escape_filter($this->env, (isset($context["dispotionEcole"]) || array_key_exists("dispotionEcole", $context) ? $context["dispotionEcole"] : (function () { throw new RuntimeError('Variable "dispotionEcole" does not exist.', 362, $this->source); })()), "html", null, true);
637.             echo " Personnes max </small></div>
638.                          ";
639.         }
640.         // line 364
641.         echo "                    </label>
642.                   </div>
643.                    <div class=\"row\">
644.                   <div class=\"col-md-4\">
645.                       <label for=\"nbr\" style=\"font-size: 12px;";
646.         // line 368
647.         if ((isset($context["isDisabled"]) || array_key_exists("isDisabled", $context) ? $context["isDisabled"] : (function () { throw new RuntimeError('Variable "isDisabled" does not exist.', 368, $this->source); })())) {
648.             echo "opacity: 0.5; pointer-events: none;";
649.         }
650.         echo "\">Le nombre approximatif de personnes présentes :</label>
651.                   </div>
652.                   <div class=\"col-md-4\">
653.                       <input type=\"number\"  id=\"nbr_personne\" name=\"nbr_personne\"  class=\"form-control\" style=\"width:40%;";
654.         // line 371
655.         if ((isset($context["isDisabled"]) || array_key_exists("isDisabled", $context) ? $context["isDisabled"] : (function () { throw new RuntimeError('Variable "isDisabled" does not exist.', 371, $this->source); })())) {
656.             echo "disabled";
657.         }
658.         echo "\" min=\"1\"/>
659.                   </div>
660.               </div>
661.                     <h5 style=\"font-weight:bold; margin-top: 22px;\">Services supplémentaires</h5>
662.                     <h6 style=\"font-weight:bold; margin-top: 22px;\">Voulez-vous ajouter des services supplémentaires?</h6>
663.                    <!-- <small style=\"color:grey\">Disponible en location au mois ou à la journée</small>-->
664.                     <div class=\"row\">
665.                          <div class=\"col-sm-12 Addons\">
666.                             ";
667.         // line 379
668.         $context['_parent'] = $context;
669.         $context['_seq'] = twig_ensure_traversable((isset($context["services"]) || array_key_exists("services", $context) ? $context["services"] : (function () { throw new RuntimeError('Variable "services" does not exist.', 379, $this->source); })()));
670.         foreach ($context['_seq'] as $context["_key"] => $context["service"]) {
671.             // line 380
672.             echo "
673.                                     <input id=\"";
674.             // line 381
675.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "name", [], "any", false, false, false, 381), "html", null, true);
676.             echo "\"    data-id=\"";
677.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "id", [], "any", false, false, false, 381), "html", null, true);
678.             echo "\" data-name=\"";
679.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "name", [], "any", false, false, false, 381), "html", null, true);
680.             echo "\"  data-price=\"";
681.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "price", [], "any", false, false, false, 381), "html", null, true);
682.             echo "\" type=\"checkbox\" class=\"CK\" name=\"services\" value=\"";
683.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "id", [], "any", false, false, false, 381), "html", null, true);
684.             echo " \"><label for=\"service\"> ";
685.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "name", [], "any", false, false, false, 381), "html", null, true);
686.             echo "  </label> 
687.                             ";
688.         }
689.         $_parent = $context['_parent'];
690.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['service'], $context['_parent'], $context['loop']);
691.         $context = array_intersect_key($context, $_parent) + $_parent;
692.         // line 382
693.         echo "<br>
694.                             
695.                               ";
696.         // line 384
697.         $context["isSimple"] = false;
698.         // line 385
699.         echo "                                ";
700.         $context['_parent'] = $context;
701.         $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 385, $this->source); })()));
702.         foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
703.             // line 386
704.             echo "                                    ";
705.             if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 386) == "simple")) {
706.                 // line 387
707.                 echo "                                        ";
708.                 $context["isSimple"] = true;
709.                 // line 388
710.                 echo "                                    ";
711.             }
712.             // line 389
713.             echo "                                ";
714.         }
715.         $_parent = $context['_parent'];
716.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
717.         $context = array_intersect_key($context, $_parent) + $_parent;
718.         // line 390
719.         echo "                                
720.                             ";
721.         // line 391
722.         $context['_parent'] = $context;
723.         $context['_seq'] = twig_ensure_traversable((isset($context["servicesCommuns"]) || array_key_exists("servicesCommuns", $context) ? $context["servicesCommuns"] : (function () { throw new RuntimeError('Variable "servicesCommuns" does not exist.', 391, $this->source); })()));
724.         foreach ($context['_seq'] as $context["_key"] => $context["servicesCommun"]) {
725.             // line 392
726.             echo "                               ";
727.             if ( !(isset($context["isSimple"]) || array_key_exists("isSimple", $context) ? $context["isSimple"] : (function () { throw new RuntimeError('Variable "isSimple" does not exist.', 392, $this->source); })())) {
728.                 // line 393
729.                 echo "                               ";
730.                 if (!twig_in_filter(twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 393), [94, 92, 69])) {
731.                     // line 394
732.                     echo "                            <input id=\"";
733.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 394), "html", null, true);
734.                     echo "\" data-id=\"";
735.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 394), "html", null, true);
736.                     echo "\" data-name=\"";
737.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 394), "html", null, true);
738.                     echo "\" data-price=\"";
739.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "price", [], "any", false, false, false, 394), "html", null, true);
740.                     echo "\" type=\"checkbox\" class=\"CK\" name=\"serviceCommun\" value=\"";
741.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 394), "html", null, true);
742.                     echo " \">
743.                             <label for=\"service\"> ";
744.                     // line 395
745.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 395), "html", null, true);
746.                     echo " </label>
747.                              ";
748.                 }
749.                 // line 397
750.                 echo "                            ";
751.             } else {
752.                 // line 398
753.                 echo "                        <input id=\"";
754.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 398), "html", null, true);
755.                 echo "\" data-id=\"";
756.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 398), "html", null, true);
757.                 echo "\" data-name=\"";
758.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 398), "html", null, true);
759.                 echo "\" data-price=\"";
760.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "price", [], "any", false, false, false, 398), "html", null, true);
761.                 echo "\" type=\"checkbox\" class=\"CK\" name=\"serviceCommun\" value=\"";
762.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 398), "html", null, true);
763.                 echo " \">
764.                         <label for=\"service\"> ";
765.                 // line 399
766.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 399), "html", null, true);
767.                 echo " </label>
768.                            ";
769.             }
770.             // line 401
771.             echo "                              ";
772.         }
773.         $_parent = $context['_parent'];
774.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['servicesCommun'], $context['_parent'], $context['loop']);
775.         $context = array_intersect_key($context, $_parent) + $_parent;
776.         // line 402
777.         echo "
778.                               ";
779.         // line 406
780.         echo "     
781.  
782.                              </div>
783.                      
784.                     
785.                     </div>
786.  
787.                      <!--<h6 style=\"font-weight:bold; margin-top: 10px;\">Avez vous des demandes spécifiques ?</h6>
788.                       <textarea class=\"form-control\" name=\"demande\" id=\"textAreaExample1\" rows=\"1\" placeholder=\"Saisissez votre texte Ici\" style=\"font-size: 12px;\"></textarea>
789.                    -->
791.                   </div>
792.               
794.                                
795.                     
796.               
797.                  </div>
798.                     <div class=\"button-row\">
799.                          
800.             <a href=\"";
801.         // line 426
802.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationsallereuninon");
803.         echo "\"  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>
804.               
805.              <a href=\"";
806.         // line 428
807.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationMeetingNext", ["id" => (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 428, $this->source); })()), "paramFormule" => "days"]), "html", null, true);
808.         echo "\" style=\"background: #FFCB00 !important;\"  id=\"reservationLink\" class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__ boutton-step\">Étape suivante</a>
809.             
810.                       </div> 
811.                             
812.                             
813.                            
814.                      
816.            
818.                     
819.                    
820.                   </div>
821.                    
823.                 
824.                 </div>
825.               </div>
826.             </div>
827.           
828.         </div>
829.          
830.       
831.       </div>
833.          <div class=\"col-sm-4 reservation-steeps-panier\" style=\"overflow-y: auto;\">
834.       
835.         ";
836.         // line 455
837.         echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart"));
838.         echo "
839.     </div>
840.     </div>
841.   </div>
842.   
843.   
844. ";
845.         
846.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
848.         
849.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
851.     }
853.     // line 468
854.     public function block_javascripts($context, array $blocks = [])
855.     {
856.         $macros = $this->macros;
857.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
858.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
860.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
861.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
863.         // line 469
864.         echo "  <!-- MAIN CONTENT -->
865.  
867. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
868. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
869.  
870.  
872. <script>
874.   //recuperer la valeur des jours dans le formulaire .
875.     document.getElementById('reservationLink').addEventListener('click', function() {
877.       
878.          var errors = \"\"; // Variable pour stocker les messages d'erreur
880.         var days=0;
881.         var check=false;
882.         var time =\"\";
883.         var isChecked = false;
884.          var selectValue = \$('#plage-horaire').val();
885.         //var disposition = \$('#disposition').val();
886.            // Obtention de la valeur de l'option de disposition sélectionnée
887.          var disposition = \$('input[name=\"disposition\"]:checked').val(); 
888.          var nbrApproximatif  = \$('input[name=\"nbr_personne\"]').val(); 
889.         
890.      
891.       
892.           
893.          var radioButtons = document.getElementsByName('radioGroup');
895.          
898.           for (var i = 0; i < radioButtons.length; i++) {
899.             if (radioButtons[i].checked) {
900.              days = parseInt(radioButtons[i].getAttribute('data-days'));
901.              time = radioButtons[i].getAttribute('data-time');
902.             break;
903.             }
904.         } 
905.         
906.         if(time == \"Horaire\" ){
907.           check = true;
908.         }
909.         
910.         
911.         
912.        
913.         
914.    // Vérification pour la plage horaire
915.      if (time == \"DEMI JOURNÉE\" && selectValue == \"\") {
916.         errors += \"Veuillez sélectionner une plage horaire.\\n\";
917.     }
918.    
919.          
920.           
921.     if (days === 0 && !isChecked) {
922.       
923.          errors += \"Vous n'avez rien sélectionné, Veuillez sélectionner une option.\\n\";
924.   
925.     }
926.     
927.       // Récupération du texte du titre de la page
928.     var excludedNames = [\"Omega\", \"Beta\", \"Epsilon\", \"Alpha\", \"Delta\"];
929.     var pageTitle = document.querySelector('.titre-page').textContent.trim();
930.     var titleEndsWithExcludedName = excludedNames.some(name => pageTitle.endsWith(name));
931.     
932.     
933.      // Vérification pour la disposition
934.     if (!disposition && !titleEndsWithExcludedName )  {
935.         
936.         errors += \"Veuillez sélectionner une disposition.\\n\";
937.     }
938.      
940.     // Affichage des erreurs (s'il y en a)
941.     if (errors !== \"\") {
942.         event.preventDefault(); // Empêche le lien de se déclencher
943.         alert(errors);
944.     }
945.   
946.    
947.     
948.         var link = document.getElementById('reservationLink');
949.         link.href = \"";
950.         // line 554
951.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationMeetingNext", ["id" => (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 554, $this->source); })()), "paramFormule" => "days", "Horai12" => "VALUE", "dIS34" => "VALUE2", "time" => "VALUE3", "proxim" => "VALUE4"]), "html", null, true);
952.         echo "\".replace('days', days).replace('VALUE', selectValue).replace('VALUE2', disposition).replace('VALUE3', check).replace('VALUE4',nbrApproximatif);
953.     });
955.   
956.     \$(document).ready(function(){
959.     var select= \$('#plage-horaire');
961.       \$('input[name=\"radioGroup\"]').change(function(){
962.         if (\$(this).attr('id') === 'radio24') {
963.           select.prop('disabled', false);
964.         } else {
965.           select.prop('selectedIndex', 0).prop('disabled', true);
966.         }
967.       });
972.  \$('input[type=radio][name=radioGroup]').click(function() {
973.    // \$('input[type=checkbox]').prop('checked', false);
974. });
975.      
977.  \$('#serviceFormule').change(function(){ 
978.    var radio = document.getElementById('radio2');
979.         radio.checked = true;
980.         
981.   //\$('input[type=checkbox]').prop('checked', false); 
982.           
984.   });
986.    
988.   var radioButtons = document.getElementsByName('radioGroup');
989.  var selectElement = document.getElementById('serviceFormule');
991. radioButtons.forEach(function(radio) {
992.     radio.addEventListener('click', function() {
993.         if (radio.id === 'radio2') {
994.             selectElement.disabled = false;
995.            
996.           var idProduct = \$('option:nth-child(2)').attr(\"data-id\");
997.           var price = \$('option:nth-child(2)').attr(\"data-price\");
998.            var name = \$('option:nth-child(2)').attr(\"data-name\");
999.           var actionType = \"add\";
1000.     
1002.     \$.ajax({
1003.       url:\"";
1004.         // line 605
1005.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1006.         echo "\",
1007.       data:{
1008.         idProduct:idProduct,
1009.         price:price,
1010.         name:name,
1011.         actionType:actionType
1012.       },
1013.       success:function(result){
1014.         console.log(result);
1015.           \$(\".reservation-steeps-panier\").html(result);
1016.       }
1017.     });
1018.            // alert(idProduct);
1020.              selectElement.val(\$('option:nth-child(2)').prop('selected', true));
1022.         } else {
1023.             selectElement.selectedIndex = 0; // Sélection du premier élément
1024.             selectElement.disabled = true;
1025.         }
1026.     });
1027. });
1029.      \$('body').on(\"click\",\".option\",function() {
1030.      
1031.      var selectedServiceIds = [];
1032.            var formule =\"\";
1033.             if (\$(this).is(':checked')) { // Vérifie si la case est cochée
1034.         var formule = \$(this).val(); // Récupère la valeur de la case cochée
1035.          
1036.     }
1037.             
1038.              \$('.CK:checked').each(function() {
1039.         // Ajouter l'ID du service sélectionné à la liste
1040.         selectedServiceIds.push(\$(this).data('id'));
1041.   
1042.            var currentCheckbox = \$(this);
1044.           \$.ajax({
1045.                 url: '/reservation/ajax-service-price',
1046.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1047.                 data: { 
1048.                   serviceId : \$(this).data('id'),
1049.                   formule : formule
1050.                  },
1051.                 success: function(response) {
1052.                     currentCheckbox.attr('data-price', response);
1054.                     var idProduct = currentCheckbox.attr(\"data-id\");
1055.                     var price = currentCheckbox.attr(\"data-price\");
1056.                     var name = currentCheckbox.attr(\"data-name\");
1057.                      if(price != 0){
1058.                     var actionType = \"add\";
1059.                      currentCheckbox.next('label').css({'color': 'white', 'background': 'rgb(255, 216, 110)'});
1060.                     }else{
1061.                       var actionType = \"remove\";
1062.                       currentCheckbox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
1063.                     }
1064.              \$.ajax({
1065.                 url:\"";
1066.         // line 664
1067.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1068.         echo "\",
1069.                 data:{
1070.                   idProduct:idProduct,
1071.                   price:price,
1072.                   name:name,
1073.                   actionType:actionType
1074.                 },
1075.                 success:function(result){
1076.                   console.log(result);
1077.                     \$(\".reservation-steeps-panier\").html(result);
1078.                 }
1079.               });                     
1080.         },
1081.                 error: function(xhr, status, error) {
1082.                     // Gérez les erreurs ici
1083.                     console.error(error);
1084.                 }
1085.             });   });
1086.    
1087.           
1088.     var idProduct = \$(this).attr(\"data-id\");
1089.     var price = \$(this).attr(\"data-price\");
1090.     var name = \$(this).attr(\"data-name\");
1091.     var actionType = \"add\";
1092.     
1094.     \$.ajax({
1095.       url:\"";
1096.         // line 691
1097.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1098.         echo "\",
1099.       data:{
1100.         idProduct:idProduct,
1101.         price:price,
1102.         name:name,
1103.         actionType:actionType
1104.       },
1105.       success:function(result){
1106.         console.log(result);
1107.           \$(\".reservation-steeps-panier\").html(result);
1108.       }
1109.     });
1110.     });
1112.     \$('body').on(\"change\",\"select.option\",function() {
1113.                 
1114.                 var selectedServiceIds = [];
1115.      
1116.                  formule =\$(\"#serviceFormule\").val();
1117.                 
1118.           
1119.  
1120.     // Parcourir toutes les cases cochées avec la classe CK
1121.     \$('.CK:checked').each(function() {
1122.         // Ajouter l'ID du service sélectionné à la liste
1123.         selectedServiceIds.push(\$(this).data('id'));
1124.   
1125.            var currentCheckbox = \$(this);
1127.       
1129.           \$.ajax({
1130.                 url: '/reservation/ajax-service-price',
1131.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1132.                 data: { 
1133.                   serviceId : \$(this).data('id'),
1134.                   formule : formule
1135.                  },
1136.                 success: function(response) {
1137.                     currentCheckbox.attr('data-price', response);
1139.                     var idProduct = currentCheckbox.attr(\"data-id\");
1140.                     var price = currentCheckbox.attr(\"data-price\");
1141.                     var name = currentCheckbox.attr(\"data-name\");
1142.                     var actionType = \"add\";
1143.              \$.ajax({
1144.                 url:\"";
1145.         // line 737
1146.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1147.         echo "\",
1148.                 data:{
1149.                   idProduct:idProduct,
1150.                   price:price,
1151.                   name:name,
1152.                   actionType:actionType
1153.                 },
1154.                 success:function(result){
1155.                   console.log(result);
1156.                     \$(\".reservation-steeps-panier\").html(result);
1157.                 }
1158.               });
1160.                             
1161.                        
1162.         },
1163.                 error: function(xhr, status, error) {
1164.                     // Gérez les erreurs ici
1165.                     console.error(error);
1166.                 }
1167.             });
1169.          
1170.   
1172.           
1173.     
1174.         
1175.     });
1177.     
1179.     
1180.           
1181.     var idProduct = \$(this).find(\"option:selected\").attr(\"data-id\");
1182.     var price = \$(this).find(\"option:selected\").attr(\"data-price\");
1183.     var name = \$(this).find(\"option:selected\").attr(\"data-name\");
1184.     var actionType = \"add\";
1186.    
1188.     \$.ajax({
1189.       url:\"";
1190.         // line 779
1191.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1192.         echo "\",
1193.       data:{
1194.         idProduct:idProduct,
1195.         price:price,
1196.         name:name,
1197.         actionType:actionType
1198.       },
1199.       success:function(result){
1200.         console.log(result);
1201.           \$(\".reservation-steeps-panier\").html(result);
1202.       }
1203.     });
1204.     });
1207.  \$('body').on(\"click\",\".delete-cart-item\",function() {
1209.           
1210.     var idProduct = \$(this).attr(\"data-id\");
1211.     var price = \$(this).attr(\"data-price\");
1212.     var name = \$(this).attr(\"data-name\");
1213.     var actionType = \"remove\";
1215.     \$.ajax({
1216.       url:\"";
1217.         // line 803
1218.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1219.         echo "\",
1220.       data:{
1221.         idProduct:idProduct,
1222.         price:price,
1223.         name:name,
1224.         actionType:actionType
1225.       },
1226.       success:function(result){
1227.         console.log(result);
1228.           \$(\".reservation-steeps-panier\").html(result);
1229.       }
1230.     });
1231.     });
1233.         // Ajouter la délégation d'événements pour le clic sur le label 'service'
1235.  \$('label[for=\"service\"]').click(function(){ 
1236.  
1237.     var checkBox = \$(this).prev();
1238.     var value = checkBox.val();
1239.     if (checkBox.is(\":checked\")) {
1240.         checkBox.prop('checked', false);
1241.         console.log(\"Case à cocher décochée : \" + value);
1242.           checkBox.next('label').css({ 'color': '#626262' ,'background': 'none'});
1243.     var idProduct = checkBox.attr(\"data-id\");
1244.     var price = checkBox.attr(\"data-price\");
1245.     var name = checkBox.attr(\"data-name\");
1246.     var actionType = \"remove\";
1247.       \$.ajax({
1248.       url:\"";
1249.         // line 832
1250.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1251.         echo "\",
1252.       data:{
1253.         idProduct:idProduct,
1254.         price:price,
1255.         name:name,
1256.         actionType:actionType
1257.       },
1258.       success:function(result){
1259.         console.log(result);
1260.           \$(\".reservation-steeps-panier\").html(result);
1261.       }
1262.     });
1264.     } else {
1265.         checkBox.prop('checked', true);
1266.        // console.log(\"Case à cocher cochée : \" + value);
1267.        var formule = \"\";
1268.          
1269.                    if (\$('#radio1').is(':checked')) {
1270.                   formule = \$(\"#radio1\").val();
1271.                  }
1272.                 else if (\$('#radio21').is(':checked')) {
1273.                   formule = \$(\"#radio21\").val();
1274.                  }
1275.                   else if (\$('#radio24').is(':checked')) {
1276.                   formule = \$(\"#radio24\").val();
1277.                  }
1278.                  else if (\$('#radio25').is(':checked')) {
1279.                   formule = \$(\"#radio25\").val();
1280.                  }else{
1281.                        formule = \"\";
1282.                  }
1283.             
1284.               var serviceId = \$(this).prev().data('id');
1285.               var dataElement = \$(this).prev();
1286.              \$.ajax({
1287.                 url: \"";
1288.         // line 868
1289.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajaxServicePrice");
1290.         echo "\",
1291.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1292.                 data: { 
1293.                   serviceId : value,
1294.                   formule : formule
1295.                  },
1296.                 success: function(response) {
1297.                       dataElement.attr(\"data-price\", response);
1298.                       var idProduct = dataElement.attr(\"data-id\");
1299.                     var price = dataElement.attr(\"data-price\");
1300.                     var name = dataElement.attr(\"data-name\");
1301.                     var actionType = \"add\";
1302.             
1303.             
1304.             if(price != 0 ){
1305.                 \$.ajax({
1306.                 url:\"";
1307.         // line 884
1308.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1309.         echo "\",
1310.                 data:{
1311.                   idProduct:idProduct,
1312.                   price:price,
1313.                   name:name,
1314.                   actionType:actionType
1315.                 },
1316.                 success:function(result){
1317.                   console.log(result);
1318.                     \$(\".reservation-steeps-panier\").html(result);
1319.                 }
1320.               });
1321.                checkBox.next('label').css({ 'color': 'white' ,'background': '#FFD86E'});
1322.                  
1323.                    }else {
1324.                 // Si le prix est égal à zéro, changer le fond du checkbox en gris
1325.                 checkBox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
1326.             }    
1328.                  
1330.                        
1332.                 },
1333.                 error: function(xhr, status, error) {
1334.                     // Gérez les erreurs ici
1335.                     console.error(error);
1336.                 }
1337.             });
1338.             
1339.     }
1340. });
1341.  
1344.  
1348.  var radioButtons = document.getElementsByName('radioGroup');
1350. for (var i = 0; i < radioButtons.length; i++) {
1351.     if (radioButtons[i].checked) {
1352.         var selectedValue = radioButtons[i].value;
1353.         break;
1354.     }
1355. }
1357. console.log(selectedValue); // Vous pouvez utiliser la valeur comme vous le souhaitez ici
1359.     });
1361.    
1363.  
1364.  
1365. </script>
1367.  
1368. ";
1369.         
1370.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
1372.         
1373.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
1375.     }
1377.     public function getTemplateName()
1378.     {
1379.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-meeting-step.html.twig";
1380.     }
1382.     public function isTraitable()
1383.     {
1384.         return false;
1385.     }
1387.     public function getDebugInfo()
1388.     {
1389.         return array (  1308 => 884,  1289 => 868,  1250 => 832,  1218 => 803,  1191 => 779,  1146 => 737,  1097 => 691,  1067 => 664,  1005 => 605,  951 => 554,  864 => 469,  854 => 468,  837 => 455,  807 => 428,  802 => 426,  780 => 406,  777 => 402,  771 => 401,  766 => 399,  753 => 398,  750 => 397,  745 => 395,  732 => 394,  729 => 393,  726 => 392,  722 => 391,  719 => 390,  713 => 389,  710 => 388,  707 => 387,  704 => 386,  699 => 385,  697 => 384,  693 => 382,  675 => 381,  672 => 380,  668 => 379,  655 => 371,  647 => 368,  641 => 364,  635 => 362,  633 => 361,  624 => 359,  617 => 357,  613 => 355,  607 => 353,  605 => 352,  596 => 350,  589 => 348,  585 => 346,  579 => 344,  577 => 343,  568 => 341,  561 => 339,  547 => 330,  544 => 329,  541 => 328,  538 => 327,  536 => 326,  533 => 325,  527 => 324,  520 => 320,  507 => 318,  497 => 317,  490 => 314,  486 => 313,  482 => 311,  479 => 294,  473 => 293,  464 => 287,  452 => 284,  442 => 283,  437 => 280,  435 => 279,  432 => 278,  428 => 277,  425 => 276,  419 => 275,  412 => 270,  397 => 259,  375 => 258,  359 => 257,  352 => 254,  348 => 253,  294 => 202,  284 => 195,  276 => 189,  266 => 188,  74 => 6,  70 => 5,  60 => 4,  37 => 1,);
1390.     }
1392.     public function getSourceContext()
1393.     {
1394.         return new Source("{% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
1397. {% block stylesheets %}
1398. {{ parent() }}
1399.  <link rel=\"stylesheet\" href=\"{{ asset('themes/coworking/css/reservation.css') }}\" />
1400.  
1401. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />
1402.  <style>
1403.   
1405.   .form-check {
1406.  
1407.     min-height: 1.9rem !important;
1408.     }
1410.   .modal-backdrop.fade.show {Théâtre
1411.         display: none;
1412. }
1413.  
1414.  
1415. /* css checkbox*/
1417. /* hide checkbox */
1418. input[type=\"checkbox\"] {
1419.   display: none;
1420. }
1422. /* if checkbox is checked, then do these things */
1423. /*input[type=\"checkbox\"]:checked + label {
1424.   color: white;
1425.   background:#FFD86E;
1426.   border-radius: 5px;
1427.   padding: 0px 10px 0px 10px;
1428. }
1430. /* styles when hovering over options */
1431. label:hover {
1433.   cursor: pointer;
1434.   
1435.   /* transitions and animations */
1436.   -webkit-transition: color .5s ease;
1437.   -moz-transition: color .5s ease;
1438.   -ms-transition: color .5s ease;
1439.   -o-transition: color .5s ease;
1440.   transition: color .5s ease;
1441. }
1442. .boutton-step{
1443.   padding:10px; 
1444.   text-decoration:none; 
1445.   width:230px; 
1446.    font-size: 12px;
1447.     font-family: 'PT Sans', sans-serif;
1448.     letter-spacing:2px;
1449. }
1450.   
1451. input.button {
1452.   
1453. \twidth:130px;
1454. \theight:50px;
1455. \tmargin: 20px 0 30px 0;
1456. \tpadding: 0px 20px 0px 20px;
1457. \tbackground: #e6e6e6;
1458. \tborder-radius:5px;
1459. \tborder: 1px solid #ccc;
1461. \tfont-family: OpenSans, sans-serif;
1462. \tfont-size:16pt;
1463. \tcolor:#444;
1464. }
1466. .Addons label{
1467.     font-size:12px !important;
1468.     font-family: 'roboto';
1469.     font-weight: 500;
1470.     border: 1px solid #80808024;
1471.     margin: 2px;
1472.     padding: 0px 5px 0px 5px;
1473.     border-radius: 5px;
1474. }
1475. .multistep-container .active-button li:not(:first-child) .round-btn:before {
1476.     position: absolute;
1477.     content: '';
1478.     width: 141px;
1479.     height: 3px;
1480.     background-color: #E9F2FA;
1481.     left: -120px;
1482. }
1485. .multistep-container .active-button li {
1486.     display: inline-block;
1487.     width: 140px;
1488. }
1490. .form-check {
1491.     line-height: 22px;
1492. }   
1494. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3{
1495.         flex: 0 0 86%;
1496. }
1498.  @media (max-width:767px) {
1499.                 html, body {
1500.                   overflow-x: hidden  !important;
1501.                 }
1502.                 body {
1503.                   position: relative !important;
1504.                 }
1505.                 .col-sm-8.reservation-steeps {
1506.                     padding:0%;
1507.                 }
1508.                 .multistep-container .mutistep-form-area .form-box{
1509.                     position: relative;
1510.                     top: 33px;
1511.                     left: 0px;
1512.                 }
1513.                 .multistep-container .active-button li{
1514.                     display: inline-block;
1515.                     width: 100px;
1516.                 }
1517.                 .panel-sticky{
1518.                     font-size:12px;
1519.                 }
1520.               h6.display-6.header-steeps {
1521.                 margin-left: 3%;
1522.             }
1523.             h6.datetime{
1524.                  margin-left: 3%;
1525.             }
1526.             a#seeDetails {
1527.                 margin-bottom: -11%;
1528.             }
1529.             a#seePrice {
1530.                 float: right;
1531.                 margin-right: 52%;
1532.             }
1533.  }
1534.     
1535.      li.etape1:before {
1536.     background: #7ED670 !important; /* Change the background color */
1537.     color: white !important;
1538. }
1540.   .titre-page{
1541. margin-top:10px;
1542. font-size: 20px;
1543. line-height:45.29px;
1544. color: #000000;
1545. } 
1548. .radio-buttons {
1549.   display: flex;
1550. }
1552. .radio-buttons input[type=\"radio\"] {
1553.   display: none;
1554. }
1556. .radio-buttons label {
1557.   display: block;
1558.   margin-right: 40px;
1559.   cursor: pointer;
1560. }
1562. .radio-buttons label img {
1563.   border-radius: 10px;
1564.   width: 100px;  
1565.   height: 110px;  
1566.   box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
1568. }
1569. .radio-buttons input[type=\"radio\"]:checked + label img {
1570.   border: 2px solid #FFCB00 ; /* Style pour indiquer la sélection, vous pouvez personnaliser */
1571. }
1572.  
1575. </style>
1577.   
1579.   
1580. {% endblock  %}
1581. {% block body %}
1582.  
1584.  
1585.  
1587.  
1588.   <img src=\"{{asset('themes/coworking/front/images/sallereunion.jpg')}}\" style=\"width: 100%;height: 520px;\" class=\"img-fluid\" />
1589.   <div class=\"container\">
1590.     <div class=\"row justify-content-between\">
1591.       <div class=\"col-sm-8 reservation-steeps\">
1592.        
1593.        <div class=\"row\">
1594.           <div class=\"col-sm-8\">
1595.             <h6 class=\"titre-page\">Réservation {{name}}
1596.                 
1598.             </h6>
1599.           </div>
1600.           <div class=\"col-sm-4\" style=\"margin-top:10px;\">
1601.             <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>
1602.           </div>
1603.         </div>
1604.        
1605.        
1606.         <div class=\"container\">
1607.          
1608.               
1609.                    
1610.   <div class=\"container d-flex justify-content-center align-items-center\">
1611.          
1612.          
1613.           <ul id=\"progressbar\">
1614. \t\t <li class=\"etape1\"> <span> Type</span>  </li>
1615. \t\t<li class=\"active\" > Formule </li>
1616. \t\t<li> Dates</li>
1617. \t\t<li> Confirmation</li>
1618.            
1619.           
1620. \t\t\t\t</ul>
1621.         </div>
1622.             
1623.             <div class=\"col-xl-12\" style=\"top: 20px;\">
1624.               
1625.               <div class=\"multistep-container\">
1626.                 <div class=\"mutistep-form-area\">
1627.                     
1628.                  
1629.                   <div class=\"form-box\">
1630.                 
1631.                     
1632.                  
1633.                        
1634.                             <div class=\"container\" >
1636.                   
1637.               
1638.                
1639.                  <div id=\"form-attribue\" style=\"line-height: 20px;\" class=\"mt-4\"> 
1640.                <h5>Veuillez choisir une formule </h5>
1642.                    
1643.                 
1646.                   {% for attr in  attributValues %}
1647.                    {% if attr.code == \"check\" %}     
1648.                     
1649.                      <div class=\"form-check\">
1650.                       <input class=\"form-check-input option\" data-time=\"{{attr.attribut.name}}\"  data-days=\"{{ attr.attribut.description}}\" data-id=\"{{attr.product.id}}\" data-name=\"{{attr.product.name}}\"  data-price=\"{{attr.price}}\" class=\"option\"   type=\"radio\" name=\"radioGroup\" id=\"radio{{ attr.attribut.id}}\" value=\"{{attr.attribut.name}}\"  />
1651.                       <label class=\"form-check-label\"  data-time=\"{{attr.attribut.name}}\"  data-days=\" {{ attr.attribut.description}}\" data-id=\"{{attr.product.id}}\" data-name=\"{{attr.product.name}}\"   data-price=\"{{attr.price}}\"    for=\"radio{{ attr.attribut.id}}\">  {% if(attr.attribut.name == \"1 Jour\") %} Journée entière  {% else %} {{attr.attribut.name}}  {% endif %}  </label><br>
1652.                       {% if(attr.attribut.name == \"Demi-Journée\") %} 
1654.                     
1655.                    
1656.                      <small>Choisir une plage horaire :</small>
1657.                       <select class=\"form-select\" id=\"plage-horaire\" style=\"width: 37%;\" name=\"plage-horaire\" disabled>
1658.                           <option value=\"\"> Plage horaire</option>
1659.                         <option value=\"matin\">Matin (8h00-13h00)</option>
1660.                         <option value=\"apres-midi\">Après-midi (13h00-18H00)</option>
1661.                       </select>
1662.              
1663.                       {% endif %} 
1664.                       
1665.                     </div>
1666.                      
1667.                      {% endif %}
1668.                    {% endfor %}
1670.                     {% for attr in  attributValues %}
1672.                   {% if attr.code == \"simple\" %}
1674.                   
1675.                 <div class=\"form-check\"  >
1676.                 <input class=\"form-check-input option\"  data-days=\"10\"  data-id=\"{{attr.product.id}}\" data-name=\"{{attr.product.name}}\"  data-price=\"{{attr.price}}\" type=\"radio\" name=\"radioGroup\" class=\"option\" id=\"radio1\" value=\"{{attr.attribut.name}}\" />
1677.                 <label class=\"form-check-label\"    data-days=\"10\"  data-id=\"{{attr.product.id}}\" data-name=\"{{attr.product.name}}\"  data-price=\"{{attr.price}}\" for=\"radio1\"> {{attr.attribut.name}} </label><br>
1678.                 <small>
1679.                   
1680.                   {{attr.attribut.description}}
1681.                   </small>
1682.                 </div>
1684.                 
1685.                   {% endif %}
1686.                   {% endfor %}
1688.                      {#  {% if attributValues|length > 0 %}
1689.                 
1690.                 <!-- <div class=\"form-check\">
1691.                         <input class=\"form-check-input\" type=\"radio\" name=\"radioGroup\" id=\"radio2\" />
1692.                         <label class=\"form-check-label\" for=\"radio2\">Location “Pass jours”</label><br>
1693.                         <small>Cette formule est déclinée comme suit :</small>
1694.                         <select style=\"padding: 4px;\" class=\"col-6  option \" id=\"serviceFormule\" >
1695.                              <option value=\"\" data-price=\"\"  >Sélectionner un choix</option>
1696.                     
1697.                          {% for attr in attributValues %}
1698.                          {% if attr.code == \"multiple\" %}
1699.                         <option  value=\"{{attr.attribut.name}}\" data-days=\"{{attr.attribut.description}}\"  data-id=\"{{attr.product.id}}\" data-name=\"{{attr.product.name}}\"  data-price=\"{{attr.price}}\"  >{{attr.attribut.name}}</option>
1700.                         {% endif %}
1701.                         {% endfor %}
1702.                         </select>
1703.                  </div>-->
1704.                {% endif %}  #} 
1706.              {% for attr in  attributValues %}
1707.                    {% if attr.code == \"personalized\" %}     
1708.                     
1709.                      <div class=\"form-check\">
1710.                       <input class=\"form-check-input\"  data-days=\"30\" data-id=\"{{attr.product.id}}\" data-name=\"{{attr.product.name}}\"  data-price=\"{{attr.price}}\"   type=\"radio\" name=\"radioGroup\" id=\"radio{{ attr.attribut.id}}\"  />
1711.                       <label class=\"form-check-label\" data-days=\"30\" data-id=\"{{attr.product.id}}\" data-name=\"{{attr.product.name}}\"   data-price=\"{{attr.price}}\"    for=\"radio{{ attr.attribut.id}}\">  {{ attr.attribut.name}}   </label><br>
1712.                       
1713.                        <small> {{ attr.attribut.description}}</small>
1714.                     </div>
1715.                      
1716.                      {% endif %}
1717.                    {% endfor %}
1718.                    
1719.                  {% set room = name|replace({'Meeting room ': ''}) %}
1720.                  {% set targetRooms = ['Omega', 'Beta', 'Epsilon', 'Alpha', 'Delta'] %}
1721.                  {% set isDisabled = room in targetRooms %}
1722.                  
1723.                     <h5 style=\"font-weight:bold; margin-top: 20px;{% if isDisabled %}opacity: 0.5; pointer-events: none;{% endif %}\" >Veuillez choisir une disposition de la salle  </h5>
1724.                    <!-- <select class=\"form-select\" aria-label=\"Default select example\" name=\"disposition\"  id=\"disposition\" style=\"width: 50%;\">
1725.                      <option value=\"\">Sélectionnez un choix</option>
1726.                       <option value=\"u\">U</option>
1727.                       <option value=\"Théâtre\">Théâtre</option>
1728.                       <option value=\"Ecole\">Ecole</option>
1729.                       
1730.                     </select>-->
1731.                      <div class=\"radio-buttons\">
1732.                     <input type=\"radio\" id=\"u\" name=\"disposition\" value=\"u\" required  {% if isDisabled %} disabled{% endif %} >
1733.                     <label for=\"u\">
1734.                         <img src=\"{{asset('themes/coworking/front/images/U.png')}}\"  style=\"width: 110px;height: 100px;{% if isDisabled %}opacity: 0.5; pointer-events: none;{% endif %}\" class=\"img-fluid\"  title=\"Disposition U\"/>
1735.                     <br>
1736.                       {% if dispotionU != 0 %}
1737.                     <div class=\"text-center mt-1\"><small>{{dispotionU}} Personnes max</small> </div>
1738.                          {% endif  %}
1739.                     </label>
1741.                     <input type=\"radio\" id=\"theatre\" name=\"disposition\" value=\"Théâtre\"  {% if isDisabled %}disabled{% endif %} >
1742.                     <label for=\"theatre\">
1743.                      <img src=\"{{asset('themes/coworking/front/images/theatre.png')}}\" style=\"width: 110px;height: 100px;{% if isDisabled %}opacity: 0.5; pointer-events: none;{% endif %}\" class=\"img-fluid\"  title=\"Disposition Théâtre\" />
1744.                     <br>
1745.                         {% if dispotionTheatre != 0 %}
1746.                     <div class=\"text-center mt-1\"><small>{{dispotionTheatre}} Personnes max</small></div>
1747.                          {% endif  %}
1748.                     </label>
1750.                     <input type=\"radio\" id=\"ecole\" name=\"disposition\" value=\"Ecole\"  {% if isDisabled %}disabled{% endif %} >
1751.                     <label for=\"ecole\">
1752.                       <img src=\"{{asset('themes/coworking/front/images/ecole.png')}}\" style=\"width: 110px;height: 100px;{% if isDisabled %}opacity: 0.5; pointer-events: none;{% endif %}\" class=\"img-fluid\" title=\"Disposition École\" />
1753.                      <br>
1754.                       {% if dispotionEcole != 0 %}
1755.                     <div class=\"text-center mt-1\"><small>{{dispotionEcole}} Personnes max </small></div>
1756.                          {% endif  %}
1757.                     </label>
1758.                   </div>
1759.                    <div class=\"row\">
1760.                   <div class=\"col-md-4\">
1761.                       <label for=\"nbr\" style=\"font-size: 12px;{% if isDisabled %}opacity: 0.5; pointer-events: none;{% endif %}\">Le nombre approximatif de personnes présentes :</label>
1762.                   </div>
1763.                   <div class=\"col-md-4\">
1764.                       <input type=\"number\"  id=\"nbr_personne\" name=\"nbr_personne\"  class=\"form-control\" style=\"width:40%;{% if isDisabled %}disabled{% endif %}\" min=\"1\"/>
1765.                   </div>
1766.               </div>
1767.                     <h5 style=\"font-weight:bold; margin-top: 22px;\">Services supplémentaires</h5>
1768.                     <h6 style=\"font-weight:bold; margin-top: 22px;\">Voulez-vous ajouter des services supplémentaires?</h6>
1769.                    <!-- <small style=\"color:grey\">Disponible en location au mois ou à la journée</small>-->
1770.                     <div class=\"row\">
1771.                          <div class=\"col-sm-12 Addons\">
1772.                             {% for service in  services %}
1774.                                     <input id=\"{{ service.name}}\"    data-id=\"{{service.id}}\" data-name=\"{{service.name}}\"  data-price=\"{{service.price}}\" type=\"checkbox\" class=\"CK\" name=\"services\" value=\"{{ service.id}} \"><label for=\"service\"> {{ service.name}}  </label> 
1775.                             {% endfor %}<br>
1776.                             
1777.                               {% set isSimple = false %}
1778.                                 {% for attr in attributValues %}
1779.                                     {% if attr.code == \"simple\" %}
1780.                                         {% set isSimple = true %}
1781.                                     {% endif %}
1782.                                 {% endfor %}
1783.                                 
1784.                             {% for servicesCommun in  servicesCommuns %}
1785.                                {% if not isSimple %}
1786.                                {% if servicesCommun.id not in [94, 92, 69]  %}
1787.                             <input id=\"{{ servicesCommun.name }}\" data-id=\"{{ servicesCommun.id }}\" data-name=\"{{ servicesCommun.name }}\" data-price=\"{{ servicesCommun.price }}\" type=\"checkbox\" class=\"CK\" name=\"serviceCommun\" value=\"{{ servicesCommun.id }} \">
1788.                             <label for=\"service\"> {{ servicesCommun.name }} </label>
1789.                              {% endif %}
1790.                             {% else %}
1791.                         <input id=\"{{ servicesCommun.name }}\" data-id=\"{{ servicesCommun.id }}\" data-name=\"{{ servicesCommun.name }}\" data-price=\"{{ servicesCommun.price }}\" type=\"checkbox\" class=\"CK\" name=\"serviceCommun\" value=\"{{ servicesCommun.id }} \">
1792.                         <label for=\"service\"> {{ servicesCommun.name }} </label>
1793.                            {% endif %}
1794.                               {% endfor %}
1796.                               {#{% for servicesCommun in  servicesCommuns %}
1797.                                     <input id=\"{{ servicesCommun.name}}\"  data-id=\"{{servicesCommun.id}}\" data-name=\"{{servicesCommun.name}}\"  data-price=\"{{servicesCommun.price}}\"   type=\"checkbox\" class=\"CK\" name=\"serviceCommun\" value=\"{{ servicesCommun.id}} \"><label for=\"service\"> {{ servicesCommun.name}}   </label>
1798.                                       
1799.                               {% endfor %}#}     
1800.  
1801.                              </div>
1802.                      
1803.                     
1804.                     </div>
1805.  
1806.                      <!--<h6 style=\"font-weight:bold; margin-top: 10px;\">Avez vous des demandes spécifiques ?</h6>
1807.                       <textarea class=\"form-control\" name=\"demande\" id=\"textAreaExample1\" rows=\"1\" placeholder=\"Saisissez votre texte Ici\" style=\"font-size: 12px;\"></textarea>
1808.                    -->
1810.                   </div>
1811.               
1813.                                
1814.                     
1815.               
1816.                  </div>
1817.                     <div class=\"button-row\">
1818.                          
1819.             <a href=\"{{path(\"reservationsallereuninon\")}}\"  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>
1820.               
1821.              <a href=\"{{path(\"reservationMeetingNext\",{id:product, 'paramFormule': 'days'})}}\" style=\"background: #FFCB00 !important;\"  id=\"reservationLink\" class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__ boutton-step\">Étape suivante</a>
1822.             
1823.                       </div> 
1824.                             
1825.                             
1826.                            
1827.                      
1829.            
1831.                     
1832.                    
1833.                   </div>
1834.                    
1836.                 
1837.                 </div>
1838.               </div>
1839.             </div>
1840.           
1841.         </div>
1842.          
1843.       
1844.       </div>
1846.          <div class=\"col-sm-4 reservation-steeps-panier\" style=\"overflow-y: auto;\">
1847.       
1848.         {{render(path(\"ajax_cart\"))}}
1849.     </div>
1850.     </div>
1851.   </div>
1852.   
1853.   
1854. {% endblock %}
1861. {% block javascripts %}
1862.   <!-- MAIN CONTENT -->
1863.  
1865. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
1866. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
1867.  
1868.  
1870. <script>
1872.   //recuperer la valeur des jours dans le formulaire .
1873.     document.getElementById('reservationLink').addEventListener('click', function() {
1875.       
1876.          var errors = \"\"; // Variable pour stocker les messages d'erreur
1878.         var days=0;
1879.         var check=false;
1880.         var time =\"\";
1881.         var isChecked = false;
1882.          var selectValue = \$('#plage-horaire').val();
1883.         //var disposition = \$('#disposition').val();
1884.            // Obtention de la valeur de l'option de disposition sélectionnée
1885.          var disposition = \$('input[name=\"disposition\"]:checked').val(); 
1886.          var nbrApproximatif  = \$('input[name=\"nbr_personne\"]').val(); 
1887.         
1888.      
1889.       
1890.           
1891.          var radioButtons = document.getElementsByName('radioGroup');
1893.          
1896.           for (var i = 0; i < radioButtons.length; i++) {
1897.             if (radioButtons[i].checked) {
1898.              days = parseInt(radioButtons[i].getAttribute('data-days'));
1899.              time = radioButtons[i].getAttribute('data-time');
1900.             break;
1901.             }
1902.         } 
1903.         
1904.         if(time == \"Horaire\" ){
1905.           check = true;
1906.         }
1907.         
1908.         
1909.         
1910.        
1911.         
1912.    // Vérification pour la plage horaire
1913.      if (time == \"DEMI JOURNÉE\" && selectValue == \"\") {
1914.         errors += \"Veuillez sélectionner une plage horaire.\\n\";
1915.     }
1916.    
1917.          
1918.           
1919.     if (days === 0 && !isChecked) {
1920.       
1921.          errors += \"Vous n'avez rien sélectionné, Veuillez sélectionner une option.\\n\";
1922.   
1923.     }
1924.     
1925.       // Récupération du texte du titre de la page
1926.     var excludedNames = [\"Omega\", \"Beta\", \"Epsilon\", \"Alpha\", \"Delta\"];
1927.     var pageTitle = document.querySelector('.titre-page').textContent.trim();
1928.     var titleEndsWithExcludedName = excludedNames.some(name => pageTitle.endsWith(name));
1929.     
1930.     
1931.      // Vérification pour la disposition
1932.     if (!disposition && !titleEndsWithExcludedName )  {
1933.         
1934.         errors += \"Veuillez sélectionner une disposition.\\n\";
1935.     }
1936.      
1938.     // Affichage des erreurs (s'il y en a)
1939.     if (errors !== \"\") {
1940.         event.preventDefault(); // Empêche le lien de se déclencher
1941.         alert(errors);
1942.     }
1943.   
1944.    
1945.     
1946.         var link = document.getElementById('reservationLink');
1947.         link.href = \"{{ path('reservationMeetingNext', {id: product, 'paramFormule': 'days', 'Horai12': 'VALUE', 'dIS34': 'VALUE2', 'time': 'VALUE3','proxim':'VALUE4'}) }}\".replace('days', days).replace('VALUE', selectValue).replace('VALUE2', disposition).replace('VALUE3', check).replace('VALUE4',nbrApproximatif);
1948.     });
1950.   
1951.     \$(document).ready(function(){
1954.     var select= \$('#plage-horaire');
1956.       \$('input[name=\"radioGroup\"]').change(function(){
1957.         if (\$(this).attr('id') === 'radio24') {
1958.           select.prop('disabled', false);
1959.         } else {
1960.           select.prop('selectedIndex', 0).prop('disabled', true);
1961.         }
1962.       });
1967.  \$('input[type=radio][name=radioGroup]').click(function() {
1968.    // \$('input[type=checkbox]').prop('checked', false);
1969. });
1970.      
1972.  \$('#serviceFormule').change(function(){ 
1973.    var radio = document.getElementById('radio2');
1974.         radio.checked = true;
1975.         
1976.   //\$('input[type=checkbox]').prop('checked', false); 
1977.           
1979.   });
1981.    
1983.   var radioButtons = document.getElementsByName('radioGroup');
1984.  var selectElement = document.getElementById('serviceFormule');
1986. radioButtons.forEach(function(radio) {
1987.     radio.addEventListener('click', function() {
1988.         if (radio.id === 'radio2') {
1989.             selectElement.disabled = false;
1990.            
1991.           var idProduct = \$('option:nth-child(2)').attr(\"data-id\");
1992.           var price = \$('option:nth-child(2)').attr(\"data-price\");
1993.            var name = \$('option:nth-child(2)').attr(\"data-name\");
1994.           var actionType = \"add\";
1995.     
1997.     \$.ajax({
1998.       url:\"{{path('ajax_cart')}}\",
1999.       data:{
2000.         idProduct:idProduct,
2001.         price:price,
2002.         name:name,
2003.         actionType:actionType
2004.       },
2005.       success:function(result){
2006.         console.log(result);
2007.           \$(\".reservation-steeps-panier\").html(result);
2008.       }
2009.     });
2010.            // alert(idProduct);
2012.              selectElement.val(\$('option:nth-child(2)').prop('selected', true));
2014.         } else {
2015.             selectElement.selectedIndex = 0; // Sélection du premier élément
2016.             selectElement.disabled = true;
2017.         }
2018.     });
2019. });
2021.      \$('body').on(\"click\",\".option\",function() {
2022.      
2023.      var selectedServiceIds = [];
2024.            var formule =\"\";
2025.             if (\$(this).is(':checked')) { // Vérifie si la case est cochée
2026.         var formule = \$(this).val(); // Récupère la valeur de la case cochée
2027.          
2028.     }
2029.             
2030.              \$('.CK:checked').each(function() {
2031.         // Ajouter l'ID du service sélectionné à la liste
2032.         selectedServiceIds.push(\$(this).data('id'));
2033.   
2034.            var currentCheckbox = \$(this);
2036.           \$.ajax({
2037.                 url: '/reservation/ajax-service-price',
2038.                 type: 'GET', // ou 'GET' en fonction de votre besoin
2039.                 data: { 
2040.                   serviceId : \$(this).data('id'),
2041.                   formule : formule
2042.                  },
2043.                 success: function(response) {
2044.                     currentCheckbox.attr('data-price', response);
2046.                     var idProduct = currentCheckbox.attr(\"data-id\");
2047.                     var price = currentCheckbox.attr(\"data-price\");
2048.                     var name = currentCheckbox.attr(\"data-name\");
2049.                      if(price != 0){
2050.                     var actionType = \"add\";
2051.                      currentCheckbox.next('label').css({'color': 'white', 'background': 'rgb(255, 216, 110)'});
2052.                     }else{
2053.                       var actionType = \"remove\";
2054.                       currentCheckbox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
2055.                     }
2056.              \$.ajax({
2057.                 url:\"{{path('ajax_cart')}}\",
2058.                 data:{
2059.                   idProduct:idProduct,
2060.                   price:price,
2061.                   name:name,
2062.                   actionType:actionType
2063.                 },
2064.                 success:function(result){
2065.                   console.log(result);
2066.                     \$(\".reservation-steeps-panier\").html(result);
2067.                 }
2068.               });                     
2069.         },
2070.                 error: function(xhr, status, error) {
2071.                     // Gérez les erreurs ici
2072.                     console.error(error);
2073.                 }
2074.             });   });
2075.    
2076.           
2077.     var idProduct = \$(this).attr(\"data-id\");
2078.     var price = \$(this).attr(\"data-price\");
2079.     var name = \$(this).attr(\"data-name\");
2080.     var actionType = \"add\";
2081.     
2083.     \$.ajax({
2084.       url:\"{{path('ajax_cart')}}\",
2085.       data:{
2086.         idProduct:idProduct,
2087.         price:price,
2088.         name:name,
2089.         actionType:actionType
2090.       },
2091.       success:function(result){
2092.         console.log(result);
2093.           \$(\".reservation-steeps-panier\").html(result);
2094.       }
2095.     });
2096.     });
2098.     \$('body').on(\"change\",\"select.option\",function() {
2099.                 
2100.                 var selectedServiceIds = [];
2101.      
2102.                  formule =\$(\"#serviceFormule\").val();
2103.                 
2104.           
2105.  
2106.     // Parcourir toutes les cases cochées avec la classe CK
2107.     \$('.CK:checked').each(function() {
2108.         // Ajouter l'ID du service sélectionné à la liste
2109.         selectedServiceIds.push(\$(this).data('id'));
2110.   
2111.            var currentCheckbox = \$(this);
2113.       
2115.           \$.ajax({
2116.                 url: '/reservation/ajax-service-price',
2117.                 type: 'GET', // ou 'GET' en fonction de votre besoin
2118.                 data: { 
2119.                   serviceId : \$(this).data('id'),
2120.                   formule : formule
2121.                  },
2122.                 success: function(response) {
2123.                     currentCheckbox.attr('data-price', response);
2125.                     var idProduct = currentCheckbox.attr(\"data-id\");
2126.                     var price = currentCheckbox.attr(\"data-price\");
2127.                     var name = currentCheckbox.attr(\"data-name\");
2128.                     var actionType = \"add\";
2129.              \$.ajax({
2130.                 url:\"{{path('ajax_cart')}}\",
2131.                 data:{
2132.                   idProduct:idProduct,
2133.                   price:price,
2134.                   name:name,
2135.                   actionType:actionType
2136.                 },
2137.                 success:function(result){
2138.                   console.log(result);
2139.                     \$(\".reservation-steeps-panier\").html(result);
2140.                 }
2141.               });
2143.                             
2144.                        
2145.         },
2146.                 error: function(xhr, status, error) {
2147.                     // Gérez les erreurs ici
2148.                     console.error(error);
2149.                 }
2150.             });
2152.          
2153.   
2155.           
2156.     
2157.         
2158.     });
2160.     
2162.     
2163.           
2164.     var idProduct = \$(this).find(\"option:selected\").attr(\"data-id\");
2165.     var price = \$(this).find(\"option:selected\").attr(\"data-price\");
2166.     var name = \$(this).find(\"option:selected\").attr(\"data-name\");
2167.     var actionType = \"add\";
2169.    
2171.     \$.ajax({
2172.       url:\"{{path('ajax_cart')}}\",
2173.       data:{
2174.         idProduct:idProduct,
2175.         price:price,
2176.         name:name,
2177.         actionType:actionType
2178.       },
2179.       success:function(result){
2180.         console.log(result);
2181.           \$(\".reservation-steeps-panier\").html(result);
2182.       }
2183.     });
2184.     });
2187.  \$('body').on(\"click\",\".delete-cart-item\",function() {
2189.           
2190.     var idProduct = \$(this).attr(\"data-id\");
2191.     var price = \$(this).attr(\"data-price\");
2192.     var name = \$(this).attr(\"data-name\");
2193.     var actionType = \"remove\";
2195.     \$.ajax({
2196.       url:\"{{path('ajax_cart')}}\",
2197.       data:{
2198.         idProduct:idProduct,
2199.         price:price,
2200.         name:name,
2201.         actionType:actionType
2202.       },
2203.       success:function(result){
2204.         console.log(result);
2205.           \$(\".reservation-steeps-panier\").html(result);
2206.       }
2207.     });
2208.     });
2210.         // Ajouter la délégation d'événements pour le clic sur le label 'service'
2212.  \$('label[for=\"service\"]').click(function(){ 
2213.  
2214.     var checkBox = \$(this).prev();
2215.     var value = checkBox.val();
2216.     if (checkBox.is(\":checked\")) {
2217.         checkBox.prop('checked', false);
2218.         console.log(\"Case à cocher décochée : \" + value);
2219.           checkBox.next('label').css({ 'color': '#626262' ,'background': 'none'});
2220.     var idProduct = checkBox.attr(\"data-id\");
2221.     var price = checkBox.attr(\"data-price\");
2222.     var name = checkBox.attr(\"data-name\");
2223.     var actionType = \"remove\";
2224.       \$.ajax({
2225.       url:\"{{path('ajax_cart')}}\",
2226.       data:{
2227.         idProduct:idProduct,
2228.         price:price,
2229.         name:name,
2230.         actionType:actionType
2231.       },
2232.       success:function(result){
2233.         console.log(result);
2234.           \$(\".reservation-steeps-panier\").html(result);
2235.       }
2236.     });
2238.     } else {
2239.         checkBox.prop('checked', true);
2240.        // console.log(\"Case à cocher cochée : \" + value);
2241.        var formule = \"\";
2242.          
2243.                    if (\$('#radio1').is(':checked')) {
2244.                   formule = \$(\"#radio1\").val();
2245.                  }
2246.                 else if (\$('#radio21').is(':checked')) {
2247.                   formule = \$(\"#radio21\").val();
2248.                  }
2249.                   else if (\$('#radio24').is(':checked')) {
2250.                   formule = \$(\"#radio24\").val();
2251.                  }
2252.                  else if (\$('#radio25').is(':checked')) {
2253.                   formule = \$(\"#radio25\").val();
2254.                  }else{
2255.                        formule = \"\";
2256.                  }
2257.             
2258.               var serviceId = \$(this).prev().data('id');
2259.               var dataElement = \$(this).prev();
2260.              \$.ajax({
2261.                 url: \"{{path('ajaxServicePrice')}}\",
2262.                 type: 'GET', // ou 'GET' en fonction de votre besoin
2263.                 data: { 
2264.                   serviceId : value,
2265.                   formule : formule
2266.                  },
2267.                 success: function(response) {
2268.                       dataElement.attr(\"data-price\", response);
2269.                       var idProduct = dataElement.attr(\"data-id\");
2270.                     var price = dataElement.attr(\"data-price\");
2271.                     var name = dataElement.attr(\"data-name\");
2272.                     var actionType = \"add\";
2273.             
2274.             
2275.             if(price != 0 ){
2276.                 \$.ajax({
2277.                 url:\"{{path('ajax_cart')}}\",
2278.                 data:{
2279.                   idProduct:idProduct,
2280.                   price:price,
2281.                   name:name,
2282.                   actionType:actionType
2283.                 },
2284.                 success:function(result){
2285.                   console.log(result);
2286.                     \$(\".reservation-steeps-panier\").html(result);
2287.                 }
2288.               });
2289.                checkBox.next('label').css({ 'color': 'white' ,'background': '#FFD86E'});
2290.                  
2291.                    }else {
2292.                 // Si le prix est égal à zéro, changer le fond du checkbox en gris
2293.                 checkBox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
2294.             }    
2296.                  
2298.                        
2300.                 },
2301.                 error: function(xhr, status, error) {
2302.                     // Gérez les erreurs ici
2303.                     console.error(error);
2304.                 }
2305.             });
2306.             
2307.     }
2308. });
2309.  
2312.  
2316.  var radioButtons = document.getElementsByName('radioGroup');
2318. for (var i = 0; i < radioButtons.length; i++) {
2319.     if (radioButtons[i].checked) {
2320.         var selectedValue = radioButtons[i].value;
2321.         break;
2322.     }
2323. }
2325. console.log(selectedValue); // Vous pouvez utiliser la valeur comme vous le souhaitez ici
2327.     });
2329.    
2331.  
2332.  
2333. </script>
2335.  
2336. {% endblock %}
2338. ", "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-meeting-step.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-meeting-step.html.twig");
2339.     }
2340. }