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-freework-step.html.twig */
16. class __TwigTemplate_22a47c3516db0aceefda15e24d52da78 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-freework-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-freework-step.html.twig"));
49.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-freework-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 "
74.  <link rel=\"stylesheet\" href=\"";
75.         // line 8
76.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/css/reservation.css"), "html", null, true);
77.         echo "\" />
78.  
79. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />
80. <style>
81.  
82.   
83.   .modal-backdrop.fade.show {
84.         display: none;
85. }
86.  
87.  
88. /* css checkbox*/
90. /* hide checkbox */
91. input[type=\"checkbox\"] {
92.   display: none;
93. }
95. /* if checkbox is checked, then do these things */
96. /*input[type=\"checkbox\"]:checked + label {
97.   color: white;
98.   background:#FFD86E;
99.   border-radius: 5px;
100.   padding: 0px 10px 0px 10px;
101. }
103. /* styles when hovering over options */
104. label:hover {
106.   cursor: pointer;
107.   
108.   /* transitions and animations */
109.   -webkit-transition: color .5s ease;
110.   -moz-transition: color .5s ease;
111.   -ms-transition: color .5s ease;
112.   -o-transition: color .5s ease;
113.   transition: color .5s ease;
114. }
115. .boutton-step{
116.   padding:10px; 
117.   text-decoration:none; 
118.   width:230px; 
119.    font-size: 12px;
120.     font-family: 'PT Sans', sans-serif;
121.     letter-spacing:2px;
122. }
123.   
124. input.button {
125.   
126. \twidth:130px;
127. \theight:50px;
128. \tmargin: 20px 0 30px 0;
129. \tpadding: 0px 20px 0px 20px;
130. \tbackground: #e6e6e6;
131. \tborder-radius:5px;
132. \tborder: 1px solid #ccc;
134. \tfont-family: OpenSans, sans-serif;
135. \tfont-size:16pt;
136. \tcolor:#444;
137. }
139. .Addons label{
140.     font-size:12px !important;
141.     font-family: 'roboto';
142.     font-weight: 500;
143.     border: 1px solid #80808024;
144.     margin: 2px;
145.     padding: 0px 5px 0px 5px;
146.     border-radius: 5px;
147. }
148. .multistep-container .active-button li:not(:first-child) .round-btn:before {
149.     position: absolute;
150.     content: '';
151.     width: 141px;
152.     height: 3px;
153.     background-color: #E9F2FA;
154.     left: -120px;
155. }
158. .multistep-container .active-button li {
159.     display: inline-block;
160.     width: 140px;
161. }
163. .form-check {
164.     line-height: 22px;
165. }   
167. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3{
168.         flex: 0 0 86%;
169. }
171.  @media (max-width:767px) {
172.                 html, body {
173.                   overflow-x: hidden  !important;
174.                 }
175.                 body {
176.                   position: relative !important;
177.                 }
178.                 .col-sm-8.reservation-steeps {
179.                     padding:0%;
180.                 }
181.                 .multistep-container .mutistep-form-area .form-box{
182.                     position: relative;
183.                     top: 33px;
184.                     left: 0px;
185.                 }
186.                 .multistep-container .active-button li{
187.                     display: inline-block;
188.                     width: 100px;
189.                 }
190.                 .panel-sticky{
191.                     font-size:12px;
192.                 }
193.               h6.display-6.header-steeps {
194.                 margin-left: 3%;
195.             }
196.             h6.datetime{
197.                  margin-left: 3%;
198.             }
199.             a#seeDetails {
200.                 margin-bottom: -11%;
201.             }
202.             a#seePrice {
203.                 float: right;
204.                 margin-right: 52%;
205.             }
206.  }
208.    .titre-page{
209. margin-top:10px;
210. font-size: 20px;
211. line-height:45.29px;
212. color: #000000;
213. } 
215.   li.etape1:before {
216.     background: #7ED670 !important; /* Change the background color */
217.     color: white !important;
218. } 
219.  .message {
220.         
221.                color: white;
222.             background: rgb(199, 200, 204);
223.             
224.             font-size: 15px;
225.             padding: 20px;
226.             border-radius: 10px;
227.             text-align: center;
228.             font-weight: bold;
229.             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
230.             height: 100px; /* Adjust the height as necessary */
231.             display: flex;
232.             align-items: center;
233.             justify-content: center;
234.         }
236. </style>
238.   
239. ";
240.         
241.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
243.         
244.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
246.     }
248.     // line 171
249.     public function block_body($context, array $blocks = [])
250.     {
251.         $macros = $this->macros;
252.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
253.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
255.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
256.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
258.         // line 172
259.         echo " 
261.  
262.  
264.  
265.   <img src=\"";
266.         // line 178
267.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/freewor.jpg"), "html", null, true);
268.         echo "\" style=\"width: 100%;height: 520px;\" class=\"img-fluid\" />
269.   <div class=\"container\">
270.     <div class=\"row justify-content-between\">
271.       <div class=\"col-sm-8 reservation-steeps\">
272.        
273.        <div class=\"row\">
274.           <div class=\"col-sm-6\">
275.             <h6 class=\"titre-page\">Réservation ";
276.         // line 185
277.         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.', 185, $this->source); })()), "html", null, true);
278.         echo "
279.                 
281.             </h6>
282.           </div>
283.           <div class=\"col-sm-6\" style=\"margin-top:10px;\">
284.             <a href=\"/themes/coworking/front/images/FREEWORK.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>
285.           </div>
286.         </div>
287.        
288.        
289.         <div class=\"container\">
290.          
291.               
292.           
293.        <div class=\"container d-flex justify-content-center align-items-center\">
294.          
295.          
296.           <ul id=\"progressbar\">
297. \t\t\t\t\t<li class=\"etape1\" > 
298.              <span>   Type </span>
299.              </li>
300. \t\t\t\t\t<li class=\"active\" >  <span> Formule </span></li>
301. \t\t\t\t\t<li> Dates</li>
302. \t\t\t\t\t\t<li> Confirmation </li>
303.            
304.           
305. \t\t\t\t</ul>
306.         </div>
308.         
309.             
310.             <div class=\"col-xl-12\" style=\"top: 20px;\">
311.               
312.               <div class=\"multistep-container\">
313.                 <div class=\"mutistep-form-area\">
314.                     
315.                  
316.                   <div class=\"form-box\">
317.                 
318.                      
319.                  
320.                        
321.                             <div class=\"container\" >
323.                   
324.               
325.             
326.                  <div id=\"form-attribue\" style=\"line-height: 30px;\" class=\"mt-4\"> </div>
327.                <h5>Veuillez choisir une formule </h5>
329.                     
330.                   ";
331.         // line 237
332.         $context['_parent'] = $context;
333.         $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 237, $this->source); })()));
334.         foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
335.             // line 238
336.             echo "
337.                   ";
338.             // line 239
339.             if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 239) == "simple")) {
340.                 // line 240
341.                 echo "
342.                   
343.                 <div class=\"form-check\"  >
344.                 <input class=\"form-check-input option\"  data-days=\"10\" data-id=\"";
345.                 // line 243
346.                 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, 243), "id", [], "any", false, false, false, 243), "html", null, true);
347.                 echo "\" data-name=\"";
348.                 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, 243), "name", [], "any", false, false, false, 243), "html", null, true);
349.                 echo "\"  data-price=\"";
350.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 243), "html", null, true);
351.                 echo "\" type=\"radio\" name=\"radioGroup\" class=\"option\" id=\"radio1\" value=\"";
352.                 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, 243), "name", [], "any", false, false, false, 243), "html", null, true);
353.                 echo "\" />
354.                 <label class=\"form-check-label\"  data-days=\"10\" data-id=\"";
355.                 // line 244
356.                 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, 244), "id", [], "any", false, false, false, 244), "html", null, true);
357.                 echo "\" data-name=\"";
358.                 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, 244), "name", [], "any", false, false, false, 244), "html", null, true);
359.                 echo "\"  data-price=\"";
360.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 244), "html", null, true);
361.                 echo "\" for=\"radio1\">";
362.                 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, 244), "name", [], "any", false, false, false, 244), "html", null, true);
363.                 echo "</label><br>
364.                 <small>
365.                   
366.                   ";
367.                 // line 247
368.                 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, 247), "description", [], "any", false, false, false, 247), "html", null, true);
369.                 echo "
370.                   </small>
371.                 </div>
373.                 
374.                   ";
375.             }
376.             // line 253
377.             echo "                  ";
378.         }
379.         $_parent = $context['_parent'];
380.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
381.         $context = array_intersect_key($context, $_parent) + $_parent;
382.         // line 254
383.         echo "
384.                   
386.                        ";
387.         // line 257
388.         if ((twig_length_filter($this->env, (isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 257, $this->source); })())) > 0)) {
389.             // line 258
390.             echo "                
391.                  <div class=\"form-check\">
392.                         <input class=\"form-check-input\" type=\"radio\" name=\"radioGroup\" id=\"radio2\" />
393.                         <label class=\"form-check-label\" for=\"radio2\">Location “Pass jours”</label><br>
394.                         <small>Cette formule est déclinée comme suit :</small>
395.                         <select style=\"padding: 4px;\" class=\"col-6  option \" id=\"serviceFormule\" >
396.                              <option value=\"\" data-price=\"\"  >Sélectionner un choix</option>
397.                     
398.                          ";
399.             // line 266
400.             $context['_parent'] = $context;
401.             $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 266, $this->source); })()));
402.             foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
403.                 // line 267
404.                 echo "                         ";
405.                 if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 267) == "multiple")) {
406.                     // line 268
407.                     echo "                        <option  value=\"";
408.                     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, 268), "name", [], "any", false, false, false, 268), "html", null, true);
409.                     echo "\"  data-days=\"";
410.                     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, 268), "description", [], "any", false, false, false, 268), "html", null, true);
411.                     echo "\"   data-id=\"";
412.                     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, 268), "id", [], "any", false, false, false, 268), "html", null, true);
413.                     echo "\" data-name=\"";
414.                     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, 268), "name", [], "any", false, false, false, 268), "html", null, true);
415.                     echo "\"  data-price=\"";
416.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 268), "html", null, true);
417.                     echo "\"  >";
418.                     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, 268), "name", [], "any", false, false, false, 268), "html", null, true);
419.                     echo "</option>
420.                         ";
421.                 }
422.                 // line 270
423.                 echo "                        ";
424.             }
425.             $_parent = $context['_parent'];
426.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
427.             $context = array_intersect_key($context, $_parent) + $_parent;
428.             // line 271
429.             echo "                        </select>
430.                  </div>
431.                ";
432.         }
433.         // line 274
434.         echo "
435.              ";
436.         // line 275
437.         $context['_parent'] = $context;
438.         $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 275, $this->source); })()));
439.         foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
440.             // line 276
441.             echo "                   ";
442.             if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 276) == "personalized")) {
443.                 echo "     
444.                      
445.                      <div class=\"form-check\">
446.                       <input class=\"form-check-input option\" data-days=\"30\"  data-id=\"";
447.                 // line 279
448.                 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, 279), "id", [], "any", false, false, false, 279), "html", null, true);
449.                 echo "\" data-name=\"";
450.                 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, 279), "name", [], "any", false, false, false, 279), "html", null, true);
451.                 echo "\" ";
452.                 if ((null === twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 279))) {
453.                     echo " data-price=\"0\"  ";
454.                 } else {
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, 279), "html", null, true);
457.                     echo "\"  ";
458.                 }
459.                 echo "    type=\"radio\" name=\"radioGroup\"  ";
460.                 if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 279), "name", [], "any", false, false, false, 279) == "Période personnalisée")) {
461.                     echo "   value=\"Mois\"   ";
462.                 } else {
463.                     echo "  value=\"";
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, 279), "name", [], "any", false, false, false, 279), "html", null, true);
465.                     echo "\" ";
466.                 }
467.                 echo "  id=\"radioMois\"    />
468.                       <label class=\"form-check-label \" data-days=\"30\" data-id=\"";
469.                 // line 280
470.                 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, 280), "id", [], "any", false, false, false, 280), "html", null, true);
471.                 echo "\" data-name=\"";
472.                 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, 280), "name", [], "any", false, false, false, 280), "html", null, true);
473.                 echo "\"   data-price=\"";
474.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 280), "html", null, true);
475.                 echo "\"    for=\"radio";
476.                 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, 280), "id", [], "any", false, false, false, 280), "html", null, true);
477.                 echo "\"  >  ";
478.                 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, 280), "name", [], "any", false, false, false, 280), "html", null, true);
479.                 echo "   </label><br>
480.                       
481.                        <small> ";
482.                 // line 282
483.                 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, 282), "description", [], "any", false, false, false, 282), "html", null, true);
484.                 echo "</small>
485.                     </div>
486.                      
487.                      ";
488.             }
489.             // line 286
490.             echo "                   ";
491.         }
492.         $_parent = $context['_parent'];
493.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
494.         $context = array_intersect_key($context, $_parent) + $_parent;
495.         // line 287
496.         echo "
497.                  
498.                     <h5 style=\"font-weight:bold; margin-top: 30px;\">Services supplémentaires:</h5>
499.                     <h6 style=\"font-weight:bold; margin-top: 30px;\">Voulez-vous ajouter des services supplémentaires?</h6>
500.                     <small style=\"color:grey\">Disponible en location au mois ou à la journée</small>
501.                     <div class=\"row\">
502.                          <div class=\"col-sm-12 Addons\">
503.                             ";
504.         // line 294
505.         $context['_parent'] = $context;
506.         $context['_seq'] = twig_ensure_traversable((isset($context["services"]) || array_key_exists("services", $context) ? $context["services"] : (function () { throw new RuntimeError('Variable "services" does not exist.', 294, $this->source); })()));
507.         foreach ($context['_seq'] as $context["_key"] => $context["service"]) {
508.             // line 295
509.             echo "
510.                                     <input id=\"";
511.             // line 296
512.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "name", [], "any", false, false, false, 296), "html", null, true);
513.             echo "\" data-id=\"";
514.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "id", [], "any", false, false, false, 296), "html", null, true);
515.             echo "\" data-name=\"";
516.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "name", [], "any", false, false, false, 296), "html", null, true);
517.             echo "\"  data-price=\"";
518.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "price", [], "any", false, false, false, 296), "html", null, true);
519.             echo "\" type=\"checkbox\" class=\"CK\" name=\"services\" value=\"";
520.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "id", [], "any", false, false, false, 296), "html", null, true);
521.             echo "\"><label for=\"service\"> ";
522.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "name", [], "any", false, false, false, 296), "html", null, true);
523.             echo "  </label> 
524.                             ";
525.         }
526.         $_parent = $context['_parent'];
527.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['service'], $context['_parent'], $context['loop']);
528.         $context = array_intersect_key($context, $_parent) + $_parent;
529.         // line 297
530.         echo "<br>
532.                               ";
533.         // line 299
534.         $context['_parent'] = $context;
535.         $context['_seq'] = twig_ensure_traversable((isset($context["servicesCommuns"]) || array_key_exists("servicesCommuns", $context) ? $context["servicesCommuns"] : (function () { throw new RuntimeError('Variable "servicesCommuns" does not exist.', 299, $this->source); })()));
536.         foreach ($context['_seq'] as $context["_key"] => $context["servicesCommun"]) {
537.             // line 300
538.             echo "                                    <input id=\"";
539.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 300), "html", null, true);
540.             echo " \" data-id=\"";
541.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 300), "html", null, true);
542.             echo "\" data-name=\"";
543.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 300), "html", null, true);
544.             echo "\"  data-price=\"";
545.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "price", [], "any", false, false, false, 300), "html", null, true);
546.             echo "\" type=\"checkbox\" class=\"CK\" name=\"serviceCommun\" value=\"";
547.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 300), "html", null, true);
548.             echo "\"><label for=\"service\"> ";
549.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 300), "html", null, true);
550.             echo "   </label>
551.                                       
552.                               ";
553.         }
554.         $_parent = $context['_parent'];
555.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['servicesCommun'], $context['_parent'], $context['loop']);
556.         $context = array_intersect_key($context, $_parent) + $_parent;
557.         // line 302
558.         echo "     
559.  
560.                              </div>
561.                      <!-- <h5 style=\"font-weight:bold;margin-top: 10px; \">Informations additionnelles </h5>
562.                      <h6 style=\"font-weight:bold; margin-top: 10px;\">Avez vous des demandes spécifiques ?</h6>
563.                       <textarea class=\"form-control\" id=\"textAreaExample1\" rows=\"1\" placeholder=\"Saisissez votre texte Ici\" style=\"font-size: 12px;\"></textarea>
564.                    -->
565.                     
566.                     </div>
568.                <div class=\"message\" style=\" display: none;\">Les Services supplémentaires sont indisponibles pour cette sélection.</div>
570.                  </div>
571.                             
572.                             
573.                      <div class=\"button-row\">
574.                          
575.             <a href=\"";
576.         // line 319
577.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationfreework");
578.         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>
579.               
580.              <a href=\"";
581.         // line 321
582.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationstep2", ["id" => (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 321, $this->source); })()), "paramFormule" => "days"]), "html", null, true);
583.         echo "\" style=\"background: #FFCB00 !important;\"  id=\"reservationLink\" class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__ boutton-step\">Étape suivante</a>
584.             
585.                       </div>      
586.                      
588.            
590.                     
591.                    
592.                   </div>
593.                    
595.                 
596.                 </div>
597.               </div>
598.             </div>
599.           </div>
600.          
601.          
603.       </div>
604.           <div class=\"col-sm-4 reservation-steeps-panier\" style=\"overflow-y: auto;\">
605.       
606.         ";
607.         // line 344
608.         echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart"));
609.         echo "
610.     </div>
611.     </div>
612.   </div>
613.   
614.   
615. ";
616.         
617.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
619.         
620.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
622.     }
624.     // line 357
625.     public function block_javascripts($context, array $blocks = [])
626.     {
627.         $macros = $this->macros;
628.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
629.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
631.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
632.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
634.         // line 358
635.         echo "  <!-- MAIN CONTENT -->
636.  
637. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
638. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
639.  
640.  
643. <script>
645.     //recuperer la valeur des jours dans le formulaire .
646.     document.getElementById('reservationLink').addEventListener('click', function() {
647.          
648.         var days=0;
649.         var selectedOption = document.getElementById('serviceFormule');
650.          var selected = selectedOption.value;
651.           if(selected != \"\"){
652.            days = selectedOption.options[selectedOption.selectedIndex].getAttribute('data-days');
654.           }else{
655.          var radioButtons = document.getElementsByName('radioGroup');
656.           for (var i = 0; i < radioButtons.length; i++) {
657.             if (radioButtons[i].checked) {
658.              days = parseInt(radioButtons[i].getAttribute('data-days'));
659.             break;
660.             }
661.         }  }
662.             
663.  if (days === 0) {
664.         event.preventDefault(); // Empêche le lien de se déclencher
665.         alert(\"Vous n'avez rien sélectionné. Veuillez sélectionner une option.\");
666.     }  
667.         var link = document.getElementById('reservationLink');
668.         link.href = \"";
669.         // line 391
670.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationstep2", ["id" => (isset($context["product"]) || array_key_exists("product", $context) ? $context["product"] : (function () { throw new RuntimeError('Variable "product" does not exist.', 391, $this->source); })()), "paramFormule" => "days"]), "html", null, true);
671.         echo "\".replace('days', days);
672.     
673.            });
675.   
676.     \$(document).ready(function(){
679.  \$('input[type=radio][name=radioGroup]').click(function() {
680.     //\$('input[type=checkbox]').prop('checked', false);
681. });
682.  
683.   \$('#serviceFormule').change(function(){ 
684.        var radio = document.getElementById('radio2');
685.             radio.checked = true;
686.              \$('.Addons').show();
687.              \$('.message').hide();
688.              // \$('input[type=checkbox]').prop('checked', false); 
689.     
690.       });
691.       
696.       var radioButtons = document.getElementsByName('radioGroup');
697.  var selectElement = document.getElementById('serviceFormule');
699. radioButtons.forEach(function(radio) {
700.     radio.addEventListener('click', function() {
702.      
703.         if (radio.id === 'radio2') {
704.               \$('.Addons').show();
705.              \$('.message').hide()
706.             selectElement.disabled = false;
707.          var idProduct = \$('option:nth-child(2)').attr(\"data-id\");
708.           var price = \$('option:nth-child(2)').attr(\"data-price\");
709.            var name = \$('option:nth-child(2)').attr(\"data-name\");
710.           var actionType = \"add\";
711.     
713.     \$.ajax({
714.       url:\"";
715.         // line 434
716.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
717.         echo "\",
718.       data:{
719.         idProduct:idProduct,
720.         price:price,
721.         name:name,
722.         actionType:actionType
723.       },
724.       success:function(result){
725.         console.log(result);
726.           \$(\".reservation-steeps-panier\").html(result);
727.       }
728.     });
729.             
730.               selectElement.val(\$('option:nth-child(2)').prop('selected', true));
731.         } else if(radio.id === 'radio1'){
732.                
733.                     \$('.Addons').hide();
734.                     \$('.message').show();
736.         } 
737.         
738.         else {
739.             selectElement.selectedIndex = 0; // Sélection du premier élément
740.             selectElement.disabled = true;
741.              \$('.Addons').show();
742.                     \$('.message').hide();
743.         }
744.     });
745. });
748.       
751.          \$('body').on(\"click\",\".option\",function() {
752.         
753.            /*var selectedServiceIds = [];
754.            var formule =\"\";
755.             formule = \$(\".radio1\").val();*/
756.               if (\$(this).is(':checked')) {  
757.         var formule = \$(this).val(); 
758.        
759.     }
760.             
761.              \$('.CK:checked').each(function() {
762.         // Ajouter l'ID du service sélectionné à la liste
763.        // selectedServiceIds.push(\$(this).data('id'));
764.   
765.            var currentCheckbox = \$(this);
767.           \$.ajax({
768.                 url: '/reservation/ajax-service-price',
769.                 type: 'GET', // ou 'GET' en fonction de votre besoin
770.                 data: { 
771.                   serviceId : \$(this).data('id'),
772.                   formule : formule
773.                  },
774.                 success: function(response) {
775.                     currentCheckbox.attr('data-price', response);
777.                     var idProduct = currentCheckbox.attr(\"data-id\");
778.                     var price = currentCheckbox.attr(\"data-price\");
779.                     var name = currentCheckbox.attr(\"data-name\");
780.                    
781.                     if(price != 0){
782.                     var actionType = \"add\";
783.                      currentCheckbox.next('label').css({'color': 'white', 'background': 'rgb(255, 216, 110)'});
784.                     }else{
785.                       var actionType = \"remove\";
786.                       currentCheckbox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
787.                     }
788.                     
789.              \$.ajax({
790.                 url:\"";
791.         // line 507
792.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
793.         echo "\",
794.                 data:{
795.                   idProduct:idProduct,
796.                   price:price,
797.                   name:name,
798.                   actionType:actionType
799.                 },
800.                 success:function(result){
801.                   console.log(result);
802.                     \$(\".reservation-steeps-panier\").html(result);
803.                 }
804.               });
806.                             
807.                        
808.         },
809.                 error: function(xhr, status, error) {
810.                     // Gérez les erreurs ici
811.                     console.error(error);
812.                 }
813.             });
815.          
816.   
818.           
819.     
820.         
821.     });
823.         
824.           
825.     var idProduct = \$(this).attr(\"data-id\");
826.     var price = \$(this).attr(\"data-price\");
827.     var name = \$(this).attr(\"data-name\");
828.     var actionType = \"add\";
830.     \$.ajax({
831.       url:\"";
832.         // line 545
833.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
834.         echo "\",
835.       data:{
836.         idProduct:idProduct,
837.         price:price,
838.         name:name,
839.         actionType:actionType
840.       },
841.       success:function(result){
842.         console.log(result);
843.           \$(\".reservation-steeps-panier\").html(result);
844.       }
845.     });
846.     });
848.     
849.              \$('body').on(\"change\",\"select.option\",function() {
851.  var selectedServiceIds = [];
852.                  if(\$(\"#serviceFormule\").val() != \"\" || \$(\"#radio3\").val() != \"\"){
853.          if(\$(\"#serviceFormule\").val() != \"\" ){
854.                  formule =\$(\"#serviceFormule\").val();
855.                 }else{
856.                  formule = \$(\".radio1\").val();
857.                 }
858.           }
860.             // Parcourir toutes les cases cochées avec la classe CK
861.     \$('.CK:checked').each(function() {
862.         // Ajouter l'ID du service sélectionné à la liste
863.        // selectedServiceIds.push(\$(this).data('id'));
864.   
865.            var currentCheckbox = \$(this);
867.           \$.ajax({
868.                 url: '/reservation/ajax-service-price',
869.                 type: 'GET', // ou 'GET' en fonction de votre besoin
870.                 data: { 
871.                   serviceId : \$(this).data('id'),
872.                   formule : formule
873.                  },
874.                 success: function(response) {
875.                     currentCheckbox.attr('data-price', response);
877.                     var idProduct = currentCheckbox.attr(\"data-id\");
878.                     var price = currentCheckbox.attr(\"data-price\");
879.                     var name = currentCheckbox.attr(\"data-name\");
881.                     if(price != 0){
882.                     var actionType = \"add\";
883.                      currentCheckbox.next('label').css({'color': 'white', 'background': 'rgb(255, 216, 110)'});
884.                     }else{
885.                       var actionType = \"remove\";
886.                       currentCheckbox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
887.                     }
888.                
889.              \$.ajax({
890.                 url:\"";
891.         // line 601
892.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
893.         echo "\",
894.                 data:{
895.                   idProduct:idProduct,
896.                   price:price,
897.                   name:name,
898.                   actionType:actionType
899.                 },
900.                 success:function(result){
901.                   console.log(result);
902.                     \$(\".reservation-steeps-panier\").html(result);
903.                 }
904.               });
906.                             
907.                        
908.         },
909.                 error: function(xhr, status, error) {
910.                     // Gérez les erreurs ici
911.                     console.error(error);
912.                 }
913.             });
915.          
916.   
918.           
919.     
920.         
921.     });
923.     
926.       
927.               
928.           
929.     var idProduct = \$(this).find(\"option:selected\").attr(\"data-id\");
930.     var price = \$(this).find(\"option:selected\").attr(\"data-price\");
931.     var name = \$(this).find(\"option:selected\").attr(\"data-name\");
932.     var actionType = \"add\";
933.   
934.    
936.     \$.ajax({
937.       url:\"";
938.         // line 645
939.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
940.         echo "\",
941.       data:{
942.         idProduct:idProduct,
943.         price:price,
944.         name:name,
945.         actionType:actionType
946.       },
947.       success:function(result){
948.         console.log(result);
949.           \$(\".reservation-steeps-panier\").html(result);
950.       }
951.     });
952.     });
955.           \$('body').on(\"click\",\".delete-cart-item\",function() {
957.           
958.     var idProduct = \$(this).attr(\"data-id\");
959.     var price = \$(this).attr(\"data-price\");
960.     var name = \$(this).attr(\"data-name\");
961.     var actionType = \"remove\";
963.     \$.ajax({
964.       url:\"";
965.         // line 669
966.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
967.         echo "\",
968.       data:{
969.         idProduct:idProduct,
970.         price:price,
971.         name:name,
972.         actionType:actionType
973.       },
974.       success:function(result){
975.         console.log(result);
976.           \$(\".reservation-steeps-panier\").html(result);
977.       }
978.     });
979.         
980.         
982.     
983.     });
986.       \$('body').on(\"click\",\".delete-cart-item\",function() {
988.                 
989.           var idProduct = \$(this).attr(\"data-id\");
990.           var price = \$(this).attr(\"data-price\");
991.           var name = \$(this).attr(\"data-name\");
992.           var actionType = \"remove\";
994.           \$.ajax({
995.             url:\"";
996.         // line 697
997.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
998.         echo "\",
999.             data:{
1000.               idProduct:idProduct,
1001.               price:price,
1002.               name:name,
1003.               actionType:actionType
1004.             },
1005.             success:function(result){
1006.               console.log(result);
1007.                 \$(\".reservation-steeps-panier\").html(result);
1008.             }
1009.           });
1010.           });
1011.         // Ajouter la délégation d'événements pour le clic sur le label 'service'
1013.    \$('label[for=\"service\"]').click(function(){ 
1014.  
1015.     var checkBox = \$(this).prev();
1016.     var value = checkBox.val();
1017.     if (checkBox.is(\":checked\")) {
1018.         checkBox.prop('checked', false);
1019.         console.log(\"Case à cocher décochée : \" + value);
1020.          checkBox.next('label').css({ 'color': '#626262' ,'background': 'none'});
1021.   var idProduct = checkBox.attr(\"data-id\");
1022.     var price = checkBox.attr(\"data-price\");
1023.     var name = checkBox.attr(\"data-name\");
1024.     var actionType = \"remove\";
1025.       \$.ajax({
1026.       url:\"";
1027.         // line 725
1028.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1029.         echo "\",
1030.       data:{
1031.         idProduct:idProduct,
1032.         price:price,
1033.         name:name,
1034.         actionType:actionType
1035.       },
1036.       success:function(result){
1037.         console.log(result);
1038.           \$(\".reservation-steeps-panier\").html(result);
1039.       }
1040.     });
1042.     } else {
1043.         checkBox.prop('checked', true);
1044.         console.log(\"Case à cocher cochée : \" + value);
1045.         var formule = \"\";
1046.  
1047.        
1048.               if(\$(\"#serviceFormule\").val() != \"\" || \$(\"#radio3\").val() != \"\"){
1049.                 if(\$(\"#serviceFormule\").val() != \"\" ){
1050.                  formule =\$(\"#serviceFormule\").val();
1051.                 }
1052.                   else if (\$('#radio1').is(':checked')) {
1053.                   formule = \$(\".radio1\").val();
1054.                  }
1055.                  else if (\$('#radio1').is(':checked')) {
1056.                   formule = \$(\"#radio1\").val();
1057.                  }
1058.                   else if (\$('#radioMois').is(':checked')) {
1059.                   formule = \$(\"#radioMois\").val();
1060.                  }
1061.               
1062.                  
1063.               var serviceId = \$(this).prev().data('id');
1064.               var dataElement = \$(this).prev();
1065.       
1066.              \$.ajax({
1067.                 url: '/reservation/ajax-service-price',
1068.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1069.                 data: { 
1070.                   serviceId : value,
1071.                   formule : formule
1072.                  },
1073.                 success: function(response) {
1074.                     
1075.                      dataElement.attr(\"data-price\", response);
1076.                      var idProduct = dataElement.attr(\"data-id\");
1077.                     var price = dataElement.attr(\"data-price\");
1078.                     var name = dataElement.attr(\"data-name\");
1079.                     var actionType = \"add\";
1080.             if(price != 0 ){
1081.                 \$.ajax({
1082.                 url:\"";
1083.         // line 778
1084.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1085.         echo "\",
1086.                 data:{
1087.                   idProduct:idProduct,
1088.                   price:price,
1089.                   name:name,
1090.                   actionType:actionType
1091.                 },
1092.                 success:function(result){
1093.                   console.log(result);
1094.                     \$(\".reservation-steeps-panier\").html(result);
1095.                 }
1096.               });
1097.                checkBox.next('label').css({ 'color': 'white' ,'background': '#FFD86E'});
1098.                  
1099.                    }else {
1100.                 // Si le prix est égal à zéro, changer le fond du checkbox en gris
1101.                 checkBox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
1102.             }    
1104.                  
1105.    
1107.                 },
1108.                 error: function(xhr, status, error) {
1109.                     // Gérez les erreurs ici
1110.                     console.error(error);
1111.                 }
1112.             });
1113.             }
1114.     }
1115. });
1116.  
1119.  var radioButtons = document.getElementsByName('radioGroup');
1121. for (var i = 0; i < radioButtons.length; i++) {
1122.     if (radioButtons[i].checked) {
1123.         var selectedValue = radioButtons[i].value;
1124.         break;
1125.     }
1126. }
1128. console.log(selectedValue); // Vous pouvez utiliser la valeur comme vous le souhaitez ici
1130.     });
1132.    
1134.  
1135.  
1136. </script>
1138.  
1139. ";
1140.         
1141.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
1143.         
1144.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
1146.     }
1148.     public function getTemplateName()
1149.     {
1150.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-freework-step.html.twig";
1151.     }
1153.     public function isTraitable()
1154.     {
1155.         return false;
1156.     }
1158.     public function getDebugInfo()
1159.     {
1160.         return array (  1084 => 778,  1028 => 725,  997 => 697,  966 => 669,  939 => 645,  892 => 601,  833 => 545,  792 => 507,  716 => 434,  670 => 391,  635 => 358,  625 => 357,  608 => 344,  582 => 321,  577 => 319,  558 => 302,  538 => 300,  534 => 299,  530 => 297,  512 => 296,  509 => 295,  505 => 294,  496 => 287,  490 => 286,  483 => 282,  470 => 280,  448 => 279,  441 => 276,  437 => 275,  434 => 274,  429 => 271,  423 => 270,  407 => 268,  404 => 267,  400 => 266,  390 => 258,  388 => 257,  383 => 254,  377 => 253,  368 => 247,  356 => 244,  346 => 243,  341 => 240,  339 => 239,  336 => 238,  332 => 237,  277 => 185,  267 => 178,  259 => 172,  249 => 171,  76 => 8,  70 => 5,  60 => 4,  37 => 1,);
1161.     }
1163.     public function getSourceContext()
1164.     {
1165.         return new Source("{% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
1168. {% block stylesheets %}
1169. {{ parent() }}
1172.  <link rel=\"stylesheet\" href=\"{{ asset('themes/coworking/css/reservation.css') }}\" />
1173.  
1174. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />
1175. <style>
1176.  
1177.   
1178.   .modal-backdrop.fade.show {
1179.         display: none;
1180. }
1181.  
1182.  
1183. /* css checkbox*/
1185. /* hide checkbox */
1186. input[type=\"checkbox\"] {
1187.   display: none;
1188. }
1190. /* if checkbox is checked, then do these things */
1191. /*input[type=\"checkbox\"]:checked + label {
1192.   color: white;
1193.   background:#FFD86E;
1194.   border-radius: 5px;
1195.   padding: 0px 10px 0px 10px;
1196. }
1198. /* styles when hovering over options */
1199. label:hover {
1201.   cursor: pointer;
1202.   
1203.   /* transitions and animations */
1204.   -webkit-transition: color .5s ease;
1205.   -moz-transition: color .5s ease;
1206.   -ms-transition: color .5s ease;
1207.   -o-transition: color .5s ease;
1208.   transition: color .5s ease;
1209. }
1210. .boutton-step{
1211.   padding:10px; 
1212.   text-decoration:none; 
1213.   width:230px; 
1214.    font-size: 12px;
1215.     font-family: 'PT Sans', sans-serif;
1216.     letter-spacing:2px;
1217. }
1218.   
1219. input.button {
1220.   
1221. \twidth:130px;
1222. \theight:50px;
1223. \tmargin: 20px 0 30px 0;
1224. \tpadding: 0px 20px 0px 20px;
1225. \tbackground: #e6e6e6;
1226. \tborder-radius:5px;
1227. \tborder: 1px solid #ccc;
1229. \tfont-family: OpenSans, sans-serif;
1230. \tfont-size:16pt;
1231. \tcolor:#444;
1232. }
1234. .Addons label{
1235.     font-size:12px !important;
1236.     font-family: 'roboto';
1237.     font-weight: 500;
1238.     border: 1px solid #80808024;
1239.     margin: 2px;
1240.     padding: 0px 5px 0px 5px;
1241.     border-radius: 5px;
1242. }
1243. .multistep-container .active-button li:not(:first-child) .round-btn:before {
1244.     position: absolute;
1245.     content: '';
1246.     width: 141px;
1247.     height: 3px;
1248.     background-color: #E9F2FA;
1249.     left: -120px;
1250. }
1253. .multistep-container .active-button li {
1254.     display: inline-block;
1255.     width: 140px;
1256. }
1258. .form-check {
1259.     line-height: 22px;
1260. }   
1262. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3{
1263.         flex: 0 0 86%;
1264. }
1266.  @media (max-width:767px) {
1267.                 html, body {
1268.                   overflow-x: hidden  !important;
1269.                 }
1270.                 body {
1271.                   position: relative !important;
1272.                 }
1273.                 .col-sm-8.reservation-steeps {
1274.                     padding:0%;
1275.                 }
1276.                 .multistep-container .mutistep-form-area .form-box{
1277.                     position: relative;
1278.                     top: 33px;
1279.                     left: 0px;
1280.                 }
1281.                 .multistep-container .active-button li{
1282.                     display: inline-block;
1283.                     width: 100px;
1284.                 }
1285.                 .panel-sticky{
1286.                     font-size:12px;
1287.                 }
1288.               h6.display-6.header-steeps {
1289.                 margin-left: 3%;
1290.             }
1291.             h6.datetime{
1292.                  margin-left: 3%;
1293.             }
1294.             a#seeDetails {
1295.                 margin-bottom: -11%;
1296.             }
1297.             a#seePrice {
1298.                 float: right;
1299.                 margin-right: 52%;
1300.             }
1301.  }
1303.    .titre-page{
1304. margin-top:10px;
1305. font-size: 20px;
1306. line-height:45.29px;
1307. color: #000000;
1308. } 
1310.   li.etape1:before {
1311.     background: #7ED670 !important; /* Change the background color */
1312.     color: white !important;
1313. } 
1314.  .message {
1315.         
1316.                color: white;
1317.             background: rgb(199, 200, 204);
1318.             
1319.             font-size: 15px;
1320.             padding: 20px;
1321.             border-radius: 10px;
1322.             text-align: center;
1323.             font-weight: bold;
1324.             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
1325.             height: 100px; /* Adjust the height as necessary */
1326.             display: flex;
1327.             align-items: center;
1328.             justify-content: center;
1329.         }
1331. </style>
1333.   
1334. {% endblock  %}
1335. {% block body %}
1336.  
1338.  
1339.  
1341.  
1342.   <img src=\"{{asset('themes/coworking/front/images/freewor.jpg')}}\" style=\"width: 100%;height: 520px;\" class=\"img-fluid\" />
1343.   <div class=\"container\">
1344.     <div class=\"row justify-content-between\">
1345.       <div class=\"col-sm-8 reservation-steeps\">
1346.        
1347.        <div class=\"row\">
1348.           <div class=\"col-sm-6\">
1349.             <h6 class=\"titre-page\">Réservation {{name}}
1350.                 
1352.             </h6>
1353.           </div>
1354.           <div class=\"col-sm-6\" style=\"margin-top:10px;\">
1355.             <a href=\"/themes/coworking/front/images/FREEWORK.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>
1356.           </div>
1357.         </div>
1358.        
1359.        
1360.         <div class=\"container\">
1361.          
1362.               
1363.           
1364.        <div class=\"container d-flex justify-content-center align-items-center\">
1365.          
1366.          
1367.           <ul id=\"progressbar\">
1368. \t\t\t\t\t<li class=\"etape1\" > 
1369.              <span>   Type </span>
1370.              </li>
1371. \t\t\t\t\t<li class=\"active\" >  <span> Formule </span></li>
1372. \t\t\t\t\t<li> Dates</li>
1373. \t\t\t\t\t\t<li> Confirmation </li>
1374.            
1375.           
1376. \t\t\t\t</ul>
1377.         </div>
1379.         
1380.             
1381.             <div class=\"col-xl-12\" style=\"top: 20px;\">
1382.               
1383.               <div class=\"multistep-container\">
1384.                 <div class=\"mutistep-form-area\">
1385.                     
1386.                  
1387.                   <div class=\"form-box\">
1388.                 
1389.                      
1390.                  
1391.                        
1392.                             <div class=\"container\" >
1394.                   
1395.               
1396.             
1397.                  <div id=\"form-attribue\" style=\"line-height: 30px;\" class=\"mt-4\"> </div>
1398.                <h5>Veuillez choisir une formule </h5>
1400.                     
1401.                   {% for attr in  attributValues %}
1403.                   {% if attr.code == \"simple\" %}
1405.                   
1406.                 <div class=\"form-check\"  >
1407.                 <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}}\" />
1408.                 <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>
1409.                 <small>
1410.                   
1411.                   {{attr.attribut.description}}
1412.                   </small>
1413.                 </div>
1415.                 
1416.                   {% endif %}
1417.                   {% endfor %}
1419.                   
1421.                        {% if attributValues|length > 0 %}
1422.                 
1423.                  <div class=\"form-check\">
1424.                         <input class=\"form-check-input\" type=\"radio\" name=\"radioGroup\" id=\"radio2\" />
1425.                         <label class=\"form-check-label\" for=\"radio2\">Location “Pass jours”</label><br>
1426.                         <small>Cette formule est déclinée comme suit :</small>
1427.                         <select style=\"padding: 4px;\" class=\"col-6  option \" id=\"serviceFormule\" >
1428.                              <option value=\"\" data-price=\"\"  >Sélectionner un choix</option>
1429.                     
1430.                          {% for attr in attributValues %}
1431.                          {% if attr.code == \"multiple\" %}
1432.                         <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>
1433.                         {% endif %}
1434.                         {% endfor %}
1435.                         </select>
1436.                  </div>
1437.                {% endif %}
1439.              {% for attr in  attributValues %}
1440.                    {% if attr.code == \"personalized\" %}     
1441.                      
1442.                      <div class=\"form-check\">
1443.                       <input class=\"form-check-input option\" data-days=\"30\"  data-id=\"{{attr.product.id}}\" data-name=\"{{attr.product.name}}\" {% if(attr.price is null) %} data-price=\"0\"  {% else %}  data-price=\"{{attr.price}}\"  {% endif %}    type=\"radio\" name=\"radioGroup\"  {% if(attr.attribut.name==\"Période personnalisée\") %}   value=\"Mois\"   {% else %}  value=\"{{attr.attribut.name}}\" {% endif %}  id=\"radioMois\"    />
1444.                       <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>
1445.                       
1446.                        <small> {{ attr.attribut.description}}</small>
1447.                     </div>
1448.                      
1449.                      {% endif %}
1450.                    {% endfor %}
1452.                  
1453.                     <h5 style=\"font-weight:bold; margin-top: 30px;\">Services supplémentaires:</h5>
1454.                     <h6 style=\"font-weight:bold; margin-top: 30px;\">Voulez-vous ajouter des services supplémentaires?</h6>
1455.                     <small style=\"color:grey\">Disponible en location au mois ou à la journée</small>
1456.                     <div class=\"row\">
1457.                          <div class=\"col-sm-12 Addons\">
1458.                             {% for service in  services %}
1460.                                     <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> 
1461.                             {% endfor %}<br>
1463.                               {% for servicesCommun in  servicesCommuns %}
1464.                                     <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>
1465.                                       
1466.                               {% endfor %}     
1467.  
1468.                              </div>
1469.                      <!-- <h5 style=\"font-weight:bold;margin-top: 10px; \">Informations additionnelles </h5>
1470.                      <h6 style=\"font-weight:bold; margin-top: 10px;\">Avez vous des demandes spécifiques ?</h6>
1471.                       <textarea class=\"form-control\" id=\"textAreaExample1\" rows=\"1\" placeholder=\"Saisissez votre texte Ici\" style=\"font-size: 12px;\"></textarea>
1472.                    -->
1473.                     
1474.                     </div>
1476.                <div class=\"message\" style=\" display: none;\">Les Services supplémentaires sont indisponibles pour cette sélection.</div>
1478.                  </div>
1479.                             
1480.                             
1481.                      <div class=\"button-row\">
1482.                          
1483.             <a href=\"{{path(\"reservationfreework\")}}\" 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>
1484.               
1485.              <a href=\"{{path(\"reservationstep2\",{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>
1486.             
1487.                       </div>      
1488.                      
1490.            
1492.                     
1493.                    
1494.                   </div>
1495.                    
1497.                 
1498.                 </div>
1499.               </div>
1500.             </div>
1501.           </div>
1502.          
1503.          
1505.       </div>
1506.           <div class=\"col-sm-4 reservation-steeps-panier\" style=\"overflow-y: auto;\">
1507.       
1508.         {{render(path(\"ajax_cart\"))}}
1509.     </div>
1510.     </div>
1511.   </div>
1512.   
1513.   
1514. {% endblock %}
1521. {% block javascripts %}
1522.   <!-- MAIN CONTENT -->
1523.  
1524. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
1525. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
1526.  
1527.  
1530. <script>
1532.     //recuperer la valeur des jours dans le formulaire .
1533.     document.getElementById('reservationLink').addEventListener('click', function() {
1534.          
1535.         var days=0;
1536.         var selectedOption = document.getElementById('serviceFormule');
1537.          var selected = selectedOption.value;
1538.           if(selected != \"\"){
1539.            days = selectedOption.options[selectedOption.selectedIndex].getAttribute('data-days');
1541.           }else{
1542.          var radioButtons = document.getElementsByName('radioGroup');
1543.           for (var i = 0; i < radioButtons.length; i++) {
1544.             if (radioButtons[i].checked) {
1545.              days = parseInt(radioButtons[i].getAttribute('data-days'));
1546.             break;
1547.             }
1548.         }  }
1549.             
1550.  if (days === 0) {
1551.         event.preventDefault(); // Empêche le lien de se déclencher
1552.         alert(\"Vous n'avez rien sélectionné. Veuillez sélectionner une option.\");
1553.     }  
1554.         var link = document.getElementById('reservationLink');
1555.         link.href = \"{{ path('reservationstep2', {id: product, 'paramFormule': 'days'}) }}\".replace('days', days);
1556.     
1557.            });
1559.   
1560.     \$(document).ready(function(){
1563.  \$('input[type=radio][name=radioGroup]').click(function() {
1564.     //\$('input[type=checkbox]').prop('checked', false);
1565. });
1566.  
1567.   \$('#serviceFormule').change(function(){ 
1568.        var radio = document.getElementById('radio2');
1569.             radio.checked = true;
1570.              \$('.Addons').show();
1571.              \$('.message').hide();
1572.              // \$('input[type=checkbox]').prop('checked', false); 
1573.     
1574.       });
1575.       
1580.       var radioButtons = document.getElementsByName('radioGroup');
1581.  var selectElement = document.getElementById('serviceFormule');
1583. radioButtons.forEach(function(radio) {
1584.     radio.addEventListener('click', function() {
1586.      
1587.         if (radio.id === 'radio2') {
1588.               \$('.Addons').show();
1589.              \$('.message').hide()
1590.             selectElement.disabled = false;
1591.          var idProduct = \$('option:nth-child(2)').attr(\"data-id\");
1592.           var price = \$('option:nth-child(2)').attr(\"data-price\");
1593.            var name = \$('option:nth-child(2)').attr(\"data-name\");
1594.           var actionType = \"add\";
1595.     
1597.     \$.ajax({
1598.       url:\"{{path('ajax_cart')}}\",
1599.       data:{
1600.         idProduct:idProduct,
1601.         price:price,
1602.         name:name,
1603.         actionType:actionType
1604.       },
1605.       success:function(result){
1606.         console.log(result);
1607.           \$(\".reservation-steeps-panier\").html(result);
1608.       }
1609.     });
1610.             
1611.               selectElement.val(\$('option:nth-child(2)').prop('selected', true));
1612.         } else if(radio.id === 'radio1'){
1613.                
1614.                     \$('.Addons').hide();
1615.                     \$('.message').show();
1617.         } 
1618.         
1619.         else {
1620.             selectElement.selectedIndex = 0; // Sélection du premier élément
1621.             selectElement.disabled = true;
1622.              \$('.Addons').show();
1623.                     \$('.message').hide();
1624.         }
1625.     });
1626. });
1629.       
1632.          \$('body').on(\"click\",\".option\",function() {
1633.         
1634.            /*var selectedServiceIds = [];
1635.            var formule =\"\";
1636.             formule = \$(\".radio1\").val();*/
1637.               if (\$(this).is(':checked')) {  
1638.         var formule = \$(this).val(); 
1639.        
1640.     }
1641.             
1642.              \$('.CK:checked').each(function() {
1643.         // Ajouter l'ID du service sélectionné à la liste
1644.        // selectedServiceIds.push(\$(this).data('id'));
1645.   
1646.            var currentCheckbox = \$(this);
1648.           \$.ajax({
1649.                 url: '/reservation/ajax-service-price',
1650.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1651.                 data: { 
1652.                   serviceId : \$(this).data('id'),
1653.                   formule : formule
1654.                  },
1655.                 success: function(response) {
1656.                     currentCheckbox.attr('data-price', response);
1658.                     var idProduct = currentCheckbox.attr(\"data-id\");
1659.                     var price = currentCheckbox.attr(\"data-price\");
1660.                     var name = currentCheckbox.attr(\"data-name\");
1661.                    
1662.                     if(price != 0){
1663.                     var actionType = \"add\";
1664.                      currentCheckbox.next('label').css({'color': 'white', 'background': 'rgb(255, 216, 110)'});
1665.                     }else{
1666.                       var actionType = \"remove\";
1667.                       currentCheckbox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
1668.                     }
1669.                     
1670.              \$.ajax({
1671.                 url:\"{{path('ajax_cart')}}\",
1672.                 data:{
1673.                   idProduct:idProduct,
1674.                   price:price,
1675.                   name:name,
1676.                   actionType:actionType
1677.                 },
1678.                 success:function(result){
1679.                   console.log(result);
1680.                     \$(\".reservation-steeps-panier\").html(result);
1681.                 }
1682.               });
1684.                             
1685.                        
1686.         },
1687.                 error: function(xhr, status, error) {
1688.                     // Gérez les erreurs ici
1689.                     console.error(error);
1690.                 }
1691.             });
1693.          
1694.   
1696.           
1697.     
1698.         
1699.     });
1701.         
1702.           
1703.     var idProduct = \$(this).attr(\"data-id\");
1704.     var price = \$(this).attr(\"data-price\");
1705.     var name = \$(this).attr(\"data-name\");
1706.     var actionType = \"add\";
1708.     \$.ajax({
1709.       url:\"{{path('ajax_cart')}}\",
1710.       data:{
1711.         idProduct:idProduct,
1712.         price:price,
1713.         name:name,
1714.         actionType:actionType
1715.       },
1716.       success:function(result){
1717.         console.log(result);
1718.           \$(\".reservation-steeps-panier\").html(result);
1719.       }
1720.     });
1721.     });
1723.     
1724.              \$('body').on(\"change\",\"select.option\",function() {
1726.  var selectedServiceIds = [];
1727.                  if(\$(\"#serviceFormule\").val() != \"\" || \$(\"#radio3\").val() != \"\"){
1728.          if(\$(\"#serviceFormule\").val() != \"\" ){
1729.                  formule =\$(\"#serviceFormule\").val();
1730.                 }else{
1731.                  formule = \$(\".radio1\").val();
1732.                 }
1733.           }
1735.             // Parcourir toutes les cases cochées avec la classe CK
1736.     \$('.CK:checked').each(function() {
1737.         // Ajouter l'ID du service sélectionné à la liste
1738.        // selectedServiceIds.push(\$(this).data('id'));
1739.   
1740.            var currentCheckbox = \$(this);
1742.           \$.ajax({
1743.                 url: '/reservation/ajax-service-price',
1744.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1745.                 data: { 
1746.                   serviceId : \$(this).data('id'),
1747.                   formule : formule
1748.                  },
1749.                 success: function(response) {
1750.                     currentCheckbox.attr('data-price', response);
1752.                     var idProduct = currentCheckbox.attr(\"data-id\");
1753.                     var price = currentCheckbox.attr(\"data-price\");
1754.                     var name = currentCheckbox.attr(\"data-name\");
1756.                     if(price != 0){
1757.                     var actionType = \"add\";
1758.                      currentCheckbox.next('label').css({'color': 'white', 'background': 'rgb(255, 216, 110)'});
1759.                     }else{
1760.                       var actionType = \"remove\";
1761.                       currentCheckbox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
1762.                     }
1763.                
1764.              \$.ajax({
1765.                 url:\"{{path('ajax_cart')}}\",
1766.                 data:{
1767.                   idProduct:idProduct,
1768.                   price:price,
1769.                   name:name,
1770.                   actionType:actionType
1771.                 },
1772.                 success:function(result){
1773.                   console.log(result);
1774.                     \$(\".reservation-steeps-panier\").html(result);
1775.                 }
1776.               });
1778.                             
1779.                        
1780.         },
1781.                 error: function(xhr, status, error) {
1782.                     // Gérez les erreurs ici
1783.                     console.error(error);
1784.                 }
1785.             });
1787.          
1788.   
1790.           
1791.     
1792.         
1793.     });
1795.     
1798.       
1799.               
1800.           
1801.     var idProduct = \$(this).find(\"option:selected\").attr(\"data-id\");
1802.     var price = \$(this).find(\"option:selected\").attr(\"data-price\");
1803.     var name = \$(this).find(\"option:selected\").attr(\"data-name\");
1804.     var actionType = \"add\";
1805.   
1806.    
1808.     \$.ajax({
1809.       url:\"{{path('ajax_cart')}}\",
1810.       data:{
1811.         idProduct:idProduct,
1812.         price:price,
1813.         name:name,
1814.         actionType:actionType
1815.       },
1816.       success:function(result){
1817.         console.log(result);
1818.           \$(\".reservation-steeps-panier\").html(result);
1819.       }
1820.     });
1821.     });
1824.           \$('body').on(\"click\",\".delete-cart-item\",function() {
1826.           
1827.     var idProduct = \$(this).attr(\"data-id\");
1828.     var price = \$(this).attr(\"data-price\");
1829.     var name = \$(this).attr(\"data-name\");
1830.     var actionType = \"remove\";
1832.     \$.ajax({
1833.       url:\"{{path('ajax_cart')}}\",
1834.       data:{
1835.         idProduct:idProduct,
1836.         price:price,
1837.         name:name,
1838.         actionType:actionType
1839.       },
1840.       success:function(result){
1841.         console.log(result);
1842.           \$(\".reservation-steeps-panier\").html(result);
1843.       }
1844.     });
1845.         
1846.         
1848.     
1849.     });
1852.       \$('body').on(\"click\",\".delete-cart-item\",function() {
1854.                 
1855.           var idProduct = \$(this).attr(\"data-id\");
1856.           var price = \$(this).attr(\"data-price\");
1857.           var name = \$(this).attr(\"data-name\");
1858.           var actionType = \"remove\";
1860.           \$.ajax({
1861.             url:\"{{path('ajax_cart')}}\",
1862.             data:{
1863.               idProduct:idProduct,
1864.               price:price,
1865.               name:name,
1866.               actionType:actionType
1867.             },
1868.             success:function(result){
1869.               console.log(result);
1870.                 \$(\".reservation-steeps-panier\").html(result);
1871.             }
1872.           });
1873.           });
1874.         // Ajouter la délégation d'événements pour le clic sur le label 'service'
1876.    \$('label[for=\"service\"]').click(function(){ 
1877.  
1878.     var checkBox = \$(this).prev();
1879.     var value = checkBox.val();
1880.     if (checkBox.is(\":checked\")) {
1881.         checkBox.prop('checked', false);
1882.         console.log(\"Case à cocher décochée : \" + value);
1883.          checkBox.next('label').css({ 'color': '#626262' ,'background': 'none'});
1884.   var idProduct = checkBox.attr(\"data-id\");
1885.     var price = checkBox.attr(\"data-price\");
1886.     var name = checkBox.attr(\"data-name\");
1887.     var actionType = \"remove\";
1888.       \$.ajax({
1889.       url:\"{{path('ajax_cart')}}\",
1890.       data:{
1891.         idProduct:idProduct,
1892.         price:price,
1893.         name:name,
1894.         actionType:actionType
1895.       },
1896.       success:function(result){
1897.         console.log(result);
1898.           \$(\".reservation-steeps-panier\").html(result);
1899.       }
1900.     });
1902.     } else {
1903.         checkBox.prop('checked', true);
1904.         console.log(\"Case à cocher cochée : \" + value);
1905.         var formule = \"\";
1906.  
1907.        
1908.               if(\$(\"#serviceFormule\").val() != \"\" || \$(\"#radio3\").val() != \"\"){
1909.                 if(\$(\"#serviceFormule\").val() != \"\" ){
1910.                  formule =\$(\"#serviceFormule\").val();
1911.                 }
1912.                   else if (\$('#radio1').is(':checked')) {
1913.                   formule = \$(\".radio1\").val();
1914.                  }
1915.                  else if (\$('#radio1').is(':checked')) {
1916.                   formule = \$(\"#radio1\").val();
1917.                  }
1918.                   else if (\$('#radioMois').is(':checked')) {
1919.                   formule = \$(\"#radioMois\").val();
1920.                  }
1921.               
1922.                  
1923.               var serviceId = \$(this).prev().data('id');
1924.               var dataElement = \$(this).prev();
1925.       
1926.              \$.ajax({
1927.                 url: '/reservation/ajax-service-price',
1928.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1929.                 data: { 
1930.                   serviceId : value,
1931.                   formule : formule
1932.                  },
1933.                 success: function(response) {
1934.                     
1935.                      dataElement.attr(\"data-price\", response);
1936.                      var idProduct = dataElement.attr(\"data-id\");
1937.                     var price = dataElement.attr(\"data-price\");
1938.                     var name = dataElement.attr(\"data-name\");
1939.                     var actionType = \"add\";
1940.             if(price != 0 ){
1941.                 \$.ajax({
1942.                 url:\"{{path('ajax_cart')}}\",
1943.                 data:{
1944.                   idProduct:idProduct,
1945.                   price:price,
1946.                   name:name,
1947.                   actionType:actionType
1948.                 },
1949.                 success:function(result){
1950.                   console.log(result);
1951.                     \$(\".reservation-steeps-panier\").html(result);
1952.                 }
1953.               });
1954.                checkBox.next('label').css({ 'color': 'white' ,'background': '#FFD86E'});
1955.                  
1956.                    }else {
1957.                 // Si le prix est égal à zéro, changer le fond du checkbox en gris
1958.                 checkBox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
1959.             }    
1961.                  
1962.    
1964.                 },
1965.                 error: function(xhr, status, error) {
1966.                     // Gérez les erreurs ici
1967.                     console.error(error);
1968.                 }
1969.             });
1970.             }
1971.     }
1972. });
1973.  
1976.  var radioButtons = document.getElementsByName('radioGroup');
1978. for (var i = 0; i < radioButtons.length; i++) {
1979.     if (radioButtons[i].checked) {
1980.         var selectedValue = radioButtons[i].value;
1981.         break;
1982.     }
1983. }
1985. console.log(selectedValue); // Vous pouvez utiliser la valeur comme vous le souhaitez ici
1987.     });
1989.    
1991.  
1992.  
1993. </script>
1995.  
1996. {% endblock %}
1998. ", "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-freework-step.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-freework-step.html.twig");
1999.     }
2000. }