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-offices-step.html.twig */
16. class __TwigTemplate_053d0e8b404d18d09b74bb802da39f0b 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-offices-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-offices-step.html.twig"));
49.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-offices-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.   .modal-backdrop.fade.show {
80.         display: none;
81. }
82.  
83.  
84. /* css checkbox*/
87. /* hide checkbox */
88. input[type=\"checkbox\"] {
89.   display: none;
90. }
92. /* if checkbox is checked, then do these things */
93. /*input[type=\"checkbox\"]:checked + label {
94.   color: white;
95.   background:#FFD86E;
96.   border-radius: 5px;
97.   padding: 0px 10px 0px 10px;
98. }
100. /* styles when hovering over options */
101. label:hover {
103.   cursor: pointer;
104.   
105.   /* transitions and animations */
106.   -webkit-transition: color .5s ease;
107.   -moz-transition: color .5s ease;
108.   -ms-transition: color .5s ease;
109.   -o-transition: color .5s ease;
110.   transition: color .5s ease;
111. }
112.   
113. input.button {
114.   
115. \twidth:130px;
116. \theight:50px;
117. \tmargin: 20px 0 30px 0;
118. \tpadding: 0px 20px 0px 20px;
119. \tbackground: #e6e6e6;
120. \tborder-radius:5px;
121. \tborder: 1px solid #ccc;
123. \tfont-family: OpenSans, sans-serif;
124. \tfont-size:16pt;
125. \tcolor:#444;
126. }
128. .Addons label{
129.     font-size:12px !important;
130.     font-family: 'roboto';
131.     font-weight: 500;
132.     border: 1px solid #80808024;
133.     margin: 2px;
134.     padding: 0px 5px 0px 5px;
135.     border-radius: 5px;
136. }
137. .multistep-container .active-button li:not(:first-child) .round-btn:before {
138.     position: absolute;
139.     content: '';
140.     width: 141px;
141.     height: 3px;
142.     background-color: #E9F2FA;
143.     left: -120px;
144. }
147. .multistep-container .active-button li {
148.     display: inline-block;
149.     width: 140px;
150. }
152. .form-check {
153.     line-height: 22px;
154. }   
156. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3{
157.         flex: 0 0 86%;
158. }
160.  @media (max-width:767px) {
161.                 html, body {
162.                   overflow-x: hidden  !important;
163.                 }
164.                 body {
165.                   position: relative !important;
166.                 }
167.                 .col-sm-8.reservation-steeps {
168.                     padding:0%;
169.                 }
170.                 .multistep-container .mutistep-form-area .form-box{
171.                     position: relative;
172.                     top: 33px;
173.                     left: 0px;
174.                 }
175.                 .multistep-container .active-button li{
176.                     display: inline-block;
177.                     width: 100px;
178.                 }
179.                 .panel-sticky{
180.                     font-size:12px;
181.                 }
182.               h6.display-6.header-steeps {
183.                 margin-left: 3%;
184.             }
185.             h6.datetime{
186.                  margin-left: 3%;
187.             }
188.             a#seeDetails {
189.                 margin-bottom: -11%;
190.             }
191.             a#seePrice {
192.                 float: right;
193.                 margin-right: 52%;
194.             }
195.  }
196.  
197.  li.etape1:before {
198.     background: #7ED670 !important; /* Change the background color */
199.     color: white !important;
200. }
202.  .message {
203.         
204.                color: white;
205.             background: rgb(199, 200, 204);
206.             
207.             font-size: 15px;
208.             padding: 20px;
209.             border-radius: 10px;
210.             text-align: center;
211.             font-weight: bold;
212.             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
213.             height: 100px; /* Adjust the height as necessary */
214.             display: flex;
215.             align-items: center;
216.             justify-content: center;
217.         }
218.     
219. </style>
221.   
222. ";
223.         
224.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
226.         
227.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
229.     }
231.     // line 154
232.     public function block_body($context, array $blocks = [])
233.     {
234.         $macros = $this->macros;
235.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
236.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
238.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
239.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
241.         // line 155
242.         echo " 
244.  
245.  
247.  
248.   <img src=\"";
249.         // line 161
250.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("themes/coworking/front/images/office.jpg"), "html", null, true);
251.         echo "\" style=\"width: 100%;height: 520px;\" class=\"img-fluid\" />
252.   <div class=\"container\">
253.     <div class=\"row justify-content-between\">
254.       <div class=\"col-sm-8 reservation-steeps\">
255.        
256.        <div class=\"row\">
257.           <div class=\"col-sm-8\">
258.             <h6 style=\"margin-top:10px\">Réservation   
259.                  ";
260.         // line 169
261.         $context["displayed_categories"] = [];
262.         echo "  
263.               ";
264.         // line 170
265.         $context['_parent'] = $context;
266.         $context['_seq'] = twig_ensure_traversable((isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 170, $this->source); })()));
267.         foreach ($context['_seq'] as $context["_key"] => $context["bureau"]) {
268.             // line 171
269.             echo "                            ";
270.             $context['_parent'] = $context;
271.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["bureau"], "categoriesProduct", [], "any", false, false, false, 171));
272.             foreach ($context['_seq'] as $context["_key"] => $context["cat"]) {
273.                 // line 172
274.                 echo "                             ";
275.                 if (((twig_get_attribute($this->env, $this->source, $context["cat"], "id", [], "any", false, false, false, 172) == (isset($context["subcategory"]) || array_key_exists("subcategory", $context) ? $context["subcategory"] : (function () { throw new RuntimeError('Variable "subcategory" does not exist.', 172, $this->source); })())) && !twig_in_filter(twig_get_attribute($this->env, $this->source, $context["cat"], "id", [], "any", false, false, false, 172), (isset($context["displayed_categories"]) || array_key_exists("displayed_categories", $context) ? $context["displayed_categories"] : (function () { throw new RuntimeError('Variable "displayed_categories" does not exist.', 172, $this->source); })())))) {
276.                     // line 173
277.                     echo "                                 
278.                                  ";
279.                     // line 174
280.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["cat"], "name", [], "any", false, false, false, 174), "html", null, true);
281.                     echo "
282.                               ";
283.                 }
284.                 // line 176
285.                 echo "                                 ";
286.                 $context["displayed_categories"] = twig_array_merge((isset($context["displayed_categories"]) || array_key_exists("displayed_categories", $context) ? $context["displayed_categories"] : (function () { throw new RuntimeError('Variable "displayed_categories" does not exist.', 176, $this->source); })()), [twig_get_attribute($this->env, $this->source, $context["cat"], "id", [], "any", false, false, false, 176)]);
287.                 // line 177
288.                 echo "                              ";
289.             }
290.             $_parent = $context['_parent'];
291.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cat'], $context['_parent'], $context['loop']);
292.             $context = array_intersect_key($context, $_parent) + $_parent;
293.             // line 178
294.             echo "                        ";
295.         }
296.         $_parent = $context['_parent'];
297.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['bureau'], $context['_parent'], $context['loop']);
298.         $context = array_intersect_key($context, $_parent) + $_parent;
299.         // line 179
300.         echo "
301.             </h6>
302.           </div>
303.           <div class=\"col-sm-4\" style=\"margin-top:10px;\">
304.             <a href=\"/themes/coworking/front/images/BUREAUX.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>
305.           </div>
306.         </div>
307.        
308.        
309.         <div class=\"container\">
310.          
311.               
312.           
313.           <div class=\"row\">
314.               
315.          <div class=\"container d-flex justify-content-center align-items-center\">
316.          
317.          
318.           <ul id=\"progressbar\">
319. \t\t \t<li class=\"etape1\" >   <span>   Type</span>  </li>
320. \t       <li class=\"active\" >    <span>   Formule</span></li>
321. \t\t  <li> Date </li>
322.           <li> Confirmation</li>
323.           
324. \t\t\t\t</ul>
326.            
327.       </div>
328.             
329.             
330.             <div class=\"col-xl-12\" style=\"top: 20px ;\">
331.               
332.               <div class=\"multistep-container\">
333.                 <div class=\"mutistep-form-area\">
334.                     
335.                  
336.                   <div class=\"form-box\">
337.                 
338.                    
339.                  
340.                        
341.                             <div class=\"container\" >
343.                            
344.                             <!--     <h5>Veuillez choisir un bureau :</h5>
345.                    <select name=\"select\" id=\"select\" class=\"form-control selectpiker\">
346.                         <option value=\"\">Sélectionner votre choix </option>
347.                         ";
348.         // line 226
349.         $context['_parent'] = $context;
350.         $context['_seq'] = twig_ensure_traversable((isset($context["products"]) || array_key_exists("products", $context) ? $context["products"] : (function () { throw new RuntimeError('Variable "products" does not exist.', 226, $this->source); })()));
351.         foreach ($context['_seq'] as $context["_key"] => $context["bureau"]) {
352.             // line 227
353.             echo "                     
354.                             ";
355.             // line 228
356.             $context['_parent'] = $context;
357.             $context['_seq'] = twig_ensure_traversable(twig_get_attribute($this->env, $this->source, $context["bureau"], "categoriesProduct", [], "any", false, false, false, 228));
358.             foreach ($context['_seq'] as $context["_key"] => $context["cat"]) {
359.                 // line 229
360.                 echo "                          
361.                                 ";
362.                 // line 230
363.                 if ((twig_get_attribute($this->env, $this->source, $context["cat"], "id", [], "any", false, false, false, 230) == (isset($context["subcategory"]) || array_key_exists("subcategory", $context) ? $context["subcategory"] : (function () { throw new RuntimeError('Variable "subcategory" does not exist.', 230, $this->source); })()))) {
364.                     // line 231
365.                     echo "                                    <option value=\"";
366.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["bureau"], "id", [], "any", false, false, false, 231), "html", null, true);
367.                     echo "\">BUREAU ";
368.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["bureau"], "name", [], "any", false, false, false, 231), "html", null, true);
369.                     echo "</option>
370.                                 ";
371.                 }
372.                 // line 233
373.                 echo "                            ";
374.             }
375.             $_parent = $context['_parent'];
376.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cat'], $context['_parent'], $context['loop']);
377.             $context = array_intersect_key($context, $_parent) + $_parent;
378.             // line 234
379.             echo "                        ";
380.         }
381.         $_parent = $context['_parent'];
382.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['bureau'], $context['_parent'], $context['loop']);
383.         $context = array_intersect_key($context, $_parent) + $_parent;
384.         // line 235
385.         echo "                    </select>-->
386.                  
387.                           
388.               
389.               
390.                
391.                  <div id=\"form-attribue\" style=\"line-height: 30px;\" class=\"mt-4\"> 
395. <h5>Veuillez choisir une formule  </h5>
397.             
399.                   ";
400.         // line 249
401.         $context['_parent'] = $context;
402.         $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 249, $this->source); })()));
403.         foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
404.             // line 250
405.             echo "                    
406.                     
407.                    
409.                   ";
410.             // line 254
411.             if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 254) == "simple")) {
412.                 // line 255
413.                 echo "
414.                
416.                   
417.                   <div class=\"form-check\"  >
418.                 <input class=\"form-check-input option radio1 \"  data-days=\"10\" data-id=\"";
419.                 // line 260
420.                 echo twig_escape_filter($this->env, (isset($context["subcategory"]) || array_key_exists("subcategory", $context) ? $context["subcategory"] : (function () { throw new RuntimeError('Variable "subcategory" does not exist.', 260, $this->source); })()), "html", null, true);
421.                 echo "\" data-name=\"";
422.                 echo twig_escape_filter($this->env, (isset($context["subcategoryName"]) || array_key_exists("subcategoryName", $context) ? $context["subcategoryName"] : (function () { throw new RuntimeError('Variable "subcategoryName" does not exist.', 260, $this->source); })()), "html", null, true);
423.                 echo "\"  data-price=\"";
424.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 260), "html", null, true);
425.                 echo "\" type=\"radio\" name=\"radioGroup\" class=\"option\" id=\"radio1\" value=\"";
426.                 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, 260), "name", [], "any", false, false, false, 260), "html", null, true);
427.                 echo "\" />
428.                 <label class=\"form-check-label\"  data-days=\"10\" data-id=\"";
429.                 // line 261
430.                 echo twig_escape_filter($this->env, (isset($context["subcategory"]) || array_key_exists("subcategory", $context) ? $context["subcategory"] : (function () { throw new RuntimeError('Variable "subcategory" does not exist.', 261, $this->source); })()), "html", null, true);
431.                 echo "\" data-name=\"";
432.                 echo twig_escape_filter($this->env, (isset($context["subcategoryName"]) || array_key_exists("subcategoryName", $context) ? $context["subcategoryName"] : (function () { throw new RuntimeError('Variable "subcategoryName" does not exist.', 261, $this->source); })()), "html", null, true);
433.                 echo "\"  data-price=\"";
434.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 261), "html", null, true);
435.                 echo "\" for=\"radio1\">";
436.                 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, 261), "name", [], "any", false, false, false, 261), "html", null, true);
437.                 echo "</label><br>
438.                 <small>
439.                   
440.                   ";
441.                 // line 264
442.                 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, 264), "description", [], "any", false, false, false, 264), "html", null, true);
443.                 echo "
444.                   </small>
445.                 </div>
448.                 
449.                   ";
450.             }
451.             // line 271
452.             echo "                  ";
453.         }
454.         $_parent = $context['_parent'];
455.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
456.         $context = array_intersect_key($context, $_parent) + $_parent;
457.         // line 272
458.         echo "
459.                   
460.                  ";
461.         // line 274
462.         $context["addedValues"] = [];
463.         // line 275
464.         echo "                ";
465.         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.', 275, $this->source); })())) > 0)) {
466.             // line 276
467.             echo "                
468.                  <div class=\"form-check\">
469.                         <input class=\"form-check-input\" type=\"radio\" name=\"radioGroup\" id=\"radio2\"  />
470.                         <label class=\"form-check-label\" for=\"radio2\">Location “Pass jours”</label><br>
471.                         <small>Cette formule est déclinée comme suit :</small>
472.                         <select style=\"padding: 4px;\" class=\"col-6  option \" id=\"serviceFormule\" >
473.                        
474.                              <option value=\"\" data-price=\"\"  >Sélectionner un choix</option>
475.                     
476.                          ";
477.             // line 285
478.             $context['_parent'] = $context;
479.             $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 285, $this->source); })()));
480.             foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
481.                 // line 286
482.                 echo "                         ";
483.                 if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 286) == "multiple")) {
484.                     // line 287
485.                     echo "                          ";
486.                     $context["optionId"] = ((((((((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 287), "name", [], "any", false, false, false, 287) . "-") . 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)) . "-") . (isset($context["subcategory"]) || array_key_exists("subcategory", $context) ? $context["subcategory"] : (function () { throw new RuntimeError('Variable "subcategory" does not exist.', 287, $this->source); })())) . "-") . (isset($context["subcategoryName"]) || array_key_exists("subcategoryName", $context) ? $context["subcategoryName"] : (function () { throw new RuntimeError('Variable "subcategoryName" does not exist.', 287, $this->source); })())) . "-") . twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 287));
487.                     // line 288
488.                     echo "                            ";
489.                     if (!twig_in_filter((isset($context["optionId"]) || array_key_exists("optionId", $context) ? $context["optionId"] : (function () { throw new RuntimeError('Variable "optionId" does not exist.', 288, $this->source); })()), (isset($context["addedValues"]) || array_key_exists("addedValues", $context) ? $context["addedValues"] : (function () { throw new RuntimeError('Variable "addedValues" does not exist.', 288, $this->source); })()))) {
490.                         // line 289
491.                         echo "                          ";
492.                         $context["_"] = twig_array_merge((isset($context["addedValues"]) || array_key_exists("addedValues", $context) ? $context["addedValues"] : (function () { throw new RuntimeError('Variable "addedValues" does not exist.', 289, $this->source); })()), [(isset($context["optionId"]) || array_key_exists("optionId", $context) ? $context["optionId"] : (function () { throw new RuntimeError('Variable "optionId" does not exist.', 289, $this->source); })())]);
493.                         // line 290
494.                         echo "                        <option  value=\"";
495.                         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, 290), "name", [], "any", false, false, false, 290), "html", null, true);
496.                         echo "\"  data-days=\"";
497.                         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, 290), "description", [], "any", false, false, false, 290), "html", null, true);
498.                         echo "\" data-id=\"";
499.                         echo twig_escape_filter($this->env, (isset($context["subcategory"]) || array_key_exists("subcategory", $context) ? $context["subcategory"] : (function () { throw new RuntimeError('Variable "subcategory" does not exist.', 290, $this->source); })()), "html", null, true);
500.                         echo "\" data-name=\"";
501.                         echo twig_escape_filter($this->env, (isset($context["subcategoryName"]) || array_key_exists("subcategoryName", $context) ? $context["subcategoryName"] : (function () { throw new RuntimeError('Variable "subcategoryName" does not exist.', 290, $this->source); })()), "html", null, true);
502.                         echo "\"  data-price=\"";
503.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 290), "html", null, true);
504.                         echo "\"  >";
505.                         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, 290), "name", [], "any", false, false, false, 290), "html", null, true);
506.                         echo "</option>
507.                          ";
508.                     }
509.                     // line 292
510.                     echo "                        ";
511.                 }
512.                 // line 293
513.                 echo "                        ";
514.             }
515.             $_parent = $context['_parent'];
516.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
517.             $context = array_intersect_key($context, $_parent) + $_parent;
518.             // line 294
519.             echo "                        </select>
520.                  </div>
521.                ";
522.         }
523.         // line 297
524.         echo "
525.              ";
526.         // line 298
527.         $context['_parent'] = $context;
528.         $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 298, $this->source); })()));
529.         foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
530.             // line 299
531.             echo "                   ";
532.             if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 299) == "personalized")) {
533.                 echo "     
534.                    
535.                      
536.                      <div class=\"form-check\">
537.                       <input class=\"form-check-input option radio1 \"  data-days=\"30\"  data-id=\"";
538.                 // line 303
539.                 echo twig_escape_filter($this->env, (isset($context["subcategory"]) || array_key_exists("subcategory", $context) ? $context["subcategory"] : (function () { throw new RuntimeError('Variable "subcategory" does not exist.', 303, $this->source); })()), "html", null, true);
540.                 echo "\" data-name=\"";
541.                 echo twig_escape_filter($this->env, (isset($context["subcategoryName"]) || array_key_exists("subcategoryName", $context) ? $context["subcategoryName"] : (function () { throw new RuntimeError('Variable "subcategoryName" does not exist.', 303, $this->source); })()), "html", null, true);
542.                 echo "\"  ";
543.                 if ((null === twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 303))) {
544.                     echo " data-price=\"0\"  ";
545.                 } else {
546.                     echo "  data-price=\"";
547.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 303), "html", null, true);
548.                     echo "\"  ";
549.                 }
550.                 echo "  type=\"radio\" name=\"radioGroup\"  ";
551.                 if ((twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["attr"], "attribut", [], "any", false, false, false, 303), "name", [], "any", false, false, false, 303) == "Période personnalisée")) {
552.                     echo "   value=\"Mois\"   ";
553.                 } else {
554.                     echo "  value=\"";
555.                     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, 303), "name", [], "any", false, false, false, 303), "html", null, true);
556.                     echo "\" ";
557.                 }
558.                 echo "  id=\"radioMois\"  />
559.                       <label class=\"form-check-label\" data-days=\"30\" data-id=\"";
560.                 // line 304
561.                 echo twig_escape_filter($this->env, (isset($context["subcategory"]) || array_key_exists("subcategory", $context) ? $context["subcategory"] : (function () { throw new RuntimeError('Variable "subcategory" does not exist.', 304, $this->source); })()), "html", null, true);
562.                 echo "\" data-name=\"";
563.                 echo twig_escape_filter($this->env, (isset($context["subcategoryName"]) || array_key_exists("subcategoryName", $context) ? $context["subcategoryName"] : (function () { throw new RuntimeError('Variable "subcategoryName" does not exist.', 304, $this->source); })()), "html", null, true);
564.                 echo "\"  ";
565.                 if ((null === twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 304))) {
566.                     echo " data-price=\"0\"  ";
567.                 } else {
568.                     echo "  data-price=\"";
569.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["attr"], "price", [], "any", false, false, false, 304), "html", null, true);
570.                     echo "\"  ";
571.                 }
572.                 echo "    for=\"radio";
573.                 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, 304), "id", [], "any", false, false, false, 304), "html", null, true);
574.                 echo "\">  ";
575.                 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, 304), "name", [], "any", false, false, false, 304), "html", null, true);
576.                 echo "   </label><br>
577.                       
578.                        <small> ";
579.                 // line 306
580.                 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, 306), "description", [], "any", false, false, false, 306), "html", null, true);
581.                 echo "</small>
582.                     </div>
583.                      
584.                      ";
585.             }
586.             // line 310
587.             echo "                   ";
588.         }
589.         $_parent = $context['_parent'];
590.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
591.         $context = array_intersect_key($context, $_parent) + $_parent;
592.         // line 311
593.         echo "                 
594.                     <h5 style=\"font-weight:bold; margin-top: 10px;\">Services supplémentaires </h5>
595.                     <h6 style=\"font-weight:bold; margin-top: 10px;\">Voulez-vous ajouter des services supplémentaires?</h6>
596.                     <!--<small style=\"color:grey\">Disponible en location au mois ou à la journée</small>-->
597.                     <div class=\"row\">
598.                          <div class=\"col-sm-12 Addons\">
599.                             ";
600.         // line 317
601.         $context['_parent'] = $context;
602.         $context['_seq'] = twig_ensure_traversable((isset($context["services"]) || array_key_exists("services", $context) ? $context["services"] : (function () { throw new RuntimeError('Variable "services" does not exist.', 317, $this->source); })()));
603.         foreach ($context['_seq'] as $context["_key"] => $context["service"]) {
604.             // line 318
605.             echo "
606.                                     <input id=\"";
607.             // line 319
608.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "name", [], "any", false, false, false, 319), "html", null, true);
609.             echo "\"  data-id=\"";
610.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "id", [], "any", false, false, false, 319), "html", null, true);
611.             echo "\" data-name=\"";
612.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "name", [], "any", false, false, false, 319), "html", null, true);
613.             echo "\"  data-price=\"";
614.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "price", [], "any", false, false, false, 319), "html", null, true);
615.             echo "\"  type=\"checkbox\" class=\"CK\"  name=\"services\" value=\"";
616.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "id", [], "any", false, false, false, 319), "html", null, true);
617.             echo " \"><label for=\"service\"> ";
618.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["service"], "name", [], "any", false, false, false, 319), "html", null, true);
619.             echo "  </label> 
620.                             ";
621.         }
622.         $_parent = $context['_parent'];
623.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['service'], $context['_parent'], $context['loop']);
624.         $context = array_intersect_key($context, $_parent) + $_parent;
625.         // line 320
626.         echo "<br>
627.                             
628.                             
629.                                    ";
630.         // line 323
631.         $context["isSimple"] = false;
632.         // line 324
633.         echo "                                ";
634.         $context['_parent'] = $context;
635.         $context['_seq'] = twig_ensure_traversable((isset($context["attributValues"]) || array_key_exists("attributValues", $context) ? $context["attributValues"] : (function () { throw new RuntimeError('Variable "attributValues" does not exist.', 324, $this->source); })()));
636.         foreach ($context['_seq'] as $context["_key"] => $context["attr"]) {
637.             // line 325
638.             echo "                                    ";
639.             if ((twig_get_attribute($this->env, $this->source, $context["attr"], "code", [], "any", false, false, false, 325) == "simple")) {
640.                 // line 326
641.                 echo "                                        ";
642.                 $context["isSimple"] = true;
643.                 // line 327
644.                 echo "                                    ";
645.             }
646.             // line 328
647.             echo "                                ";
648.         }
649.         $_parent = $context['_parent'];
650.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['attr'], $context['_parent'], $context['loop']);
651.         $context = array_intersect_key($context, $_parent) + $_parent;
652.         // line 329
653.         echo "
654.                                  
656.                            
657.                               ";
658.         // line 333
659.         $context['_parent'] = $context;
660.         $context['_seq'] = twig_ensure_traversable((isset($context["servicesCommuns"]) || array_key_exists("servicesCommuns", $context) ? $context["servicesCommuns"] : (function () { throw new RuntimeError('Variable "servicesCommuns" does not exist.', 333, $this->source); })()));
661.         foreach ($context['_seq'] as $context["_key"] => $context["servicesCommun"]) {
662.             // line 334
663.             echo "                               ";
664.             if ( !(isset($context["isSimple"]) || array_key_exists("isSimple", $context) ? $context["isSimple"] : (function () { throw new RuntimeError('Variable "isSimple" does not exist.', 334, $this->source); })())) {
665.                 // line 335
666.                 echo "                               ";
667.                 if (!twig_in_filter(twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 335), [94, 92, 69])) {
668.                     // line 336
669.                     echo "                            <input id=\"";
670.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 336), "html", null, true);
671.                     echo "\" data-id=\"";
672.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 336), "html", null, true);
673.                     echo "\" data-name=\"";
674.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 336), "html", null, true);
675.                     echo "\" data-price=\"";
676.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "price", [], "any", false, false, false, 336), "html", null, true);
677.                     echo "\" type=\"checkbox\" class=\"CK\" name=\"serviceCommun\" value=\"";
678.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 336), "html", null, true);
679.                     echo " \">
680.                             <label for=\"service\"> ";
681.                     // line 337
682.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 337), "html", null, true);
683.                     echo " </label>
684.                              ";
685.                 }
686.                 // line 339
687.                 echo "                            ";
688.             } else {
689.                 // line 340
690.                 echo "                        <input id=\"";
691.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 340), "html", null, true);
692.                 echo "\" data-id=\"";
693.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 340), "html", null, true);
694.                 echo "\" data-name=\"";
695.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 340), "html", null, true);
696.                 echo "\" data-price=\"";
697.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "price", [], "any", false, false, false, 340), "html", null, true);
698.                 echo "\" type=\"checkbox\" class=\"CK\" name=\"serviceCommun\" value=\"";
699.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "id", [], "any", false, false, false, 340), "html", null, true);
700.                 echo " \">
701.                         <label for=\"service\"> ";
702.                 // line 341
703.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["servicesCommun"], "name", [], "any", false, false, false, 341), "html", null, true);
704.                 echo " </label>
705.                            ";
706.             }
707.             // line 343
708.             echo "                              ";
709.         }
710.         $_parent = $context['_parent'];
711.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['servicesCommun'], $context['_parent'], $context['loop']);
712.         $context = array_intersect_key($context, $_parent) + $_parent;
713.         // line 344
714.         echo "
715.                               ";
716.         // line 348
717.         echo "     
718.  
719.                              </div>
720.                      <!-- <div class=\"col-sm-12\">
721.                         <small style=\"color:grey; margin-top: 5px;\">Autre</small>
722.                         <input type=\"text\" class=\"form-control\" id=\"information\" placeholder=\"Saisissez votre texte ici\" style=\"height: 30px;border-radius: 4px;\">
723.                       </div>-->
725.                       
726.                     <!-- <h5 style=\"font-weight:bold;margin-top: 10px; \">Informations additionnelles </h5>
727.                      <h6 style=\"font-weight:bold; margin-top: 10px;\">Avez vous des demandes spécifiques ? </h6>
728.                       <textarea class=\"form-control\" name=\"demande_specifique\" id=\"textAreaExample1\" rows=\"1\" placeholder=\"Saisissez votre texte Ici\" style=\"font-size: 12px;\"></textarea>
729.                       -->
730.                        <div class=\"message\" style=\" display: none;\">Les Services supplémentaires sont indisponibles pour cette sélection.</div>
732.                     </div>
734.                     <div class=\"button-row\">
735.             <a href=\"";
736.         // line 366
737.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationbureaux");
738.         echo "\"   class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\"   style=\" border:1px solid #FFCB00 !important; color:black !important;background: #ffff !important;padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Étape précédente</a>
739.               
740.                <a href=\"";
741.         // line 368
742.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationstep2office", ["id" => (isset($context["subcategory"]) || array_key_exists("subcategory", $context) ? $context["subcategory"] : (function () { throw new RuntimeError('Variable "subcategory" does not exist.', 368, $this->source); })())]), "html", null, true);
743.         echo "\"  id=\"reservationLink\"  class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\"   style=\"background: #FFCB00 !important;padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Étape suivante</a>
744.                                                       
745.                       </div>
751.                  </div>
752.                 
753.               
754.                  </div>
755.                             
756.                             
757.                            
758.                      
760.            
762.                     
763.                    
764.                   </div>
765.                    
767.                 
768.                 </div>
769.               </div>
770.             </div>
771.           </div>
772.         </div>
773.          
775.       </div>
776.         <div id=\"panier\" class=\"col-sm-4 reservation-steeps-panier\" style=\"overflow-y: auto; \"> 
777.       
778.         ";
779.         // line 403
780.         echo $this->env->getRuntime('Symfony\Bridge\Twig\Extension\HttpKernelRuntime')->renderFragment($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart"));
781.         echo "
782.     </div>
783.   </div>
784.   
785.   
786. ";
787.         
788.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
790.         
791.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
793.     }
795.     // line 415
796.     public function block_javascripts($context, array $blocks = [])
797.     {
798.         $macros = $this->macros;
799.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
800.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
802.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
803.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
805.         // line 416
806.         echo "  <!-- MAIN CONTENT -->
808.  
809. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
810. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
811.  
812.  
814. <script>
815.  //recuperer la valeur des jours dans le formulaire .
816.     document.getElementById('reservationLink').addEventListener('click', function() {
817.          
818.         var days=0;
819.         var selectedOption = document.getElementById('serviceFormule');
820.          var selected = selectedOption.value;
821.           if(selected != \"\"){
822.            days = selectedOption.options[selectedOption.selectedIndex].getAttribute('data-days');
824.           }else{
825.          var radioButtons = document.getElementsByName('radioGroup');
826.           for (var i = 0; i < radioButtons.length; i++) {
827.             if (radioButtons[i].checked) {
828.              days = parseInt(radioButtons[i].getAttribute('data-days'));
829.             break;
830.             }
831.         }  }
832.             
833.           
834.     if (days === 0) {
835.         event.preventDefault(); // Empêche le lien de se déclencher
836.         alert(\"Vous n'avez rien sélectionné. Veuillez sélectionner une option.\");
837.     }  
838.         var link = document.getElementById('reservationLink');
839.       
840.        link.href = \"";
841.         // line 450
842.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("reservationstep2office", ["id" => (isset($context["subcategory"]) || array_key_exists("subcategory", $context) ? $context["subcategory"] : (function () { throw new RuntimeError('Variable "subcategory" does not exist.', 450, $this->source); })()), "paramFormule" => "days"]), "html", null, true);
843.         echo "\".replace('days', days);
844.     });
847.   
848.     \$(document).ready(function(){
850.     
851.         /*\$(\"#select\").change(function(){
852.             var selectedValue = \$(this).val();
853.  
854.              
855.             \$.ajax({
856.                 url: '/reservation/ajax-formule-reservation',
857.                 type: 'GET', // ou 'GET' en fonction de votre besoin
858.                 data: { office : selectedValue },
859.                 success: function(response) {
860.                     
861.                    // Vider le contenu de la div #form-attribue
862.                \$('#form-attribue').empty();
863.                     
865.             setTimeout(function() {
866.               // Cacher la div loader après le délai spécifié (par exemple, 2 secondes)
867.                  
869.               // Afficher le résultat dans la div
870.                    \$('#form-attribue').html(response);
871.              }, 1000); // Délai de 2 secondes (2000 millisecondes)
872.         
873.                 
875.                 },
876.                 error: function(xhr, status, error) {
877.                     // Gérez les erreurs ici
878.                     console.error(error);
879.                 }
880.             });
882.         });*/
885.   \$('#serviceFormule').change(function(){ 
886.                         var radio = document.getElementById('radio2');
887.                           radio.checked = true;
888.                   \$('.Addons').show();
889.              \$('.message').hide();
890.  
891.     
892.    });
894.  var radioButtons = document.getElementsByName('radioGroup');
895.  var selectElement = document.getElementById('serviceFormule');
897. radioButtons.forEach(function(radio) {
898.     radio.addEventListener('click', function() {
899.         if (radio.id === 'radio2') {
900.             selectElement.disabled = false;
901.     
902.                 
903.             selectElement.val(\$('option:nth-child(1)').prop('selected', true));
904.              \$('.Addons').show();
905.              \$('.message').hide()
906.             
907.             
908.         }
909.         else if(radio.id === 'radio1'){
910.                
911.                     \$('.Addons').hide();
912.                     \$('.message').show();
914.         }
915.         else {
916.             selectElement.selectedIndex = 0; // Sélection du premier élément
917.             selectElement.disabled = true;
918.              \$('.Addons').show();
919.                     \$('.message').hide();
920.         }
921.     });
922. });
928.          \$('body').on(\"click\",\".option\",function() {
929.            /*var selectedServiceIds = [];
930.           var formule =\"\";
931.             formule = \$(\".radio1\").val();*/
932.              if (\$(this).is(':checked')) {  
933.         var formule = \$(this).val(); 
934.        
935.     }
936.              \$('.CK:checked').each(function() {
937.         // Ajouter l'ID du service sélectionné à la liste
938.         //selectedServiceIds.push(\$(this).data('id'));
939.   
940.            var currentCheckbox = \$(this);
942.           \$.ajax({
943.                 url: '/reservation/ajax-service-price',
944.                 type: 'GET', // ou 'GET' en fonction de votre besoin
945.                 data: { 
946.                   serviceId : \$(this).data('id'),
947.                   formule : formule
948.                  },
949.                 success: function(response) {
950.                     currentCheckbox.attr('data-price', response);
952.                     var idProduct = currentCheckbox.attr(\"data-id\");
953.                     var price = currentCheckbox.attr(\"data-price\");
954.                     var name = currentCheckbox.attr(\"data-name\");
955.                      if(price != 0){
956.                     var actionType = \"add\";
957.                      currentCheckbox.next('label').css({'color': 'white', 'background': 'rgb(255, 216, 110)'});
958.                     }else{
959.                       var actionType = \"remove\";
960.                       currentCheckbox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
961.                     }
962.                     
963.              \$.ajax({
964.                 url:\"";
965.         // line 571
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.               });
980.                             
981.                        
982.         },
983.                 error: function(xhr, status, error) {
984.                     // Gérez les erreurs ici
985.                     console.error(error);
986.                 }
987.             });
989.          
990.   
992.           
993.     
994.         
995.     });
997.         
998.           
999.     var idProduct = \$(this).attr(\"data-id\");
1000.     var price = \$(this).attr(\"data-price\");
1001.     var name = \$(this).attr(\"data-name\");
1002.     var actionType = \"add\";
1004.     \$.ajax({
1005.       url:\"";
1006.         // line 609
1007.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1008.         echo "\",
1009.       data:{
1010.         idProduct:idProduct,
1011.         price:price,
1012.         name:name,
1013.         actionType:actionType
1014.       },
1015.       success:function(result){
1016.         console.log(result);
1017.           \$(\".reservation-steeps-panier\").html(result);
1018.       }
1019.     });
1020.     });
1022.              \$('body').on(\"change\",\"select.option\",function() {
1024.  var selectedServiceIds = [];
1025.                  if(\$(\"#serviceFormule\").val() != \"\" || \$(\"#radio3\").val() != \"\"){
1026.          if(\$(\"#serviceFormule\").val() != \"\" ){
1027.                  formule =\$(\"#serviceFormule\").val();
1028.                 }else{
1029.                  formule = \$(\".radio1\").val();
1030.                 }
1031.           }
1033.             // Parcourir toutes les cases cochées avec la classe CK
1034.     \$('.CK:checked').each(function() {
1035.         // Ajouter l'ID du service sélectionné à la liste
1036.        // selectedServiceIds.push(\$(this).data('id'));
1037.   
1038.            var currentCheckbox = \$(this);
1040.           \$.ajax({
1041.                 url: '/reservation/ajax-service-price',
1042.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1043.                 data: { 
1044.                   serviceId : \$(this).data('id'),
1045.                   formule : formule
1046.                  },
1047.                 success: function(response) {
1048.                     currentCheckbox.attr('data-price', response);
1050.                     var idProduct = currentCheckbox.attr(\"data-id\");
1051.                     var price = currentCheckbox.attr(\"data-price\");
1052.                     var name = currentCheckbox.attr(\"data-name\");
1053.                     
1054.                      if(price != 0){
1055.                     var actionType = \"add\";
1056.                      currentCheckbox.next('label').css({'color': 'white', 'background': 'rgb(255, 216, 110)'});
1057.                     }else{
1058.                       var actionType = \"remove\";
1059.                       currentCheckbox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
1060.                     }
1061.                     
1062.                    
1063.              \$.ajax({
1064.                 url:\"";
1065.         // line 665
1066.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1067.         echo "\",
1068.                 data:{
1069.                   idProduct:idProduct,
1070.                   price:price,
1071.                   name:name,
1072.                   actionType:actionType
1073.                 },
1074.                 success:function(result){
1075.                   console.log(result);
1076.                     \$(\".reservation-steeps-panier\").html(result);
1077.                 }
1078.               });
1080.                             
1081.                        
1082.         },
1083.                 error: function(xhr, status, error) {
1084.                     // Gérez les erreurs ici
1085.                     console.error(error);
1086.                 }
1087.             });
1089.          
1090.   
1092.           
1093.     
1094.         
1095.     });
1097.     
1100.       
1101.                 
1102.           
1103.     var idProduct = \$(this).find(\"option:selected\").attr(\"data-id\");
1104.     var price = \$(this).find(\"option:selected\").attr(\"data-price\");
1105.     var name = \$(this).find(\"option:selected\").attr(\"data-name\");
1106.     var actionType = \"add\";
1108.    
1110.     \$.ajax({
1111.       url:\"";
1112.         // line 709
1113.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1114.         echo "\",
1115.       data:{
1116.         idProduct:idProduct,
1117.         price:price,
1118.         name:name,
1119.         actionType:actionType
1120.       },
1121.       success:function(result){
1122.         console.log(result);
1123.           \$(\".reservation-steeps-panier\").html(result);
1124.       }
1125.     });
1126.     });
1129.           \$('body').on(\"click\",\".delete-cart-item\",function() {
1131.           
1132.     var idProduct = \$(this).attr(\"data-id\");
1133.     var price = \$(this).attr(\"data-price\");
1134.     var name = \$(this).attr(\"data-name\");
1135.     var actionType = \"remove\";
1137.     \$.ajax({
1138.       url:\"";
1139.         // line 733
1140.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1141.         echo "\",
1142.       data:{
1143.         idProduct:idProduct,
1144.         price:price,
1145.         name:name,
1146.         actionType:actionType
1147.       },
1148.       success:function(result){
1149.         console.log(result);
1150.           \$(\".reservation-steeps-panier\").html(result);
1151.       }
1152.     });
1153.     });
1155.         // Ajouter la délégation d'événements pour le clic sur le label 'service'
1156. \$('#form-attribue').on('click', 'label[for=\"service\"]', function() {
1157.     
1158.     var checkBox = \$(this).prev();
1159.     var value = checkBox.val();
1160.     if (checkBox.is(\":checked\")) {
1161.         checkBox.prop('checked', false);
1162.         console.log(\"Case à cocher décochée : \" + value);
1164.            checkBox.next('label').css({ 'color': '#626262' ,'background': 'none'});   
1165.     var idProduct = checkBox.attr(\"data-id\");
1166.     var price = checkBox.attr(\"data-price\");
1167.     var name = checkBox.attr(\"data-name\");
1168.     var actionType = \"remove\";
1169.       \$.ajax({
1170.       url:\"";
1171.         // line 762
1172.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1173.         echo "\",
1174.       data:{
1175.         idProduct:idProduct,
1176.         price:price,
1177.         name:name,
1178.         actionType:actionType
1179.       },
1180.       success:function(result){
1181.         console.log(result);
1182.           \$(\".reservation-steeps-panier\").html(result);
1183.       }
1184.     });
1185.  
1187.     } else {
1188.         checkBox.prop('checked', true);
1189.        // console.log(\"Case à cocher cochée : \" + value);
1190.        var formule = \"\";
1192.        
1193.         
1194.               if(\$(\"#serviceFormule\").val() != \"\" || \$(\"#radio1\").val() != \"\"){
1195.                  if(\$(\"#serviceFormule\").val() != \"\" ){
1196.                  formule =\$(\"#serviceFormule\").val();
1197.                 }
1198.                 else if (\$('#radio1').is(':checked')) {
1199.                   formule = \$(\".radio1\").val();
1200.                  }
1201.                  else if (\$('#radio1').is(':checked')) {
1202.                   formule = \$(\"#radio1\").val();
1203.                  }
1204.                   else if (\$('#radioMois').is(':checked')) {
1205.                   formule = \$(\"#radioMois\").val();
1206.                  }
1207.               
1209.                      var serviceId = \$(this).prev().data('id');
1210.                     var dataElement = \$(this).prev();
1211.              \$.ajax({
1212.                 url: \"";
1213.         // line 801
1214.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajaxServicePrice");
1215.         echo "\",
1216.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1217.                 data: { 
1218.                   serviceId : value,
1219.                   formule : formule
1220.                  },
1221.                 success: function(response) {
1222.                    // alert(response);
1223.                  
1224.                     dataElement.attr(\"data-price\", response);
1225.                     var idProduct = dataElement.attr(\"data-id\");
1226.                     var price = dataElement.attr(\"data-price\");
1227.                     var name = dataElement.attr(\"data-name\");
1228.                     var actionType = \"add\";
1230.                  if(price != 0 ){
1231.                 \$.ajax({
1232.                 url:\"";
1233.         // line 818
1234.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("ajax_cart");
1235.         echo "\",
1236.                 data:{
1237.                   idProduct:idProduct,
1238.                   price:price,
1239.                   name:name,
1240.                   actionType:actionType
1241.                 },
1242.                 success:function(result){
1243.                   console.log(result);
1244.                     \$(\".reservation-steeps-panier\").html(result);
1245.                 }
1246.               });
1247.                checkBox.next('label').css({ 'color': 'white' ,'background': '#FFD86E'});
1248.                  
1249.                    }else {
1250.                 // Si le prix est égal à zéro, changer le fond du checkbox en gris
1251.                 checkBox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
1252.             }   
1253.                  
1254.                        
1256.                 },
1257.                 error: function(xhr, status, error) {
1258.                     // Gérez les erreurs ici
1259.                     console.error(error);
1260.                 }
1261.             });
1262.             }
1263.     }
1264.    
1266. });
1267.  
1269.  
1272.  var radioButtons = document.getElementsByName('radioGroup');
1274. for (var i = 0; i < radioButtons.length; i++) {
1275.     if (radioButtons[i].checked) {
1276.         var selectedValue = radioButtons[i].value;
1277.         break;
1278.     }
1279. }
1281. console.log(selectedValue); // Vous pouvez utiliser la valeur comme vous le souhaitez ici
1283.     });
1285.    
1287.  
1288.  
1289. </script>
1291.  
1292. ";
1293.         
1294.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
1296.         
1297.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
1299.     }
1301.     public function getTemplateName()
1302.     {
1303.         return "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-offices-step.html.twig";
1304.     }
1306.     public function isTraitable()
1307.     {
1308.         return false;
1309.     }
1311.     public function getDebugInfo()
1312.     {
1313.         return array (  1234 => 818,  1214 => 801,  1172 => 762,  1140 => 733,  1113 => 709,  1066 => 665,  1007 => 609,  966 => 571,  842 => 450,  806 => 416,  796 => 415,  780 => 403,  742 => 368,  737 => 366,  717 => 348,  714 => 344,  708 => 343,  703 => 341,  690 => 340,  687 => 339,  682 => 337,  669 => 336,  666 => 335,  663 => 334,  659 => 333,  653 => 329,  647 => 328,  644 => 327,  641 => 326,  638 => 325,  633 => 324,  631 => 323,  626 => 320,  608 => 319,  605 => 318,  601 => 317,  593 => 311,  587 => 310,  580 => 306,  561 => 304,  539 => 303,  531 => 299,  527 => 298,  524 => 297,  519 => 294,  513 => 293,  510 => 292,  494 => 290,  491 => 289,  488 => 288,  485 => 287,  482 => 286,  478 => 285,  467 => 276,  464 => 275,  462 => 274,  458 => 272,  452 => 271,  442 => 264,  430 => 261,  420 => 260,  413 => 255,  411 => 254,  405 => 250,  401 => 249,  385 => 235,  379 => 234,  373 => 233,  365 => 231,  363 => 230,  360 => 229,  356 => 228,  353 => 227,  349 => 226,  300 => 179,  294 => 178,  288 => 177,  285 => 176,  280 => 174,  277 => 173,  274 => 172,  269 => 171,  265 => 170,  261 => 169,  250 => 161,  242 => 155,  232 => 154,  74 => 6,  70 => 5,  60 => 4,  37 => 1,);
1314.     }
1316.     public function getSourceContext()
1317.     {
1318.         return new Source("{% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
1321. {% block stylesheets %}
1322. {{ parent() }}
1323.  <link rel=\"stylesheet\" href=\"{{ asset('themes/coworking/css/reservation.css') }}\" />
1324.  
1325. <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/chosen/1.4.2/chosen.css\" />
1326. <style>
1327.   .modal-backdrop.fade.show {
1328.         display: none;
1329. }
1330.  
1331.  
1332. /* css checkbox*/
1335. /* hide checkbox */
1336. input[type=\"checkbox\"] {
1337.   display: none;
1338. }
1340. /* if checkbox is checked, then do these things */
1341. /*input[type=\"checkbox\"]:checked + label {
1342.   color: white;
1343.   background:#FFD86E;
1344.   border-radius: 5px;
1345.   padding: 0px 10px 0px 10px;
1346. }
1348. /* styles when hovering over options */
1349. label:hover {
1351.   cursor: pointer;
1352.   
1353.   /* transitions and animations */
1354.   -webkit-transition: color .5s ease;
1355.   -moz-transition: color .5s ease;
1356.   -ms-transition: color .5s ease;
1357.   -o-transition: color .5s ease;
1358.   transition: color .5s ease;
1359. }
1360.   
1361. input.button {
1362.   
1363. \twidth:130px;
1364. \theight:50px;
1365. \tmargin: 20px 0 30px 0;
1366. \tpadding: 0px 20px 0px 20px;
1367. \tbackground: #e6e6e6;
1368. \tborder-radius:5px;
1369. \tborder: 1px solid #ccc;
1371. \tfont-family: OpenSans, sans-serif;
1372. \tfont-size:16pt;
1373. \tcolor:#444;
1374. }
1376. .Addons label{
1377.     font-size:12px !important;
1378.     font-family: 'roboto';
1379.     font-weight: 500;
1380.     border: 1px solid #80808024;
1381.     margin: 2px;
1382.     padding: 0px 5px 0px 5px;
1383.     border-radius: 5px;
1384. }
1385. .multistep-container .active-button li:not(:first-child) .round-btn:before {
1386.     position: absolute;
1387.     content: '';
1388.     width: 141px;
1389.     height: 3px;
1390.     background-color: #E9F2FA;
1391.     left: -120px;
1392. }
1395. .multistep-container .active-button li {
1396.     display: inline-block;
1397.     width: 140px;
1398. }
1400. .form-check {
1401.     line-height: 22px;
1402. }   
1404. .col-md-12.col-lg-12.col-sm-12.d-flex.justify-content-end.align-items-end.mb-3{
1405.         flex: 0 0 86%;
1406. }
1408.  @media (max-width:767px) {
1409.                 html, body {
1410.                   overflow-x: hidden  !important;
1411.                 }
1412.                 body {
1413.                   position: relative !important;
1414.                 }
1415.                 .col-sm-8.reservation-steeps {
1416.                     padding:0%;
1417.                 }
1418.                 .multistep-container .mutistep-form-area .form-box{
1419.                     position: relative;
1420.                     top: 33px;
1421.                     left: 0px;
1422.                 }
1423.                 .multistep-container .active-button li{
1424.                     display: inline-block;
1425.                     width: 100px;
1426.                 }
1427.                 .panel-sticky{
1428.                     font-size:12px;
1429.                 }
1430.               h6.display-6.header-steeps {
1431.                 margin-left: 3%;
1432.             }
1433.             h6.datetime{
1434.                  margin-left: 3%;
1435.             }
1436.             a#seeDetails {
1437.                 margin-bottom: -11%;
1438.             }
1439.             a#seePrice {
1440.                 float: right;
1441.                 margin-right: 52%;
1442.             }
1443.  }
1444.  
1445.  li.etape1:before {
1446.     background: #7ED670 !important; /* Change the background color */
1447.     color: white !important;
1448. }
1450.  .message {
1451.         
1452.                color: white;
1453.             background: rgb(199, 200, 204);
1454.             
1455.             font-size: 15px;
1456.             padding: 20px;
1457.             border-radius: 10px;
1458.             text-align: center;
1459.             font-weight: bold;
1460.             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
1461.             height: 100px; /* Adjust the height as necessary */
1462.             display: flex;
1463.             align-items: center;
1464.             justify-content: center;
1465.         }
1466.     
1467. </style>
1469.   
1470. {% endblock  %}
1471. {% block body %}
1472.  
1474.  
1475.  
1477.  
1478.   <img src=\"{{asset('themes/coworking/front/images/office.jpg')}}\" style=\"width: 100%;height: 520px;\" class=\"img-fluid\" />
1479.   <div class=\"container\">
1480.     <div class=\"row justify-content-between\">
1481.       <div class=\"col-sm-8 reservation-steeps\">
1482.        
1483.        <div class=\"row\">
1484.           <div class=\"col-sm-8\">
1485.             <h6 style=\"margin-top:10px\">Réservation   
1486.                  {% set displayed_categories = [] %}  
1487.               {% for bureau in products %}
1488.                             {% for cat in bureau.categoriesProduct %}
1489.                              {% if cat.id == subcategory and  cat.id not in displayed_categories %}
1490.                                  
1491.                                  {{cat.name }}
1492.                               {% endif%}
1493.                                  {% set displayed_categories = displayed_categories|merge([cat.id]) %}
1494.                               {% endfor %}
1495.                         {% endfor %}
1497.             </h6>
1498.           </div>
1499.           <div class=\"col-sm-4\" style=\"margin-top:10px;\">
1500.             <a href=\"/themes/coworking/front/images/BUREAUX.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>
1501.           </div>
1502.         </div>
1503.        
1504.        
1505.         <div class=\"container\">
1506.          
1507.               
1508.           
1509.           <div class=\"row\">
1510.               
1511.          <div class=\"container d-flex justify-content-center align-items-center\">
1512.          
1513.          
1514.           <ul id=\"progressbar\">
1515. \t\t \t<li class=\"etape1\" >   <span>   Type</span>  </li>
1516. \t       <li class=\"active\" >    <span>   Formule</span></li>
1517. \t\t  <li> Date </li>
1518.           <li> Confirmation</li>
1519.           
1520. \t\t\t\t</ul>
1522.            
1523.       </div>
1524.             
1525.             
1526.             <div class=\"col-xl-12\" style=\"top: 20px ;\">
1527.               
1528.               <div class=\"multistep-container\">
1529.                 <div class=\"mutistep-form-area\">
1530.                     
1531.                  
1532.                   <div class=\"form-box\">
1533.                 
1534.                    
1535.                  
1536.                        
1537.                             <div class=\"container\" >
1539.                            
1540.                             <!--     <h5>Veuillez choisir un bureau :</h5>
1541.                    <select name=\"select\" id=\"select\" class=\"form-control selectpiker\">
1542.                         <option value=\"\">Sélectionner votre choix </option>
1543.                         {% for bureau in products %}
1544.                      
1545.                             {% for cat in bureau.categoriesProduct %}
1546.                           
1547.                                 {% if cat.id == subcategory %}
1548.                                     <option value=\"{{bureau.id }}\">BUREAU {{ bureau.name }}</option>
1549.                                 {% endif %}
1550.                             {% endfor %}
1551.                         {% endfor %}
1552.                     </select>-->
1553.                  
1554.                           
1555.               
1556.               
1557.                
1558.                  <div id=\"form-attribue\" style=\"line-height: 30px;\" class=\"mt-4\"> 
1562. <h5>Veuillez choisir une formule  </h5>
1564.             
1566.                   {% for attr in  attributValues %}
1567.                     
1568.                     
1569.                    
1571.                   {% if attr.code == \"simple\" %}
1573.                
1575.                   
1576.                   <div class=\"form-check\"  >
1577.                 <input class=\"form-check-input option radio1 \"  data-days=\"10\" data-id=\"{{subcategory}}\" data-name=\"{{subcategoryName}}\"  data-price=\"{{attr.price}}\" type=\"radio\" name=\"radioGroup\" class=\"option\" id=\"radio1\" value=\"{{attr.attribut.name}}\" />
1578.                 <label class=\"form-check-label\"  data-days=\"10\" data-id=\"{{subcategory}}\" data-name=\"{{subcategoryName}}\"  data-price=\"{{attr.price}}\" for=\"radio1\">{{attr.attribut.name}}</label><br>
1579.                 <small>
1580.                   
1581.                   {{attr.attribut.description}}
1582.                   </small>
1583.                 </div>
1586.                 
1587.                   {% endif %}
1588.                   {% endfor %}
1590.                   
1591.                  {% set addedValues = [] %}
1592.                 {% if attributValues|length > 0 %}
1593.                 
1594.                  <div class=\"form-check\">
1595.                         <input class=\"form-check-input\" type=\"radio\" name=\"radioGroup\" id=\"radio2\"  />
1596.                         <label class=\"form-check-label\" for=\"radio2\">Location “Pass jours”</label><br>
1597.                         <small>Cette formule est déclinée comme suit :</small>
1598.                         <select style=\"padding: 4px;\" class=\"col-6  option \" id=\"serviceFormule\" >
1599.                        
1600.                              <option value=\"\" data-price=\"\"  >Sélectionner un choix</option>
1601.                     
1602.                          {% for attr in attributValues %}
1603.                          {% if attr.code == \"multiple\" %}
1604.                           {% set optionId = attr.attribut.name ~ \"-\" ~ attr.attribut.description ~ \"-\" ~ subcategory ~ \"-\" ~ subcategoryName ~ \"-\" ~ attr.price %}
1605.                             {% if optionId not in addedValues %}
1606.                           {% set _ = addedValues|merge([optionId]) %}
1607.                         <option  value=\"{{attr.attribut.name}}\"  data-days=\"{{attr.attribut.description}}\" data-id=\"{{subcategory}}\" data-name=\"{{subcategoryName}}\"  data-price=\"{{attr.price}}\"  >{{attr.attribut.name}}</option>
1608.                          {% endif %}
1609.                         {% endif %}
1610.                         {% endfor %}
1611.                         </select>
1612.                  </div>
1613.                {% endif %}
1615.              {% for attr in  attributValues %}
1616.                    {% if attr.code == \"personalized\" %}     
1617.                    
1618.                      
1619.                      <div class=\"form-check\">
1620.                       <input class=\"form-check-input option radio1 \"  data-days=\"30\"  data-id=\"{{subcategory}}\" data-name=\"{{subcategoryName}}\"  {% 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\"  />
1621.                       <label class=\"form-check-label\" data-days=\"30\" data-id=\"{{subcategory}}\" data-name=\"{{subcategoryName}}\"  {% if(attr.price is null) %} data-price=\"0\"  {% else %}  data-price=\"{{attr.price}}\"  {% endif %}    for=\"radio{{ attr.attribut.id}}\">  {{ attr.attribut.name}}   </label><br>
1622.                       
1623.                        <small> {{ attr.attribut.description}}</small>
1624.                     </div>
1625.                      
1626.                      {% endif %}
1627.                    {% endfor %}
1628.                  
1629.                     <h5 style=\"font-weight:bold; margin-top: 10px;\">Services supplémentaires </h5>
1630.                     <h6 style=\"font-weight:bold; margin-top: 10px;\">Voulez-vous ajouter des services supplémentaires?</h6>
1631.                     <!--<small style=\"color:grey\">Disponible en location au mois ou à la journée</small>-->
1632.                     <div class=\"row\">
1633.                          <div class=\"col-sm-12 Addons\">
1634.                             {% for service in  services %}
1636.                                     <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> 
1637.                             {% endfor %}<br>
1638.                             
1639.                             
1640.                                    {% set isSimple = false %}
1641.                                 {% for attr in attributValues %}
1642.                                     {% if attr.code == \"simple\" %}
1643.                                         {% set isSimple = true %}
1644.                                     {% endif %}
1645.                                 {% endfor %}
1647.                                  
1649.                            
1650.                               {% for servicesCommun in  servicesCommuns %}
1651.                                {% if not isSimple %}
1652.                                {% if servicesCommun.id not in [94, 92, 69]  %}
1653.                             <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 }} \">
1654.                             <label for=\"service\"> {{ servicesCommun.name }} </label>
1655.                              {% endif %}
1656.                             {% else %}
1657.                         <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 }} \">
1658.                         <label for=\"service\"> {{ servicesCommun.name }} </label>
1659.                            {% endif %}
1660.                               {% endfor %}
1662.                               {#{% for servicesCommun in  servicesCommuns %}
1663.                                     <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>
1664.                                       
1665.                               {% endfor %}#}     
1666.  
1667.                              </div>
1668.                      <!-- <div class=\"col-sm-12\">
1669.                         <small style=\"color:grey; margin-top: 5px;\">Autre</small>
1670.                         <input type=\"text\" class=\"form-control\" id=\"information\" placeholder=\"Saisissez votre texte ici\" style=\"height: 30px;border-radius: 4px;\">
1671.                       </div>-->
1673.                       
1674.                     <!-- <h5 style=\"font-weight:bold;margin-top: 10px; \">Informations additionnelles </h5>
1675.                      <h6 style=\"font-weight:bold; margin-top: 10px;\">Avez vous des demandes spécifiques ? </h6>
1676.                       <textarea class=\"form-control\" name=\"demande_specifique\" id=\"textAreaExample1\" rows=\"1\" placeholder=\"Saisissez votre texte Ici\" style=\"font-size: 12px;\"></textarea>
1677.                       -->
1678.                        <div class=\"message\" style=\" display: none;\">Les Services supplémentaires sont indisponibles pour cette sélection.</div>
1680.                     </div>
1682.                     <div class=\"button-row\">
1683.             <a href=\"{{path(\"reservationbureaux\")}}\"   class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\"   style=\" border:1px solid #FFCB00 !important; color:black !important;background: #ffff !important;padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Étape précédente</a>
1684.               
1685.                <a href=\"{{path(\"reservationstep2office\",{id:subcategory})}}\"  id=\"reservationLink\"  class=\"btn-res text-center text-light text-uppercase bg-dark ReserveNext__\"   style=\"background: #FFCB00 !important;padding:10px; text-decoration:none; width:230px; font-size:12px; font-family:'PT Sans', sans-serif; letter-spacing:2px;\">Étape suivante</a>
1686.                                                       
1687.                       </div>
1693.                  </div>
1694.                 
1695.               
1696.                  </div>
1697.                             
1698.                             
1699.                            
1700.                      
1702.            
1704.                     
1705.                    
1706.                   </div>
1707.                    
1709.                 
1710.                 </div>
1711.               </div>
1712.             </div>
1713.           </div>
1714.         </div>
1715.          
1717.       </div>
1718.         <div id=\"panier\" class=\"col-sm-4 reservation-steeps-panier\" style=\"overflow-y: auto; \"> 
1719.       
1720.         {{render(path(\"ajax_cart\"))}}
1721.     </div>
1722.   </div>
1723.   
1724.   
1725. {% endblock %}
1732. {% block javascripts %}
1733.   <!-- MAIN CONTENT -->
1735.  
1736. <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\" integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
1737. <script src=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js\" integrity=\"sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM\" crossorigin=\"anonymous\"></script>
1738.  
1739.  
1741. <script>
1742.  //recuperer la valeur des jours dans le formulaire .
1743.     document.getElementById('reservationLink').addEventListener('click', function() {
1744.          
1745.         var days=0;
1746.         var selectedOption = document.getElementById('serviceFormule');
1747.          var selected = selectedOption.value;
1748.           if(selected != \"\"){
1749.            days = selectedOption.options[selectedOption.selectedIndex].getAttribute('data-days');
1751.           }else{
1752.          var radioButtons = document.getElementsByName('radioGroup');
1753.           for (var i = 0; i < radioButtons.length; i++) {
1754.             if (radioButtons[i].checked) {
1755.              days = parseInt(radioButtons[i].getAttribute('data-days'));
1756.             break;
1757.             }
1758.         }  }
1759.             
1760.           
1761.     if (days === 0) {
1762.         event.preventDefault(); // Empêche le lien de se déclencher
1763.         alert(\"Vous n'avez rien sélectionné. Veuillez sélectionner une option.\");
1764.     }  
1765.         var link = document.getElementById('reservationLink');
1766.       
1767.        link.href = \"{{ path('reservationstep2office', {id: subcategory, 'paramFormule': 'days'}) }}\".replace('days', days);
1768.     });
1771.   
1772.     \$(document).ready(function(){
1774.     
1775.         /*\$(\"#select\").change(function(){
1776.             var selectedValue = \$(this).val();
1777.  
1778.              
1779.             \$.ajax({
1780.                 url: '/reservation/ajax-formule-reservation',
1781.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1782.                 data: { office : selectedValue },
1783.                 success: function(response) {
1784.                     
1785.                    // Vider le contenu de la div #form-attribue
1786.                \$('#form-attribue').empty();
1787.                     
1789.             setTimeout(function() {
1790.               // Cacher la div loader après le délai spécifié (par exemple, 2 secondes)
1791.                  
1793.               // Afficher le résultat dans la div
1794.                    \$('#form-attribue').html(response);
1795.              }, 1000); // Délai de 2 secondes (2000 millisecondes)
1796.         
1797.                 
1799.                 },
1800.                 error: function(xhr, status, error) {
1801.                     // Gérez les erreurs ici
1802.                     console.error(error);
1803.                 }
1804.             });
1806.         });*/
1809.   \$('#serviceFormule').change(function(){ 
1810.                         var radio = document.getElementById('radio2');
1811.                           radio.checked = true;
1812.                   \$('.Addons').show();
1813.              \$('.message').hide();
1814.  
1815.     
1816.    });
1818.  var radioButtons = document.getElementsByName('radioGroup');
1819.  var selectElement = document.getElementById('serviceFormule');
1821. radioButtons.forEach(function(radio) {
1822.     radio.addEventListener('click', function() {
1823.         if (radio.id === 'radio2') {
1824.             selectElement.disabled = false;
1825.     
1826.                 
1827.             selectElement.val(\$('option:nth-child(1)').prop('selected', true));
1828.              \$('.Addons').show();
1829.              \$('.message').hide()
1830.             
1831.             
1832.         }
1833.         else if(radio.id === 'radio1'){
1834.                
1835.                     \$('.Addons').hide();
1836.                     \$('.message').show();
1838.         }
1839.         else {
1840.             selectElement.selectedIndex = 0; // Sélection du premier élément
1841.             selectElement.disabled = true;
1842.              \$('.Addons').show();
1843.                     \$('.message').hide();
1844.         }
1845.     });
1846. });
1852.          \$('body').on(\"click\",\".option\",function() {
1853.            /*var selectedServiceIds = [];
1854.           var formule =\"\";
1855.             formule = \$(\".radio1\").val();*/
1856.              if (\$(this).is(':checked')) {  
1857.         var formule = \$(this).val(); 
1858.        
1859.     }
1860.              \$('.CK:checked').each(function() {
1861.         // Ajouter l'ID du service sélectionné à la liste
1862.         //selectedServiceIds.push(\$(this).data('id'));
1863.   
1864.            var currentCheckbox = \$(this);
1866.           \$.ajax({
1867.                 url: '/reservation/ajax-service-price',
1868.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1869.                 data: { 
1870.                   serviceId : \$(this).data('id'),
1871.                   formule : formule
1872.                  },
1873.                 success: function(response) {
1874.                     currentCheckbox.attr('data-price', response);
1876.                     var idProduct = currentCheckbox.attr(\"data-id\");
1877.                     var price = currentCheckbox.attr(\"data-price\");
1878.                     var name = currentCheckbox.attr(\"data-name\");
1879.                      if(price != 0){
1880.                     var actionType = \"add\";
1881.                      currentCheckbox.next('label').css({'color': 'white', 'background': 'rgb(255, 216, 110)'});
1882.                     }else{
1883.                       var actionType = \"remove\";
1884.                       currentCheckbox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
1885.                     }
1886.                     
1887.              \$.ajax({
1888.                 url:\"{{path('ajax_cart')}}\",
1889.                 data:{
1890.                   idProduct:idProduct,
1891.                   price:price,
1892.                   name:name,
1893.                   actionType:actionType
1894.                 },
1895.                 success:function(result){
1896.                   console.log(result);
1897.                     \$(\".reservation-steeps-panier\").html(result);
1898.                 }
1899.               });
1901.                             
1902.                        
1903.         },
1904.                 error: function(xhr, status, error) {
1905.                     // Gérez les erreurs ici
1906.                     console.error(error);
1907.                 }
1908.             });
1910.          
1911.   
1913.           
1914.     
1915.         
1916.     });
1918.         
1919.           
1920.     var idProduct = \$(this).attr(\"data-id\");
1921.     var price = \$(this).attr(\"data-price\");
1922.     var name = \$(this).attr(\"data-name\");
1923.     var actionType = \"add\";
1925.     \$.ajax({
1926.       url:\"{{path('ajax_cart')}}\",
1927.       data:{
1928.         idProduct:idProduct,
1929.         price:price,
1930.         name:name,
1931.         actionType:actionType
1932.       },
1933.       success:function(result){
1934.         console.log(result);
1935.           \$(\".reservation-steeps-panier\").html(result);
1936.       }
1937.     });
1938.     });
1940.              \$('body').on(\"change\",\"select.option\",function() {
1942.  var selectedServiceIds = [];
1943.                  if(\$(\"#serviceFormule\").val() != \"\" || \$(\"#radio3\").val() != \"\"){
1944.          if(\$(\"#serviceFormule\").val() != \"\" ){
1945.                  formule =\$(\"#serviceFormule\").val();
1946.                 }else{
1947.                  formule = \$(\".radio1\").val();
1948.                 }
1949.           }
1951.             // Parcourir toutes les cases cochées avec la classe CK
1952.     \$('.CK:checked').each(function() {
1953.         // Ajouter l'ID du service sélectionné à la liste
1954.        // selectedServiceIds.push(\$(this).data('id'));
1955.   
1956.            var currentCheckbox = \$(this);
1958.           \$.ajax({
1959.                 url: '/reservation/ajax-service-price',
1960.                 type: 'GET', // ou 'GET' en fonction de votre besoin
1961.                 data: { 
1962.                   serviceId : \$(this).data('id'),
1963.                   formule : formule
1964.                  },
1965.                 success: function(response) {
1966.                     currentCheckbox.attr('data-price', response);
1968.                     var idProduct = currentCheckbox.attr(\"data-id\");
1969.                     var price = currentCheckbox.attr(\"data-price\");
1970.                     var name = currentCheckbox.attr(\"data-name\");
1971.                     
1972.                      if(price != 0){
1973.                     var actionType = \"add\";
1974.                      currentCheckbox.next('label').css({'color': 'white', 'background': 'rgb(255, 216, 110)'});
1975.                     }else{
1976.                       var actionType = \"remove\";
1977.                       currentCheckbox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
1978.                     }
1979.                     
1980.                    
1981.              \$.ajax({
1982.                 url:\"{{path('ajax_cart')}}\",
1983.                 data:{
1984.                   idProduct:idProduct,
1985.                   price:price,
1986.                   name:name,
1987.                   actionType:actionType
1988.                 },
1989.                 success:function(result){
1990.                   console.log(result);
1991.                     \$(\".reservation-steeps-panier\").html(result);
1992.                 }
1993.               });
1995.                             
1996.                        
1997.         },
1998.                 error: function(xhr, status, error) {
1999.                     // Gérez les erreurs ici
2000.                     console.error(error);
2001.                 }
2002.             });
2004.          
2005.   
2007.           
2008.     
2009.         
2010.     });
2012.     
2015.       
2016.                 
2017.           
2018.     var idProduct = \$(this).find(\"option:selected\").attr(\"data-id\");
2019.     var price = \$(this).find(\"option:selected\").attr(\"data-price\");
2020.     var name = \$(this).find(\"option:selected\").attr(\"data-name\");
2021.     var actionType = \"add\";
2023.    
2025.     \$.ajax({
2026.       url:\"{{path('ajax_cart')}}\",
2027.       data:{
2028.         idProduct:idProduct,
2029.         price:price,
2030.         name:name,
2031.         actionType:actionType
2032.       },
2033.       success:function(result){
2034.         console.log(result);
2035.           \$(\".reservation-steeps-panier\").html(result);
2036.       }
2037.     });
2038.     });
2041.           \$('body').on(\"click\",\".delete-cart-item\",function() {
2043.           
2044.     var idProduct = \$(this).attr(\"data-id\");
2045.     var price = \$(this).attr(\"data-price\");
2046.     var name = \$(this).attr(\"data-name\");
2047.     var actionType = \"remove\";
2049.     \$.ajax({
2050.       url:\"{{path('ajax_cart')}}\",
2051.       data:{
2052.         idProduct:idProduct,
2053.         price:price,
2054.         name:name,
2055.         actionType:actionType
2056.       },
2057.       success:function(result){
2058.         console.log(result);
2059.           \$(\".reservation-steeps-panier\").html(result);
2060.       }
2061.     });
2062.     });
2064.         // Ajouter la délégation d'événements pour le clic sur le label 'service'
2065. \$('#form-attribue').on('click', 'label[for=\"service\"]', function() {
2066.     
2067.     var checkBox = \$(this).prev();
2068.     var value = checkBox.val();
2069.     if (checkBox.is(\":checked\")) {
2070.         checkBox.prop('checked', false);
2071.         console.log(\"Case à cocher décochée : \" + value);
2073.            checkBox.next('label').css({ 'color': '#626262' ,'background': 'none'});   
2074.     var idProduct = checkBox.attr(\"data-id\");
2075.     var price = checkBox.attr(\"data-price\");
2076.     var name = checkBox.attr(\"data-name\");
2077.     var actionType = \"remove\";
2078.       \$.ajax({
2079.       url:\"{{path('ajax_cart')}}\",
2080.       data:{
2081.         idProduct:idProduct,
2082.         price:price,
2083.         name:name,
2084.         actionType:actionType
2085.       },
2086.       success:function(result){
2087.         console.log(result);
2088.           \$(\".reservation-steeps-panier\").html(result);
2089.       }
2090.     });
2091.  
2093.     } else {
2094.         checkBox.prop('checked', true);
2095.        // console.log(\"Case à cocher cochée : \" + value);
2096.        var formule = \"\";
2098.        
2099.         
2100.               if(\$(\"#serviceFormule\").val() != \"\" || \$(\"#radio1\").val() != \"\"){
2101.                  if(\$(\"#serviceFormule\").val() != \"\" ){
2102.                  formule =\$(\"#serviceFormule\").val();
2103.                 }
2104.                 else if (\$('#radio1').is(':checked')) {
2105.                   formule = \$(\".radio1\").val();
2106.                  }
2107.                  else if (\$('#radio1').is(':checked')) {
2108.                   formule = \$(\"#radio1\").val();
2109.                  }
2110.                   else if (\$('#radioMois').is(':checked')) {
2111.                   formule = \$(\"#radioMois\").val();
2112.                  }
2113.               
2115.                      var serviceId = \$(this).prev().data('id');
2116.                     var dataElement = \$(this).prev();
2117.              \$.ajax({
2118.                 url: \"{{path('ajaxServicePrice')}}\",
2119.                 type: 'GET', // ou 'GET' en fonction de votre besoin
2120.                 data: { 
2121.                   serviceId : value,
2122.                   formule : formule
2123.                  },
2124.                 success: function(response) {
2125.                    // alert(response);
2126.                  
2127.                     dataElement.attr(\"data-price\", response);
2128.                     var idProduct = dataElement.attr(\"data-id\");
2129.                     var price = dataElement.attr(\"data-price\");
2130.                     var name = dataElement.attr(\"data-name\");
2131.                     var actionType = \"add\";
2133.                  if(price != 0 ){
2134.                 \$.ajax({
2135.                 url:\"{{path('ajax_cart')}}\",
2136.                 data:{
2137.                   idProduct:idProduct,
2138.                   price:price,
2139.                   name:name,
2140.                   actionType:actionType
2141.                 },
2142.                 success:function(result){
2143.                   console.log(result);
2144.                     \$(\".reservation-steeps-panier\").html(result);
2145.                 }
2146.               });
2147.                checkBox.next('label').css({ 'color': 'white' ,'background': '#FFD86E'});
2148.                  
2149.                    }else {
2150.                 // Si le prix est égal à zéro, changer le fond du checkbox en gris
2151.                 checkBox.next('label').css({'color': 'white', 'background': '#C7C8CC'});
2152.             }   
2153.                  
2154.                        
2156.                 },
2157.                 error: function(xhr, status, error) {
2158.                     // Gérez les erreurs ici
2159.                     console.error(error);
2160.                 }
2161.             });
2162.             }
2163.     }
2164.    
2166. });
2167.  
2169.  
2172.  var radioButtons = document.getElementsByName('radioGroup');
2174. for (var i = 0; i < radioButtons.length; i++) {
2175.     if (radioButtons[i].checked) {
2176.         var selectedValue = radioButtons[i].value;
2177.         break;
2178.     }
2179. }
2181. console.log(selectedValue); // Vous pouvez utiliser la valeur comme vous le souhaitez ici
2183.     });
2185.    
2187.  
2188.  
2189. </script>
2191.  
2192. {% endblock %}
2194. ", "@Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-offices-step.html.twig", "/home/gebcloud/public_html/cowork.gebanalysis.cloud/src/Flexy/FrontBundle/Themes/CoWorking/templates/reservation/reservation-offices-step.html.twig");
2195.     }
2196. }