1. <?php
3. use Twig\Environment;
4. use Twig\Error\LoaderError;
5. use Twig\Error\RuntimeError;
6. use Twig\Extension\CoreExtension;
7. use Twig\Extension\SandboxExtension;
8. use Twig\Markup;
9. use Twig\Sandbox\SecurityError;
10. use Twig\Sandbox\SecurityNotAllowedTagError;
11. use Twig\Sandbox\SecurityNotAllowedFilterError;
12. use Twig\Sandbox\SecurityNotAllowedFunctionError;
13. use Twig\Source;
14. use Twig\Template;
16. /* @Flexy/FrontBundle/Themes/IlaveU/templates/cart/cart.html.twig */
17. class __TwigTemplate_865f56836c4ef6489e3f4a686e234150 extends Template
18. {
19.     private $source;
20.     private $macros = [];
22.     public function __construct(Environment $env)
23.     {
24.         parent::__construct($env);
26.         $this->source = $this->getSourceContext();
28.         $this->blocks = [
29.             'stylesheets' => [$this, 'block_stylesheets'],
30.             'body' => [$this, 'block_body'],
31.             'javascripts' => [$this, 'block_javascripts'],
32.         ];
33.     }
35.     protected function doGetParent(array $context)
36.     {
37.         // line 1
38.         return "@Flexy/FrontBundle/Themes/IlaveU/templates/layout.html.twig";
39.     }
41.     protected function doDisplay(array $context, array $blocks = [])
42.     {
43.         $macros = $this->macros;
44.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
45.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/IlaveU/templates/cart/cart.html.twig"));
47.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
48.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "@Flexy/FrontBundle/Themes/IlaveU/templates/cart/cart.html.twig"));
50.         $this->parent = $this->loadTemplate("@Flexy/FrontBundle/Themes/IlaveU/templates/layout.html.twig", "@Flexy/FrontBundle/Themes/IlaveU/templates/cart/cart.html.twig", 1);
51.         yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
52.         
53.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
55.         
56.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
58.     }
60.     // line 4
61.     public function block_stylesheets($context, array $blocks = [])
62.     {
63.         $macros = $this->macros;
64.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
65.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
67.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
68.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
70.         // line 5
71.         yield "
72. \t";
73.         // line 6
74.         yield from $this->yieldParentBlock("stylesheets", $context, $blocks);
75.         yield "
76. \t<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.css\" integrity=\"sha512-wJgJNTBBkLit7ymC6vvzM1EcSWeM9mmOu+1USHaRBbHkm6W9EgM0HY27+UtUaprntaYQJF75rc8gjxllKs5OIQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />
77.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css\" integrity=\"sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />
78.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css\" integrity=\"sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />
80. ";
81.         
82.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
84.         
85.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
87.         return; yield '';
88.     }
90.     // line 13
91.     public function block_body($context, array $blocks = [])
92.     {
93.         $macros = $this->macros;
94.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
95.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
97.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
98.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "body"));
100.         // line 14
101.         yield "
103.     <style>
105. #collectMap,#shippingMap {
106.   width: 100%;
107.   height: 400px;
108. }
109.     .pay-with-wallet .item{
110.         padding:10px 7px;
111.         margin:0 10px;
112.         font-weight:bold;
113.         background:#45dae9;
114.         color:white;
115.         border-radius:50px;
116.         text-align:center;
117.         font-size:14px;
118.     }
119.     .pay-with-wallet .item.selected{
120.         
121.         background:#febc4a;
122.     }
124.     .tips-shipping-agent .item{
125.         padding:10px 15px;
126.         margin:0 10px;
127.         font-weight:bold;
128.         background:#45dae9;
129.         color:white;
130.         border-radius:50px;
131.         text-align:center;
132.     }
133.     .tips-shipping-agent .item.selected{
134.         
135.         background:#febc4a;
136.     }
139. .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
140.     background:#d5d5d5;
141. }
143. .owl-dots {
144.      bottom:-35px; 
145. }
146. \t.choices-shipping{
147. \t\tfont-size:13px;
148.     }
149.    .choices-shipping div div {
150.     /* border: 2px dotted #ccc; */
151.     padding: 20px;
152.     background: #f2f2f2;
153. }
155.     .choices-shipping div div.active {
156.     background-color: #45dae9;
157.     border-color: #29cedf;
158.     color: white;
159. }
160. \t
161. \t.jq-toast-wrap {
162.     display: block;
163.     position: fixed;
164.     width: 500px;
165.     pointer-events: none!important;
166.     letter-spacing: normal;
167.     z-index: 9000!important;
168. }
170. .jq-icon-warning {
171.     
172.     background-color: #9a0062;
173. }
174.     </style>
176. \t<div 
177. \t\tclass=\"body-wrapper\" >
179. \t\t<!-- Begin Li's Breadcrumb Area -->
180. \t\t<div class=\"breadcrumb-area\">
181. \t\t\t<div class=\"container\">
182. \t\t\t\t<ul id=\"progressbar\">
183. \t\t\t\t\t<li class=\"active\">Livraison
184. \t\t\t\t\t</li>
185. \t\t\t\t\t<li>Paiement et coordonnées</li>
186. \t\t\t\t\t<li>Resumé</li>
187. \t\t\t\t</ul>
188. \t\t\t</div>
189. \t\t</div>
190. \t\t<!-- Li's Breadcrumb Area End Here -->
191. \t\t<!--Shopping Cart Area Strat-->
192. \t\t<div class=\"Shopping-cart-area pt-60 pb-60\">
193. \t\t\t<div class=\"container\">
194. \t\t\t\t<div class=\"row \">
195. \t\t\t\t\t<div class=\"col-12\">
196. \t\t\t\t\t\t<form action=\"#\">
197. \t\t\t\t\t\t\t<div class=\"table-content table-responsive d-none\">
198. \t\t\t\t\t\t\t\t<table class=\"table table-striped\">
199. \t\t\t\t\t\t\t\t\t<thead>
200. \t\t\t\t\t\t\t\t\t\t<tr>
201. \t\t\t\t\t\t\t\t\t\t\t<th class=\"li-product-remove\">Supprimer</th>
202. \t\t\t\t\t\t\t\t\t\t\t<th class=\"li-product-thumbnail\">images</th>
203. \t\t\t\t\t\t\t\t\t\t\t<th class=\"cart-product-name\">Product</th>
204. \t\t\t\t\t\t\t\t\t\t\t<th class=\"li-product-price\">Prix unitaire</th>
205. \t\t\t\t\t\t\t\t\t\t\t<th class=\"li-product-quantity\">Quantité</th>
206. \t\t\t\t\t\t\t\t\t\t\t<th class=\"li-product-subtotal\">Total</th>
207. \t\t\t\t\t\t\t\t\t\t</tr>
208. \t\t\t\t\t\t\t\t\t</thead>
209. \t\t\t\t\t\t\t\t\t<tbody
210. \t\t\t\t\t\t\t\t\t\tclass=\"cart\"><!-- LocalStorage Cart Items -->
211. \t\t\t\t\t\t\t\t\t</tbody>
212. \t\t\t\t\t\t\t\t</table>
213. \t\t\t\t\t\t\t</div>
214. \t\t\t\t\t\t\t
217.                                                 
219. \t\t\t\t\t\t\t<div class=\"row\">
222. \t\t\t\t\t\t\t\t<div class=\"col-md-7 \">
224.                                     <div class=\"row\">
225.                                     <div class=\"col-12\">
228.                                     <!--Accordion Start-->
229.                                 <p style=\"font-weight:bold;\">Avez-vous un code promo? <span id=\"showcoupon\" style=\"cursor:pointer;\">Cliquez ici pour saisir votre code</span></p>
230.                                 <div id=\"checkout_coupon\" class=\"coupon-checkout-content\">
231.                                     <div class=\"coupon-info\">
232.                                         <div class=\"input-group\">
233.                                             <input type=\"text\" class=\"form-control\" placeholder=\"Votre code promo\" data-coupon-value=\"0\" data-coupon-type=\"amount\" name=\"codeCoupon\" aria-label=\"Recipient's username\" aria-describedby=\"button-codeCoupon\" value=\"\">
234.                                             <button class=\"btn btn-success orderPreview\" type=\"button\" id=\"button-codeCoupon\">Appliquer</button>
235.                                         </div>
236.                                         </div>
237.                                     </div>
238.                                     </div>
239.                                 </div>
240.                                 <!--Accordion End-->
242.                                         
243.                                     
244.                                 
246.                                     <div class=\"row choices-shipping\" style=\"margin-bottom:40px; \">
247. \t\t\t\t\t\t\t\t\t\t\t";
248.         // line 160
249.         $context['_parent'] = $context;
250.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["shippingMethods"]) || array_key_exists("shippingMethods", $context) ? $context["shippingMethods"] : (function () { throw new RuntimeError('Variable "shippingMethods" does not exist.', 160, $this->source); })()));
251.         foreach ($context['_seq'] as $context["_key"] => $context["singleShippingMethod"]) {
252.             // line 161
253.             yield "                                                <div  class=\"col-6 mt-4\" >
254.                                                    <div style=\"min-height:180px;\" data-id=\"";
255.             // line 162
256.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["singleShippingMethod"], "id", [], "any", false, false, false, 162), "html", null, true);
257.             yield "\" class=\"shippingMethod ";
258.             if (($context["singleShippingMethod"] == Twig\Extension\CoreExtension::first($this->env->getCharset(), (isset($context["shippingMethods"]) || array_key_exists("shippingMethods", $context) ? $context["shippingMethods"] : (function () { throw new RuntimeError('Variable "shippingMethods" does not exist.', 162, $this->source); })())))) {
259.                 yield "active";
260.             }
261.             yield "\">
262.                                                      <h4>";
263.             // line 163
264.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["singleShippingMethod"], "name", [], "any", false, false, false, 163), "html", null, true);
265.             yield "</h4>
266.                                                     <ul>
267.                                                     <li>
268. \t\t\t\t\t\t\t\t\t\t\t\t\t\t";
269.             // line 166
270.             $context["shippingDurationValue"] = CoreExtension::getAttribute($this->env, $this->source, $context["singleShippingMethod"], "shippingDuration", [], "any", false, false, false, 166);
271.             // line 167
272.             yield "\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
273.             $context["shippingDurationUnit"] = "H";
274.             // line 168
275.             yield "\t\t\t\t\t\t\t\t\t\t\t\t\t";
276.             if (((isset($context["shippingDurationValue"]) || array_key_exists("shippingDurationValue", $context) ? $context["shippingDurationValue"] : (function () { throw new RuntimeError('Variable "shippingDurationValue" does not exist.', 168, $this->source); })()) < 1)) {
277.                 // line 169
278.                 yield "\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
279.                 $context["shippingDurationValue"] = (60 * CoreExtension::getAttribute($this->env, $this->source, $context["singleShippingMethod"], "shippingDuration", [], "any", false, false, false, 169));
280.                 // line 170
281.                 yield "\t\t\t\t\t\t\t\t\t\t\t\t\t\t";
282.                 $context["shippingDurationUnit"] = "Min";
283.                 // line 171
284.                 yield "\t\t\t\t\t\t\t\t\t\t\t\t\t";
285.             }
286.             // line 172
287.             yield "\t\t\t\t\t\t\t\t\t\t\t\t\tTemps d’attente du Speeder <span class=\"float-right slot\">";
288.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["shippingDurationValue"]) || array_key_exists("shippingDurationValue", $context) ? $context["shippingDurationValue"] : (function () { throw new RuntimeError('Variable "shippingDurationValue" does not exist.', 172, $this->source); })()), "html", null, true);
289.             yield " ";
290.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["shippingDurationUnit"]) || array_key_exists("shippingDurationUnit", $context) ? $context["shippingDurationUnit"] : (function () { throw new RuntimeError('Variable "shippingDurationUnit" does not exist.', 172, $this->source); })()), "html", null, true);
291.             yield "</span></li>
292.                                                     <li  class=\"\">Récuperation de la commande <span class=\"float-right\">";
293.             // line 173
294.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["singleShippingMethod"], "preparationDuration", [], "any", false, false, false, 173), "html", null, true);
295.             yield " H</span></li>
296.                                                     <li>Livraison en <span class=\"float-right\">";
297.             // line 174
298.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["singleShippingMethod"], "processingDuration", [], "any", false, false, false, 174), "html", null, true);
299.             yield " H</span></li>
300. \t\t\t\t\t\t\t\t\t\t\t\t\t";
301.             // line 175
302.             if ((Twig\Extension\CoreExtension::length($this->env->getCharset(), CoreExtension::getAttribute($this->env, $this->source, $context["singleShippingMethod"], "shippingRules", [], "any", false, false, false, 175)) > 0)) {
303.                 // line 176
304.                 yield "                                                    <li style=\"line-height: 15px;\"><small>";
305.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["singleShippingMethod"], "description", [], "any", false, false, false, 176), "html", null, true);
306.                 yield "</small></li>
307. \t\t\t\t\t\t\t\t\t\t\t\t\t";
308.             }
309.             // line 178
310.             yield "                                                </ul>
311.                                                    </div>
313. \t\t\t\t\t\t\t\t\t\t\t\t
314.                                                 </div>
315. \t\t\t\t\t\t\t\t\t\t\t\t";
316.         }
317.         $_parent = $context['_parent'];
318.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['singleShippingMethod'], $context['_parent'], $context['loop']);
319.         $context = array_intersect_key($context, $_parent) + $_parent;
320.         // line 184
321.         yield "                                                
322.                                             </div>
323. \t\t\t\t\t\t\t\t\t<div class=\"row\" >
324. \t\t\t\t\t\t\t\t\t<div class=\"item aos-init aos-animate  col-6\" id=\"accordionRecovery\" data-aos=\"fade-up\">
325. \t\t\t\t\t\t\t\t\t\t<h6>Informations de récupération</h6>
326. \t\t\t\t\t\t\t\t\t\t<div class=\"bg-white\">
327. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">
328. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"box col-sm-5 col-md-12 col-lg-5\">
329. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>Date</label>
330. \t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex\">
331. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control datedropper chooseDate\"  data-dd-min-date=\"";
332.         // line 194
333.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("now", "Y/m/d"), "html", null, true);
334.         yield "\" value=\"";
335.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("now", "Y/m/d"), "html", null, true);
336.         yield "\" name=\"startProcessingAt\"    />
337. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
338. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
339. \t\t\t\t\t\t\t\t\t\t\t\t</div>
340. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"box col-sm-7 col-md-12 col-lg-7\">
341. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>Heure</label>
342. \t\t\t\t\t\t\t\t\t\t\t\t\t<span id=\"recovery_slot\">
343. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<select id=\"receive_time\" class=\"custom-select custom-select-recieve\" name=\"collectTime\" data-day=\"0\">
344. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"08:00\" >Sélectionner un crénau</option>
345. \t\t\t\t\t\t\t\t\t\t\t\t\t\t</select>
346. \t\t\t\t\t\t\t\t\t\t\t\t\t</span>
347. \t\t\t\t\t\t\t\t\t\t\t\t</div>
348. \t\t\t\t\t\t\t\t\t\t\t</div>
349. \t\t\t\t\t\t\t\t\t\t\t
350. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">
351. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-group box col-sm-12\">
352. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>
353. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>Adresse de récupération</b>
354. \t\t\t\t\t\t\t\t\t\t\t\t\t</label>
355. \t\t\t\t\t\t\t\t\t\t\t\t\t<!-- Button trigger modal -->
356. \t\t\t\t\t\t\t\t\t\t\t\t\t
357.                                                         <select class=\"mb-2\" name=\"collectCityRegion\" >
358.                                                             ";
359.         // line 216
360.         $context['_parent'] = $context;
361.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["cityRegions"]) || array_key_exists("cityRegions", $context) ? $context["cityRegions"] : (function () { throw new RuntimeError('Variable "cityRegions" does not exist.', 216, $this->source); })()));
362.         foreach ($context['_seq'] as $context["_key"] => $context["cityRegion"]) {
363.             // line 217
364.             yield "                                                                <option data-lat=\"";
365.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["cityRegion"], "lat", [], "any", false, false, false, 217), "html", null, true);
366.             yield "\" data-lng=\"";
367.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["cityRegion"], "lng", [], "any", false, false, false, 217), "html", null, true);
368.             yield "\" value=\"";
369.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["cityRegion"], "id", [], "any", false, false, false, 217), "html", null, true);
370.             yield "\">";
371.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["cityRegion"], "name", [], "any", false, false, false, 217), "html", null, true);
372.             yield "</option>
373.                                                             ";
374.         }
375.         $_parent = $context['_parent'];
376.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cityRegion'], $context['_parent'], $context['loop']);
377.         $context = array_intersect_key($context, $_parent) + $_parent;
378.         // line 219
379.         yield "                                                        </select>
380. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"collect_address\" name=\"collect_address\" value=\"Maarif, Casablanca, Maroc\" class=\"form-control w-100\" >
381.                                                         <a  href=\"#\" id=\"modalShippingMap\" type=\"button\"  data-bs-toggle=\"modal\" data-bs-target=\"#collectMapModal\" class=\"btn btn-success mt-2\"  style=\"\" ><i class=\"fa-solid fa-location-dot\"></i> Location</a>
382.     
383. \t\t\t\t\t\t\t\t\t\t\t\t</div>
384. \t\t\t\t\t\t\t\t\t\t\t</div>
386. \t\t\t\t\t\t\t\t\t\t</div>
389. \t\t\t\t\t\t\t\t\t</div>
391. \t\t\t\t\t\t\t\t\t<div class=\"item aos-init aos-animate col-6\" id=\"accordionRecovery\" data-aos=\"fade-up\">
392. \t\t\t\t\t\t\t\t\t\t<h6>Informations de livraison</h6>
393. \t\t\t\t\t\t\t\t\t\t<div class=\"bg-white\"> 
394.                                             
395. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">
396. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"box col-sm-5 col-md-12 col-lg-5\">
397. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>Date</label>
398. \t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex\">
399. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control datedropper chooseDate\"  name=\"startDeliveryAt\" value=\"";
400.         // line 239
401.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("now", "Y/m/d"), "html", null, true);
402.         yield "\"   />
403. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
404. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
405. \t\t\t\t\t\t\t\t\t\t\t\t</div>
406. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"box col-sm-7 col-md-12 col-lg-7\">
407. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>Heure</label>
408. \t\t\t\t\t\t\t\t\t\t\t\t\t<span id=\"recovery_slot\">
409. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<select id=\"receive_time\" class=\"custom-select custom-select-recieve\" name=\"shippingTime\" data-day=\"0\">
410. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"08:00\" >Sélectionner un crénau</option>
411. \t\t\t\t\t\t\t\t\t\t\t\t\t\t</select>
412. \t\t\t\t\t\t\t\t\t\t\t\t\t</span>
413. \t\t\t\t\t\t\t\t\t\t\t\t</div>
414. \t\t\t\t\t\t\t\t\t\t\t</div>
415. \t\t\t\t\t\t\t\t\t\t\t
416. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">
417. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-group box col-sm-12\">
418. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>
419. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>Adresse de livraison</b>
420. \t\t\t\t\t\t\t\t\t\t\t\t\t</label>
421. \t\t\t\t\t\t\t\t\t\t\t\t\t
422.                                                         <select class=\"mb-2\" name=\"shippingCityRegion\" >
423.                                                             ";
424.         // line 260
425.         $context['_parent'] = $context;
426.         $context['_seq'] = CoreExtension::ensureTraversable((isset($context["cityRegions"]) || array_key_exists("cityRegions", $context) ? $context["cityRegions"] : (function () { throw new RuntimeError('Variable "cityRegions" does not exist.', 260, $this->source); })()));
427.         foreach ($context['_seq'] as $context["_key"] => $context["cityRegion"]) {
428.             // line 261
429.             yield "                                                                <option data-lat=\"";
430.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["cityRegion"], "lat", [], "any", false, false, false, 261), "html", null, true);
431.             yield "\" data-lng=\"";
432.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["cityRegion"], "lng", [], "any", false, false, false, 261), "html", null, true);
433.             yield "\" value=\"";
434.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["cityRegion"], "id", [], "any", false, false, false, 261), "html", null, true);
435.             yield "\">";
436.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["cityRegion"], "name", [], "any", false, false, false, 261), "html", null, true);
437.             yield "</option>
438.                                                             ";
439.         }
440.         $_parent = $context['_parent'];
441.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['cityRegion'], $context['_parent'], $context['loop']);
442.         $context = array_intersect_key($context, $_parent) + $_parent;
443.         // line 263
444.         yield "                                                        </select>
445. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"shipping_address\" name=\"shipping_address\" value=\"Maarif, Casablanca, Maroc\" class=\"form-control w-100 \" />
446.                                                             
447. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
448. \t\t\t\t\t\t\t\t\t\t\t\t\t
449.                                                     <a href=\"#\" id=\"modalShippingMap\" type=\"button\"  data-bs-toggle=\"modal\" data-bs-target=\"#collectMapModal\" class=\"btn btn-success mt-2\" style=\"\" ><i class=\"fa-solid fa-location-dot\"></i> Location</a>
450. \t\t\t\t\t\t\t\t\t\t\t\t</div>
451. \t\t\t\t\t\t\t\t\t\t\t</div>
453. \t\t\t\t\t\t\t\t\t\t</div>
456. \t\t\t\t\t\t\t\t\t</div>
458.                                     
459.                                     ";
460.         // line 278
461.         if (($this->extensions['Symfony\Bridge\Twig\Extension\SecurityExtension']->isGranted("ROLE_CUSTOMER") && ((isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 278, $this->source); })()) != null))) {
462.             // line 279
463.             yield "                                    <div class=\"col-12 mt-5\" >
464.                                         <h6>Payer avec ma wallet ";
465.             // line 280
466.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, (isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 280, $this->source); })()), "credit", [], "any", false, false, false, 280), "html", null, true);
467.             yield " DH</h6>
468.                                         <div class=\"owl-carousel pay-with-wallet d-none mt-4\">
469.                                             ";
470.             // line 282
471.             if ((CoreExtension::getAttribute($this->env, $this->source, (isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 282, $this->source); })()), "credit", [], "any", false, false, false, 282) > 0)) {
472.                 // line 283
473.                 yield "                                            ";
474.                 $context["counterCredit"] = 0;
475.                 // line 284
476.                 yield "                                                    ";
477.                 $context['_parent'] = $context;
478.                 $context['_seq'] = CoreExtension::ensureTraversable(range(0, (isset($context["totalCart"]) || array_key_exists("totalCart", $context) ? $context["totalCart"] : (function () { throw new RuntimeError('Variable "totalCart" does not exist.', 284, $this->source); })())));
479.                 foreach ($context['_seq'] as $context["_key"] => $context["i"]) {
480.                     // line 285
481.                     yield "                                                        ";
482.                     if ((((CoreExtension::getAttribute($this->env, $this->source,                     // line 286
483. (isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 286, $this->source); })()), "credit", [], "any", false, false, false, 286) >= $context["i"]) && (CoreExtension::getAttribute($this->env, $this->source, (isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 286, $this->source); })()), "credit", [], "any", false, false, false, 286) <= (isset($context["totalCart"]) || array_key_exists("totalCart", $context) ? $context["totalCart"] : (function () { throw new RuntimeError('Variable "totalCart" does not exist.', 286, $this->source); })()))) || ((CoreExtension::getAttribute($this->env, $this->source,                     // line 287
484. (isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 287, $this->source); })()), "credit", [], "any", false, false, false, 287) >= $context["i"]) && (CoreExtension::getAttribute($this->env, $this->source, (isset($context["customer"]) || array_key_exists("customer", $context) ? $context["customer"] : (function () { throw new RuntimeError('Variable "customer" does not exist.', 287, $this->source); })()), "credit", [], "any", false, false, false, 287) >= (isset($context["totalCart"]) || array_key_exists("totalCart", $context) ? $context["totalCart"] : (function () { throw new RuntimeError('Variable "totalCart" does not exist.', 287, $this->source); })()))))) {
485.                         // line 289
486.                         yield "                                                            <div data-value=\"";
487.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["i"], "html", null, true);
488.                         yield "\" class=\"item\"> ";
489.                         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($context["i"], "html", null, true);
490.                         yield " DH</div>
491.                                                             ";
492.                         // line 290
493.                         $context["counterCredit"] = ((isset($context["counterCredit"]) || array_key_exists("counterCredit", $context) ? $context["counterCredit"] : (function () { throw new RuntimeError('Variable "counterCredit" does not exist.', 290, $this->source); })()) + $context["i"]);
494.                         // line 291
495.                         yield "                                                         ";
496.                     }
497.                     // line 292
498.                     yield "                                                
499.                                             ";
500.                 }
501.                 $_parent = $context['_parent'];
502.                 unset($context['_seq'], $context['_iterated'], $context['_key'], $context['i'], $context['_parent'], $context['loop']);
503.                 $context = array_intersect_key($context, $_parent) + $_parent;
504.                 // line 294
505.                 yield "                                            ";
506.             }
507.             // line 295
508.             yield "                                            
509.                                             
510.                                             </div>
512.                                     </div>
513.                                     ";
514.         }
515.         // line 301
516.         yield "\t\t\t\t\t\t\t\t\t</div>
519. \t\t\t\t\t\t\t\t\t
523.                                     <hr>
525.                                     
526. \t\t\t\t\t\t\t\t</div>
528. \t\t\t\t\t\t\t\t <div class=\"col-lg-5 col-12\">
529.                             <div class=\"your-order\">
530.                                 <h3>Votre commande</h3>
532.                                 <div class=\"shipping\" >
533.                                
534.                                 </div>
537.                                 <div class=\"your-order-table table-responsive\">
538.                                     <table class=\"table\">
539.                                         <thead>
540.                                             <tr>
541.                                                 <th class=\"cart-product-name\">Produit</th>
542.                                                 <th class=\"cart-product-total\">Total</th>
543.                                             </tr>
544.                                         </thead>
545.                                         <tbody class=\"cart-checkout\">
547.  
548.                                         </tbody>
549.                                         <tfoot>
550.                                             <tr class=\"cart-subtotal\">
551.                                                 <th>Sous total</th>
552.                                                 <td><span class=\"amount total-checkout total\">0,00 MAD </span></td>
553.                                             </tr>
554. \t\t\t\t\t\t\t\t\t\t\t<tr class=\"cart-subtotal promo\">
555.                                                 <th>Reduction coupon</th>
556.                                                 <td><span class=\"amount codepromo\">0,00 MAD </span></td>
557.                                             </tr>
558.                                             ";
559.         // line 347
560.         yield "
561.                                             ";
562.         // line 352
563.         yield "                                            
564. \t\t\t\t\t\t\t\t\t\t\t<tr class=\"cart-subtotal\">
565.                                                 <th>Frais de livraison</th>
566.                                                 <td><span class=\"amount shipping-method-fees\">0,00 MAD </span></td>
567.                                             </tr>
568.                                             <tr class=\"order-total\">
569.                                                 <th>Montant á payer</th>
570.                                                 <td><strong><span class=\"amount total-checkout total-to-pay \">0,00 MAD</span></strong></td>
571.                                             </tr>
572. \t\t\t\t\t\t\t\t\t\t\t
573.                                             <tr>
574.                                                 <td colspan=\"2\" ><a href=\"#\" class=\"save-button btn btn-primary d-block\">Continuer</a></td>
575.                                             </tr>
576.                                         </tfoot>
577.                                     </table>
578.                                     
579.                                 </div>
580.                                 
581.                             </div>
582.                         </div>
583. \t\t\t\t\t\t\t</div>
584. \t\t\t\t\t\t</form>
585. \t\t\t\t\t</div>
586. \t\t\t\t</div>
587. \t\t\t</div>
588. \t\t</div>
589. \t\t<!--Shopping Cart Area End-->
591. \t</div>
592. \t<!-- Body Wrapper End Here -->
596.     <!-- Button trigger modal -->
600. ";
601.         
602.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
604.         
605.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
607.         return; yield '';
608.     }
610.     // line 394
611.     public function block_javascripts($context, array $blocks = [])
612.     {
613.         $macros = $this->macros;
614.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
615.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
617.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
618.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripts"));
620.         // line 395
621.         yield "    ";
622.         yield from $this->yieldParentBlock("javascripts", $context, $blocks);
623.         yield "
624. \t<script type=\"text/javascript\" src=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyBFliT4Ug0Ugto5davRC7krsyMhTfkI-L4&libraries=places\"></script>
625.     <script src=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js\" integrity=\"sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>
626. \t<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.js\" integrity=\"sha512-zlWWyZq71UMApAjih4WkaRpikgY9Bz1oXIW5G0fED4vk14JjGlQ1UmkGM392jEULP8jbNMiwLWdM8Z87Hu88Fw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>
627. \t<script src=\"";
628.         // line 399
629.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("flexy/js/datedropper/datedropper-javascript.js"), "html", null, true);
630.         yield "\"></script>
631. <script src=\"";
632.         // line 400
633.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("flexy/js/datedropper/datedropper-javascript-lang-FR.js"), "html", null, true);
634.         yield "\"></script>
638.     <script>
639. \tdocument.addEventListener(\"turbo:load\", function() {
641. var isCollectReadyForCheckout = false;
642. var isShippingReadyForCheckout = false;
643. new dateDropper({
644.   lang:\"fr\",
645.   //format: \"dd/m/y\",
646.   selector: \"input[name='startProcessingAt']\",
647.   minDate: \"";
648.         // line 413
649.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("yesterday", "Y-m-d"), "html", null, true);
650.         yield "\",
651.   //autoFill:false,
652.   expandable: true,
653.   onChange: function (res) {
654.     \$(\"input[name='startProcessingAt']\").trigger(\"change\");
655.   }
656. });
657. new dateDropper({
658.   lang:\"fr\",
659.   //format: \"dd/m/y\",
660.   selector: \"input[name='startDeliveryAt']\",
661.   //autoFill:false,
662.   expandable: true,
663.   onChange: function (res) {
664.     \$(\"input[name='startProcessingAt']\").trigger(\"change\");
665.   }
666. });
667. \$(document).ready(function(){  
668.     
669.   \$(\".tips-shipping-agent\").owlCarousel({
670.     dots:true,
671.     items:5,
672.     nav:false,
673.     onChanged:function(){
674.         \$(\".tips-shipping-agent\").removeClass(\"d-none\");
675.     }
676.   });
678.   \$(\".pay-with-wallet\").owlCarousel({
679.     dots:true,
680.     items:7,
681.     nav:false,
682.     onChanged:function(){
683.         \$(\".pay-with-wallet\").removeClass(\"d-none\");
684.     }
685.   });
686.   
689.     \$(\".pay-with-wallet .item\").click(function(){
690.     \$(\".pay-with-wallet .item\").removeClass(\"selected\");
691.      \$(this).addClass(\"selected\");
692.      walletPayment = parseFloat(\$(this).attr(\"data-value\"));
693.      
694.      \$(\".wallet-payment\").html( (walletPayment) + \" DH\");
695.      \$(\".total-to-pay\").html( ((total) - (amount) - (reductionCoupon) - (walletPayment)) + (shippingFees) + (shippingTips) + \" DH\");
696.   });
699.        var inputCollectAddress = document.getElementById('collect_address');
700. \t   var inputShippingAddress = document.getElementById('shipping_address');
701.        
702. var optionsCollect = {
703.   //types: ['(cities)'],
704.   componentRestrictions: {country: 'ma'}
705. };
707. var optionsShipping = {
708.   //types: ['(cities)'],
709.   componentRestrictions: {country: 'ma'}
710. };
713.  var centerLatCollect = \$(\"select[name='collectCityRegion']\").find(\"option:selected\").attr(\"data-lat\"); // example latitude
714.   var centerLngCollect = \$(\"select[name='collectCityRegion']\").find(\"option:selected\").attr(\"data-lng\"); // example longitude
716.    var centerLatShipping =\$(\"select[name='shippingCityRegion']\").find(\"option:selected\").attr(\"data-lat\"); // example latitude
717.   var centerLngShipping =\$(\"select[name='shippingCityRegion']\").find(\"option:selected\").attr(\"data-lng\"); // example longitude
720. var centerPointCollect = new google.maps.LatLng(centerLatCollect, centerLngCollect);
721. var centerPointShipping = new google.maps.LatLng(centerLatShipping, centerLngShipping);
723. // Set the desired radius in meters
724. var radius = 10000; // 10 kilometers
726. var boundsCollect = new google.maps.Circle({ center: centerPointCollect, radius: radius }).getBounds();
727. var boundsShipping = new google.maps.Circle({ center: centerPointCollect, radius: radius }).getBounds();
728.   \$(\"select[name='collectCityRegion']\").change(function(){
729.     centerLatCollect = \$(\"select[name='collectCityRegion']\").find(\"option:selected\").attr(\"data-lat\");
730.     
731.     centerLngCollect = \$(\"select[name='collectCityRegion']\").find(\"option:selected\").attr(\"data-lng\");
733.      centerPointCollect = new google.maps.LatLng(centerLatCollect, centerLngCollect);
734.      boundsCollect = new google.maps.Circle({ center: centerPointCollect, radius: radius }).getBounds();
736.   });
738.     \$(\"select[name='shippingCityRegion']\").change(function(){
739.     centerLatShipping = \$(\"select[name='shippingCityRegion']\").find(\"option:selected\").attr(\"data-lat\");
740.     centerLngShipping = \$(\"select[name='shippingCityRegion']\").find(\"option:selected\").attr(\"data-lng\");
741.      centerPointShipping = new google.maps.LatLng(centerLatShipping, centerLngShipping);
742.      boundsShipping = new google.maps.Circle({ center: centerPointCollect, radius: radius }).getBounds();
744.     
745.   });
755. var autocompleteCollect = new google.maps.places.Autocomplete(inputCollectAddress, optionsCollect);
756. var autocompleteShipping = new google.maps.places.Autocomplete(inputShippingAddress, optionsShipping);
758. google.maps.event.addListener(autocompleteCollect, 'place_changed', function() {
759.     
760.     
761.     var lngCollect = autocompleteCollect.getPlace().geometry.location.lng();
762.     var latCollect = autocompleteCollect.getPlace().geometry.location.lat();
764.         if (autocompleteCollect.getPlace() && boundsCollect && boundsCollect.contains(autocompleteCollect.getPlace().geometry.location)) {
765.             // Place falls within the specified radius
766.             isCollectReadyForCheckout = true;
767.             console.log('Place collect is within the specified radius:', autocompleteCollect.getPlace());
768.         } else {
769.             isCollectReadyForCheckout = false;
770.             // Place is outside the specified radius
771.             console.log('Place collect is outside the specified radius:', autocompleteCollect.getPlace());
772.         }
773.     
774. });
775. google.maps.event.addListener(autocompleteShipping, 'place_changed', function() {
776.     
777.     
778.     var lngShipping = autocompleteShipping.getPlace().geometry.location.lng();
779.     var latShipping = autocompleteShipping.getPlace().geometry.location.lat();
781.     if (autocompleteShipping.getPlace() && boundsShipping && boundsShipping.contains(autocompleteShipping.getPlace().geometry.location)) {
782.             // Place falls within the specified radius
783.             isShippingReadyForCheckout = true;
784.             console.log('Place shipping is within the specified radius:', autocompleteShipping.getPlace());
785.         } else {
786.              isShippingReadyForCheckout = false;
787.             // Place is outside the specified radius
788.             console.log('Place shipping is outside the specified radius:', autocompleteShipping.getPlace());
789.         }
791.     
792. });
793.     
794.     \$(\".choices-shipping div div\").click(function(){
795.         
796.             \$(\".choices-shipping div div\").removeClass(\"active\");
797.             \$(this).addClass(\"active\");
798.         
799. \t\t\ttotal = cartLS.total();
800. \t\t\tvar value = \$(this).val();
801. \t\t\t//shippingFees = parseFloat(\$(this).find(\":selected\").attr(\"data-price\")) ;
802. \t\t\t//\$(\".shipping-method-fees\").html(shippingFees+ \" DH\");
803. \t\t\t//\$(\".total-to-pay\").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + \" DH\");
804. \t\t\t//\$(\"#cash\").trigger(\"keyup\");
805. \t\t\t\$(\"input[name='startDeliveryAt']\").val(\$(\"input[name='startProcessingAt']\").val());
806. \t\t\t\$(\"input[name='startProcessingAt']\").trigger(\"change\");
807.     });
808. \t\$(\".save-button\").click(function(){
809.     
811.     if((isCollectReadyForCheckout && isShippingReadyForCheckout) || 1 == 1){
812.         
813.    
814.                         
815.                         
816. \$.ajax({
817.                             url:\"";
818.         // line 580
819.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("pos_cart_checkout");
820.         yield "\",
821.                             method:\"POST\",
822.                             data:{
823.                                 
824.                                 
825. \t\t\t\t\t\t\t\torderItems: cartLS.list(),
826.                                 shippingMethod:\$(\".shippingMethod.active\").attr(\"data-id\"),
827.                                 deliveryType:\"collecte-and-delivery\",
828.                                 
829.                                 
830.                                 //reduction:\$(\"#reduction\").val(),
831.                                 //payedAmount:\$(\"#cash\").val(),
832.                                 codeCoupon:\$(\"input[name=codeCoupon]\").val(),
833.                                 startProcessingAt: \$(\"input[name=startProcessingAt]\").val()+\" \"+\$(\"select[name='collectTime']\").find(\"option:selected\").val(),
834.                                 startDeliveryAt:\$(\"input[name=startDeliveryAt]\").val()+\" \"+\$(\"select[name='shippingTime']\").find(\"option:selected\").val(),
835.                                 shippingAddress:\$(\"input[name=shipping_address]\").val(),
836.                                 collectAddress:\$(\"input[name=collect_address]\").val(),
837.                                 cityRegionCollect:\$(\"select[name='collectCityRegion']\").find(\"option:selected\").val(),
838.                                 cityRegionShipping:\$(\"select[name='shippingCityRegion']\").find(\"option:selected\").val(),
839.                                 shippingTips:parseFloat(\$(\".tips-shipping-agent .item.selected\").attr(\"data-value\")),
840.                                 walletPaymentAmount:parseFloat(\$(\".pay-with-wallet .item.selected\").attr(\"data-value\")),
842.                                 isReadyForCheckout: true
843.                                 
844.                             },
845.                             success:function(result){
846.  
847.                                if(result.status == \"success\");
848. \t\t\t\t\t\t\t   window.location.href = \"";
849.         // line 608
850.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("checkout");
851.         yield "\";
852.                             }
853.                         });    
854.  }else{
855. \$.toast({
856.                                             heading: 'Merci de verifier vos cordonnées',
857.                                             text: \"Vos cordonnées quartiers ou adresses ne sont pas valident merci de verifier !\",
858.                                             showHideTransition: 'slide',
859.                                             hideAfter:12000,
860.                                             icon: 'warning',
861.                                             loaderBg: '#1ca5df', 
862.                                             position:\"top-right\",
863.                                             allowToastClose: true,
864.                                             stack: false
865.                                     })
867.  }
869.    
870. });
871. \t\$(\"input[name='startProcessingAt']\").change(function(){
872.    
873. \$.toast().reset('all');
874.     
875.                         
876.     \$(\".checkout-area\").html(\"\");
877.     
878.     var isWallet = 0;
879.     if(\$(\"#isWallet\").is(':checked')){
880.         isWallet = 1;
881.     }
882.                         
883. \$.ajax({
884.                             url:\"";
885.         // line 641
886.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("pos_cart_checkout");
887.         yield "\",
888.                             method:\"POST\",
889.                             data:{
890.                                 
891.                                 orderItems: cartLS.list(),
892.                                 shippingMethod:\$(\".shippingMethod.active\").attr(\"data-id\"),
893.                                 deliveryType:\"collecte-and-delivery\",
894.                                 
895.                                 
896.                                 //reduction:\$(\"#reduction\").val(),
897.                                 //payedAmount:\$(\"#cash\").val(),
898.                                 codeCoupon:\$(\"input[name=codeCoupon]\").val(),
899.                                 startProcessingAt: \$(\"input[name=startProcessingAt]\").val()+\" \"+\$(\"select[name='collectTime']\").find(\"option:selected\").val(),
900.                                 startDeliveryAt:\$(\"input[name=startDeliveryAt]\").val()+\" \"+\$(\"select[name='shippingTime']\").find(\"option:selected\").val(),
901.                                 isChooseDatePreview: true
902.                                 
903.                             },
904.                             success:function(result){
905.                                 
906.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-min-date\",result.minDateShipping);
907.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-max-date\",\"";
908.         // line 661
909.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("next year", "Y-m-d"), "html", null, true);
910.         yield "\");
911.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-default-date\",result.shippingDate);
912.                                 
913.                                 //\$(\"#shipping-method\").find(\"option:selected\").attr(\"data-price\",result.shippingFees);
914.                                 shippingFees = parseFloat(result.shippingFees) ;
915.                                 \$(\".shipping-method-fees\").html(shippingFees.toFixed(2)+ \" DH\");
916.                                 \$(\".total-to-pay\").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + (shippingTips) + \" DH\");
917.                                 //\$(\"select[name='collectTime']\").modal('show');
918.                                 \$(\"select[name='collectTime']\").html(result.collectHoursHTML);
919.                                 \$(\"select[name='shippingTime']\").html(result.shippingHoursHTML);
920.                                 \$(\"input[name='startProcessingAt']\").val(result.collectDate);
921.                                 \$(\"input[name='startDeliveryAt']\").val(result.shippingDate);
922.                                 
923.                                 /*         
924.                                 \$(\"input[name='startDeliveryAt']\").dateDropper({
925.                                     large: true,
926.                                     lang: 'fr',
927.                                     theme: 'datedropper',
928.                                     format: \"d-m-Y\",
929.                                     expandable: true,
930.                                     rangeStart: result.shippingDate,
931.                                     rangeEnd: \"";
932.         // line 682
933.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate(" next year ", "Y/m/d"), "html", null, true);
934.         yield "\",
935.                                     disabledDays: \"";
936.         // line 683
937.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::join(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["settings"]) || array_key_exists("settings", $context) ? $context["settings"] : (function () { throw new RuntimeError('Variable "settings" does not exist.', 683, $this->source); })()), "get", [], "method", false, false, false, 683), "getExcludeDatesOnlyDates", [], "method", false, false, false, 683), ","), "html", null, true);
938.         yield "\",
939.                                     disabledWeekDays: '6'
940.                                 });
941.                                     */
942.                                 
943.                                 if(result.messages.length > 0){
944.                                     \$.toast({
945.                                             heading: 'Décalage de date',
946.                                             text: result.messages,
947.                                             showHideTransition: 'slide',
948.                                             hideAfter:12000,
949.                                             icon: 'warning',
950.                                             loaderBg: '#1ca5df', 
951.                                             position:\"top-right\",
952.                                             allowToastClose: true,
953.                                             stack: false
954.                                     })
955.                                    
956.                                 }
957.                             }
958.                         });                 
959.     
960. });
961. \t\$(\"input[name='startDeliveryAt']\").change(function(){
962.    
963. \$.toast().reset('all');
964.     
965.     var isWallet = 0;
966.     if(\$(\"#isWallet\").is(':checked')){
967.         isWallet = 1;
968.     }
969.                         
970. \$.ajax({
971.                             url:\"";
972.         // line 716
973.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("pos_cart_checkout");
974.         yield "\",
975.                             method:\"POST\",
976.                             data:{
977.                                 
978.                                 orderItems: cartLS.list(),
979.                                 shippingMethod:\$(\".shippingMethod.active\").attr(\"data-id\"),
980.                                 deliveryType:\$(\"select[name='delivery-type'] option:selected\").val(),
981.                                 
982.                                 
983.                                 //reduction:\$(\"#reduction\").val(),
984.                                 //payedAmount:\$(\"#cash\").val(),
985.                                 startProcessingAt: \$(\"input[name=startProcessingAt]\").val()+\" \"+\$(\"select[name='collectTime']\").find(\"option:selected\").val(),
986.                                 startDeliveryAt:\$(\"input[name=startDeliveryAt]\").val()+\" \"+\$(\"select[name='shippingTime']\").find(\"option:selected\").val(),
987.                                 isChooseDatePreview: true
988.                                 
989.                             },
990.                             success:function(result){
991.                                 
992.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-min-date\",result.minDateShipping);
993.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-max-date\",\"";
994.         // line 735
995.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("next year", "Y-m-d"), "html", null, true);
996.         yield "\");
997.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-default-date\",result.shippingDate);
998.                                 
999.                                 //\$(\"#shipping-method\").find(\"option:selected\").attr(\"data-price\",result.shippingFees);
1000.                                 shippingFees = parseFloat(result.shippingFees) ;
1001.                                 \$(\".shipping-method-fees\").html(shippingFees.toFixed(2)+ \" DH\");
1002.                                 \$(\".total-to-pay\").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + (shippingTips) + \" DH\");
1003.                                 //\$(\"select[name='collectTime']\").modal('show');
1004.                                 //\$(\"select[name='collectTime']\").html(result.collectHoursHTML);
1005.                                 \$(\"select[name='shippingTime']\").html(result.shippingHoursHTML);
1006.                                 //\$(\"input[name='startProcessingAt']\").val(result.collectDate);
1007.                                 \$(\"input[name='startDeliveryAt']\").val(result.shippingDate);
1008.                                 \$(\"select[name='shippingTime']\").find(\"option:first\").attr(\"selected\",true);
1009.                                 
1010.                                 /*         
1011.                                 \$(\"input[name='startDeliveryAt']\").dateDropper({
1012.                                     large: true,
1013.                                     lang: 'fr',
1014.                                     theme: 'datedropper',
1015.                                     format: \"d-m-Y\",
1016.                                     expandable: true,
1017.                                     rangeStart: result.shippingDate,
1018.                                     rangeEnd: \"";
1019.         // line 757
1020.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate(" next year ", "Y/m/d"), "html", null, true);
1021.         yield "\",
1022.                                     disabledDays: \"";
1023.         // line 758
1024.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::join(CoreExtension::getAttribute($this->env, $this->source, CoreExtension::getAttribute($this->env, $this->source, (isset($context["settings"]) || array_key_exists("settings", $context) ? $context["settings"] : (function () { throw new RuntimeError('Variable "settings" does not exist.', 758, $this->source); })()), "get", [], "method", false, false, false, 758), "getExcludeDatesOnlyDates", [], "method", false, false, false, 758), ","), "html", null, true);
1025.         yield "\",
1026.                                     disabledWeekDays: '6'
1027.                                 });
1028.                                     */
1029.                                 
1030.                                 if(result.messages.length > 0){
1031.                                     \$.toast({
1032.                                             heading: 'Décalage de date',
1033.                                             text: result.messages,
1034.                                             showHideTransition: 'slide',
1035.                                             hideAfter:12000,
1036.                                             icon: 'warning',
1037.                                             loaderBg: '#1ca5df', 
1038.                                             position:\"top-right\",
1039.                                             allowToastClose: true,
1040.                                             stack: false
1041.                                     })
1042.                                    
1043.                                 }
1044.                             }
1045.                         });                 
1046.     
1047. });
1048. \$(\"select[name='collectTime']\").change(function(){
1049.     
1050.                         
1051.                         
1052. \$.ajax({
1053.                             url:\"";
1054.         // line 786
1055.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("pos_cart_checkout");
1056.         yield "\",
1057.                             method:\"POST\",
1058.                             data:{
1059.                                 
1060.                                 
1061. \t\t\t\t\t\t\t\torderItems: cartLS.list(),
1062.                                 shippingMethod:\$(\".shippingMethod.active\").attr(\"data-id\"),
1063.                                 deliveryType:\$(\"select[name='delivery-type'] option:selected\").val(),
1064.                                 
1065.                                 //reduction:\$(\"#reduction\").val(),
1066.                                 //payedAmount:\$(\"#cash\").val(),
1067.                                 startProcessingAt: \$(\"input[name=startProcessingAt]\").val()+\" \"+\$(\"select[name='collectTime']\").find(\"option:selected\").val(),
1068.                                 startDeliveryAt:\$(\"input[name=startDeliveryAt]\").val(),
1069.                                 isChooseDatePreview: true
1070.                                 
1071.                             },
1072.                             success:function(result){
1073.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-min-date\",result.minDateShipping);
1074.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-max-date\",\"";
1075.         // line 804
1076.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("next year", "Y-m-d"), "html", null, true);
1077.         yield "\");
1078.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-default-date\",result.shippingDate);
1079.                                 //\$(\"select[name='collectTime']\").modal('show');
1080.                                 //\$(\"select[name='collectTime']\").html(result.collectHoursHTML);
1081.                                 \$(\"select[name='shippingTime']\").html(result.shippingHoursHTML);
1082.                                 //\$(\"input[name='startProcessingAt']\").val(result.collectDate);
1083.                                 \$(\"input[name='startDeliveryAt']\").val(result.shippingDate);
1084.                             }
1085.                         });                 
1086.    
1087. });
1088. \$(\"input[name='startProcessingAt']\").trigger(\"change\");
1089. }); 
1092. \$(\".orderPreview\").click(function(){
1093.     \$(\".checkout-area\").html(\"\");
1094.     
1095.     if(cartLS.list().length > 0){                        
1096. \$.ajax({
1097.                             url:\"";
1098.         // line 824
1099.         yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("pos_cart_checkout");
1100.         yield "\",
1101.                             method:\"POST\",
1102.                             data:{
1103.                                 shippingMethod:\$(\".shippingMethod.active\").attr(\"data-id\"),
1104.                                 codeCoupon:\$(\"input[name=codeCoupon]\").val(),
1105.                                 isPromoPreview: true
1106.                             },
1107.                             success:function(result){
1108.                                 reductionCoupon = 0;
1109.                                 if(result.coupon ){
1110.                                     if(result.coupon.typeReduction==\"percent\"){
1111.                                         reductionCoupon = (total / 100) * result.coupon.valueReduction;
1112.                                     }else{
1113.                                         reductionCoupon = result.coupon.valueReduction;
1114.                                     }
1116.                                     \$(\"input[name='codeCoupon']\").attr(\"data-coupon-value\",result.coupon.valueReduction);
1117.                                     \$(\"input[name='codeCoupon']\").attr(\"data-type-value\",result.coupon.typeReduction);
1118.                                     
1119.                                     \$.toast({
1120.                                             heading: result.coupon.code,
1121.                                             text: result.message,
1122.                                             showHideTransition: 'slide',
1123.                                             hideAfter:12000,
1124.                                             icon: 'success',
1125.                                             loaderBg: '#1ca5df', 
1126.                                             position:\"top-right\",
1127.                                             allowToastClose: true,
1128.                                             stack: false
1129.                                     })
1130.                                 }else{
1131.                                     \$.toast({
1132.                                             heading: \"Remarque\",
1133.                                             text: result.message,
1134.                                             showHideTransition: 'slide',
1135.                                             hideAfter:12000,
1136.                                             icon: 'warning',
1137.                                             loaderBg: '#1ca5df', 
1138.                                             position:\"top-right\",
1139.                                             allowToastClose: true,
1140.                                             stack: false
1141.                                     })
1142.                                 }
1143.                                 \$(\".promo .codepromo\").html(reductionCoupon.toFixed(2)+\" DH\");
1144.                                 \$(\".total-to-pay\").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + (shippingTips) + \" DH\");
1146.                                 
1147.                             }
1148.                         });
1149.                
1150.     }
1151.     else{
1152.         alert(\"Veuillez rajouter des produit au panier\");
1153.     }
1154.                             
1156.                     });
1158.   
1159. })
1160.     </script>
1162. <script>
1164. document.addEventListener(\"turbo:load\", function() {
1165. var collectMap;
1166. var collectGeocoder;
1168. function initCollectMap() {
1169.   collectMap = new google.maps.Map(document.getElementById(\"collectMap\"), {
1170.     center: { lat: centerLatCollect, lng: centerLngCollect }, // Set initial map center
1171.     zoom: 8, // Set initial zoom level
1172.   });
1174.   
1176.   collectMap.addListener(\"click\", function (event) {
1177.     
1178.     collectPlaceMarker(event.latLng);
1179.     getCollectAddress(event.latLng);
1180.   });
1181. }
1183. window.addEventListener('resize', function() {
1184.   google.maps.event.trigger(collectMap, 'resize');
1185. });
1187. function collectPlaceMarker(location) {
1188.   var marker = new google.maps.Marker({
1189.     position: location,
1190.     map: collectMap,
1191.   });
1192.   collectMap.panTo(location);
1193. }
1195. function getCollectAddress(latLng) {
1196.     collectGeocoder = new google.maps.Geocoder();
1197.   collectGeocoder.geocode({ location: latLng }, function (results, status) {
1198.     console.log(results);
1199.     if (status === \"OK\") {
1200.       if (results[0]) {
1201.         console.log(results[0].formatted_address);
1202.       } else {
1203.         console.log(\"No results found\");
1204.       }
1205.     } else {
1206.       console.log(\"Geocoder failed due to: \" + status);
1207.     }
1208.   });
1209. }
1211. initCollectMap();
1215. var shippingMap;
1216. var shippingGeocoder;
1218. function initShippingMap() {
1219.   shippingMap = new google.maps.Map(document.getElementById(\"shippingMap\"), {
1220.     center: { lat: centerLatShipping, lng: centerLngShipping }, // Set initial map center
1221.     zoom: 8, // Set initial zoom level
1222.   });
1224.   
1226.   shippingMap.addListener(\"click\", function (event) {
1227.     
1228.     shippingPlaceMarker(event.latLng);
1229.     getShippingAddress(event.latLng);
1230.   });
1231. }
1233. window.addEventListener('resize', function() {
1234.   google.maps.event.trigger(shippingMap, 'resize');
1235. });
1237. function shippingPlaceMarker(location) {
1238.   var marker = new google.maps.Marker({
1239.     position: location,
1240.     map: shippingMap,
1241.   });
1242.   shippingMap.panTo(location);
1243. }
1245. function getShippingAddress(latLng) {
1246.     shippingGeocoder = new google.maps.Geocoder();
1247.   shippingGeocoder.geocode({ location: latLng }, function (results, status) {
1248.     console.log(results);
1249.     if (status === \"OK\") {
1250.       if (results[0]) {
1251.         console.log(results[0].formatted_address);
1252.       } else {
1253.         console.log(\"No results found\");
1254.       }
1255.     } else {
1256.       console.log(\"Geocoder failed due to: \" + status);
1257.     }
1258.   });
1259. }
1261. initShippingMap();
1264. \$(\"#modalShippingMap\").click(function(){
1265.     \$(\"#shippingMap\").removeClass(\"d-none\");
1266.     \$(\"#collectMap\").addClass(\"d-none\");
1267. });
1269. \$(\"#modalCollectMap\").click(function(){
1270.     \$(\"#shippingMap\").addClass(\"d-none\");
1271.     \$(\"#collectMap\").removeClass(\"d-none\");
1272. });
1274. });
1275. </script>
1278. <!-- Modal -->
1279. <div class=\"modal fade\" id=\"collectMapModal\" tabindex=\"-1\" aria-labelledby=\"collectMapModalLabel\" aria-hidden=\"true\">
1280.   <div class=\"modal-dialog modal-xl\" style=\"width:800px;\">
1281.     <div class=\"modal-content\">
1282.       <div class=\"modal-header\">
1283.         <h5 class=\"modal-title\" id=\"collectMapModalLabel\">Cordonnées de collect</h5>
1284.         <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
1285.       </div>
1286.       <div class=\"modal-body\">
1287.         <div id=\"collectMap\"></div>
1288.         <div id=\"shippingMap\"  class=\"d-none\"></div>
1289.       </div>
1290.       <div class=\"modal-footer\">
1291.         <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Annuler</button>
1292.         <button type=\"button\" class=\"btn btn-primary\">Séléctionner</button>
1293.       </div
1294.     </div>
1295.   </div>
1296. </div>
1300. ";
1301.         
1302.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
1304.         
1305.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
1307.         return; yield '';
1308.     }
1310.     /**
1311.      * @codeCoverageIgnore
1312.      */
1313.     public function getTemplateName()
1314.     {
1315.         return "@Flexy/FrontBundle/Themes/IlaveU/templates/cart/cart.html.twig";
1316.     }
1318.     /**
1319.      * @codeCoverageIgnore
1320.      */
1321.     public function isTraitable()
1322.     {
1323.         return false;
1324.     }
1326.     /**
1327.      * @codeCoverageIgnore
1328.      */
1329.     public function getDebugInfo()
1330.     {
1331.         return array (  1099 => 824,  1076 => 804,  1055 => 786,  1024 => 758,  1020 => 757,  995 => 735,  973 => 716,  937 => 683,  933 => 682,  909 => 661,  886 => 641,  850 => 608,  819 => 580,  649 => 413,  633 => 400,  629 => 399,  621 => 395,  611 => 394,  563 => 352,  560 => 347,  516 => 301,  508 => 295,  505 => 294,  498 => 292,  495 => 291,  493 => 290,  486 => 289,  484 => 287,  483 => 286,  481 => 285,  476 => 284,  473 => 283,  471 => 282,  466 => 280,  463 => 279,  461 => 278,  444 => 263,  429 => 261,  425 => 260,  401 => 239,  379 => 219,  364 => 217,  360 => 216,  333 => 194,  321 => 184,  310 => 178,  304 => 176,  302 => 175,  298 => 174,  294 => 173,  287 => 172,  284 => 171,  281 => 170,  278 => 169,  275 => 168,  272 => 167,  270 => 166,  264 => 163,  256 => 162,  253 => 161,  249 => 160,  101 => 14,  91 => 13,  74 => 6,  71 => 5,  61 => 4,  38 => 1,);
1332.     }
1334.     public function getSourceContext()
1335.     {
1336.         return new Source("{% extends \"@Flexy/FrontBundle/Themes/IlaveU/templates/layout.html.twig\"  %}
1339. {% block stylesheets %}
1341. \t{{parent()}}
1342. \t<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.css\" integrity=\"sha512-wJgJNTBBkLit7ymC6vvzM1EcSWeM9mmOu+1USHaRBbHkm6W9EgM0HY27+UtUaprntaYQJF75rc8gjxllKs5OIQ==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />
1343.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css\" integrity=\"sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />
1344.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css\" integrity=\"sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />
1346. {% endblock %}
1348. {% block body %}
1351.     <style>
1353. #collectMap,#shippingMap {
1354.   width: 100%;
1355.   height: 400px;
1356. }
1357.     .pay-with-wallet .item{
1358.         padding:10px 7px;
1359.         margin:0 10px;
1360.         font-weight:bold;
1361.         background:#45dae9;
1362.         color:white;
1363.         border-radius:50px;
1364.         text-align:center;
1365.         font-size:14px;
1366.     }
1367.     .pay-with-wallet .item.selected{
1368.         
1369.         background:#febc4a;
1370.     }
1372.     .tips-shipping-agent .item{
1373.         padding:10px 15px;
1374.         margin:0 10px;
1375.         font-weight:bold;
1376.         background:#45dae9;
1377.         color:white;
1378.         border-radius:50px;
1379.         text-align:center;
1380.     }
1381.     .tips-shipping-agent .item.selected{
1382.         
1383.         background:#febc4a;
1384.     }
1387. .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
1388.     background:#d5d5d5;
1389. }
1391. .owl-dots {
1392.      bottom:-35px; 
1393. }
1394. \t.choices-shipping{
1395. \t\tfont-size:13px;
1396.     }
1397.    .choices-shipping div div {
1398.     /* border: 2px dotted #ccc; */
1399.     padding: 20px;
1400.     background: #f2f2f2;
1401. }
1403.     .choices-shipping div div.active {
1404.     background-color: #45dae9;
1405.     border-color: #29cedf;
1406.     color: white;
1407. }
1408. \t
1409. \t.jq-toast-wrap {
1410.     display: block;
1411.     position: fixed;
1412.     width: 500px;
1413.     pointer-events: none!important;
1414.     letter-spacing: normal;
1415.     z-index: 9000!important;
1416. }
1418. .jq-icon-warning {
1419.     
1420.     background-color: #9a0062;
1421. }
1422.     </style>
1424. \t<div 
1425. \t\tclass=\"body-wrapper\" >
1427. \t\t<!-- Begin Li's Breadcrumb Area -->
1428. \t\t<div class=\"breadcrumb-area\">
1429. \t\t\t<div class=\"container\">
1430. \t\t\t\t<ul id=\"progressbar\">
1431. \t\t\t\t\t<li class=\"active\">Livraison
1432. \t\t\t\t\t</li>
1433. \t\t\t\t\t<li>Paiement et coordonnées</li>
1434. \t\t\t\t\t<li>Resumé</li>
1435. \t\t\t\t</ul>
1436. \t\t\t</div>
1437. \t\t</div>
1438. \t\t<!-- Li's Breadcrumb Area End Here -->
1439. \t\t<!--Shopping Cart Area Strat-->
1440. \t\t<div class=\"Shopping-cart-area pt-60 pb-60\">
1441. \t\t\t<div class=\"container\">
1442. \t\t\t\t<div class=\"row \">
1443. \t\t\t\t\t<div class=\"col-12\">
1444. \t\t\t\t\t\t<form action=\"#\">
1445. \t\t\t\t\t\t\t<div class=\"table-content table-responsive d-none\">
1446. \t\t\t\t\t\t\t\t<table class=\"table table-striped\">
1447. \t\t\t\t\t\t\t\t\t<thead>
1448. \t\t\t\t\t\t\t\t\t\t<tr>
1449. \t\t\t\t\t\t\t\t\t\t\t<th class=\"li-product-remove\">Supprimer</th>
1450. \t\t\t\t\t\t\t\t\t\t\t<th class=\"li-product-thumbnail\">images</th>
1451. \t\t\t\t\t\t\t\t\t\t\t<th class=\"cart-product-name\">Product</th>
1452. \t\t\t\t\t\t\t\t\t\t\t<th class=\"li-product-price\">Prix unitaire</th>
1453. \t\t\t\t\t\t\t\t\t\t\t<th class=\"li-product-quantity\">Quantité</th>
1454. \t\t\t\t\t\t\t\t\t\t\t<th class=\"li-product-subtotal\">Total</th>
1455. \t\t\t\t\t\t\t\t\t\t</tr>
1456. \t\t\t\t\t\t\t\t\t</thead>
1457. \t\t\t\t\t\t\t\t\t<tbody
1458. \t\t\t\t\t\t\t\t\t\tclass=\"cart\"><!-- LocalStorage Cart Items -->
1459. \t\t\t\t\t\t\t\t\t</tbody>
1460. \t\t\t\t\t\t\t\t</table>
1461. \t\t\t\t\t\t\t</div>
1462. \t\t\t\t\t\t\t
1465.                                                 
1467. \t\t\t\t\t\t\t<div class=\"row\">
1470. \t\t\t\t\t\t\t\t<div class=\"col-md-7 \">
1472.                                     <div class=\"row\">
1473.                                     <div class=\"col-12\">
1476.                                     <!--Accordion Start-->
1477.                                 <p style=\"font-weight:bold;\">Avez-vous un code promo? <span id=\"showcoupon\" style=\"cursor:pointer;\">Cliquez ici pour saisir votre code</span></p>
1478.                                 <div id=\"checkout_coupon\" class=\"coupon-checkout-content\">
1479.                                     <div class=\"coupon-info\">
1480.                                         <div class=\"input-group\">
1481.                                             <input type=\"text\" class=\"form-control\" placeholder=\"Votre code promo\" data-coupon-value=\"0\" data-coupon-type=\"amount\" name=\"codeCoupon\" aria-label=\"Recipient's username\" aria-describedby=\"button-codeCoupon\" value=\"\">
1482.                                             <button class=\"btn btn-success orderPreview\" type=\"button\" id=\"button-codeCoupon\">Appliquer</button>
1483.                                         </div>
1484.                                         </div>
1485.                                     </div>
1486.                                     </div>
1487.                                 </div>
1488.                                 <!--Accordion End-->
1490.                                         
1491.                                     
1492.                                 
1494.                                     <div class=\"row choices-shipping\" style=\"margin-bottom:40px; \">
1495. \t\t\t\t\t\t\t\t\t\t\t{% for singleShippingMethod in shippingMethods %}
1496.                                                 <div  class=\"col-6 mt-4\" >
1497.                                                    <div style=\"min-height:180px;\" data-id=\"{{singleShippingMethod.id}}\" class=\"shippingMethod {% if singleShippingMethod == shippingMethods|first %}active{% endif %}\">
1498.                                                      <h4>{{singleShippingMethod.name}}</h4>
1499.                                                     <ul>
1500.                                                     <li>
1501. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% set shippingDurationValue = singleShippingMethod.shippingDuration %}
1502. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% set shippingDurationUnit = \"H\" %}
1503. \t\t\t\t\t\t\t\t\t\t\t\t\t{% if shippingDurationValue < 1 %}
1504. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% set shippingDurationValue = 60 * singleShippingMethod.shippingDuration  %}
1505. \t\t\t\t\t\t\t\t\t\t\t\t\t\t{% set shippingDurationUnit = \"Min\" %}
1506. \t\t\t\t\t\t\t\t\t\t\t\t\t{% endif %}
1507. \t\t\t\t\t\t\t\t\t\t\t\t\tTemps d’attente du Speeder <span class=\"float-right slot\">{{shippingDurationValue}} {{shippingDurationUnit}}</span></li>
1508.                                                     <li  class=\"\">Récuperation de la commande <span class=\"float-right\">{{singleShippingMethod.preparationDuration}} H</span></li>
1509.                                                     <li>Livraison en <span class=\"float-right\">{{singleShippingMethod.processingDuration}} H</span></li>
1510. \t\t\t\t\t\t\t\t\t\t\t\t\t{% if singleShippingMethod.shippingRules|length > 0 %}
1511.                                                     <li style=\"line-height: 15px;\"><small>{{singleShippingMethod.description}}</small></li>
1512. \t\t\t\t\t\t\t\t\t\t\t\t\t{% endif %}
1513.                                                 </ul>
1514.                                                    </div>
1516. \t\t\t\t\t\t\t\t\t\t\t\t
1517.                                                 </div>
1518. \t\t\t\t\t\t\t\t\t\t\t\t{% endfor %}
1519.                                                 
1520.                                             </div>
1521. \t\t\t\t\t\t\t\t\t<div class=\"row\" >
1522. \t\t\t\t\t\t\t\t\t<div class=\"item aos-init aos-animate  col-6\" id=\"accordionRecovery\" data-aos=\"fade-up\">
1523. \t\t\t\t\t\t\t\t\t\t<h6>Informations de récupération</h6>
1524. \t\t\t\t\t\t\t\t\t\t<div class=\"bg-white\">
1525. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">
1526. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"box col-sm-5 col-md-12 col-lg-5\">
1527. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>Date</label>
1528. \t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex\">
1529. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control datedropper chooseDate\"  data-dd-min-date=\"{{\"now\"|date('Y/m/d')}}\" value=\"{{\"now\"|date('Y/m/d')}}\" name=\"startProcessingAt\"    />
1530. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
1531. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
1532. \t\t\t\t\t\t\t\t\t\t\t\t</div>
1533. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"box col-sm-7 col-md-12 col-lg-7\">
1534. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>Heure</label>
1535. \t\t\t\t\t\t\t\t\t\t\t\t\t<span id=\"recovery_slot\">
1536. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<select id=\"receive_time\" class=\"custom-select custom-select-recieve\" name=\"collectTime\" data-day=\"0\">
1537. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"08:00\" >Sélectionner un crénau</option>
1538. \t\t\t\t\t\t\t\t\t\t\t\t\t\t</select>
1539. \t\t\t\t\t\t\t\t\t\t\t\t\t</span>
1540. \t\t\t\t\t\t\t\t\t\t\t\t</div>
1541. \t\t\t\t\t\t\t\t\t\t\t</div>
1542. \t\t\t\t\t\t\t\t\t\t\t
1543. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">
1544. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-group box col-sm-12\">
1545. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>
1546. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>Adresse de récupération</b>
1547. \t\t\t\t\t\t\t\t\t\t\t\t\t</label>
1548. \t\t\t\t\t\t\t\t\t\t\t\t\t<!-- Button trigger modal -->
1549. \t\t\t\t\t\t\t\t\t\t\t\t\t
1550.                                                         <select class=\"mb-2\" name=\"collectCityRegion\" >
1551.                                                             {% for cityRegion in cityRegions %}
1552.                                                                 <option data-lat=\"{{cityRegion.lat}}\" data-lng=\"{{cityRegion.lng}}\" value=\"{{cityRegion.id}}\">{{cityRegion.name}}</option>
1553.                                                             {% endfor %}
1554.                                                         </select>
1555. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"collect_address\" name=\"collect_address\" value=\"Maarif, Casablanca, Maroc\" class=\"form-control w-100\" >
1556.                                                         <a  href=\"#\" id=\"modalShippingMap\" type=\"button\"  data-bs-toggle=\"modal\" data-bs-target=\"#collectMapModal\" class=\"btn btn-success mt-2\"  style=\"\" ><i class=\"fa-solid fa-location-dot\"></i> Location</a>
1557.     
1558. \t\t\t\t\t\t\t\t\t\t\t\t</div>
1559. \t\t\t\t\t\t\t\t\t\t\t</div>
1561. \t\t\t\t\t\t\t\t\t\t</div>
1564. \t\t\t\t\t\t\t\t\t</div>
1566. \t\t\t\t\t\t\t\t\t<div class=\"item aos-init aos-animate col-6\" id=\"accordionRecovery\" data-aos=\"fade-up\">
1567. \t\t\t\t\t\t\t\t\t\t<h6>Informations de livraison</h6>
1568. \t\t\t\t\t\t\t\t\t\t<div class=\"bg-white\"> 
1569.                                             
1570. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row\">
1571. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"box col-sm-5 col-md-12 col-lg-5\">
1572. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>Date</label>
1573. \t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"d-flex\">
1574. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"form-control datedropper chooseDate\"  name=\"startDeliveryAt\" value=\"{{\"now\"|date('Y/m/d')}}\"   />
1575. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
1576. \t\t\t\t\t\t\t\t\t\t\t\t\t</div>
1577. \t\t\t\t\t\t\t\t\t\t\t\t</div>
1578. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"box col-sm-7 col-md-12 col-lg-7\">
1579. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>Heure</label>
1580. \t\t\t\t\t\t\t\t\t\t\t\t\t<span id=\"recovery_slot\">
1581. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<select id=\"receive_time\" class=\"custom-select custom-select-recieve\" name=\"shippingTime\" data-day=\"0\">
1582. \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<option value=\"08:00\" >Sélectionner un crénau</option>
1583. \t\t\t\t\t\t\t\t\t\t\t\t\t\t</select>
1584. \t\t\t\t\t\t\t\t\t\t\t\t\t</span>
1585. \t\t\t\t\t\t\t\t\t\t\t\t</div>
1586. \t\t\t\t\t\t\t\t\t\t\t</div>
1587. \t\t\t\t\t\t\t\t\t\t\t
1588. \t\t\t\t\t\t\t\t\t\t\t<div class=\"row justify-content-center\">
1589. \t\t\t\t\t\t\t\t\t\t\t\t<div class=\"form-group box col-sm-12\">
1590. \t\t\t\t\t\t\t\t\t\t\t\t\t<label>
1591. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<b>Adresse de livraison</b>
1592. \t\t\t\t\t\t\t\t\t\t\t\t\t</label>
1593. \t\t\t\t\t\t\t\t\t\t\t\t\t
1594.                                                         <select class=\"mb-2\" name=\"shippingCityRegion\" >
1595.                                                             {% for cityRegion in cityRegions %}
1596.                                                                 <option data-lat=\"{{cityRegion.lat}}\" data-lng=\"{{cityRegion.lng}}\" value=\"{{cityRegion.id}}\">{{cityRegion.name}}</option>
1597.                                                             {% endfor %}
1598.                                                         </select>
1599. \t\t\t\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" id=\"shipping_address\" name=\"shipping_address\" value=\"Maarif, Casablanca, Maroc\" class=\"form-control w-100 \" />
1600.                                                             
1601. \t\t\t\t\t\t\t\t\t\t\t\t\t\t
1602. \t\t\t\t\t\t\t\t\t\t\t\t\t
1603.                                                     <a href=\"#\" id=\"modalShippingMap\" type=\"button\"  data-bs-toggle=\"modal\" data-bs-target=\"#collectMapModal\" class=\"btn btn-success mt-2\" style=\"\" ><i class=\"fa-solid fa-location-dot\"></i> Location</a>
1604. \t\t\t\t\t\t\t\t\t\t\t\t</div>
1605. \t\t\t\t\t\t\t\t\t\t\t</div>
1607. \t\t\t\t\t\t\t\t\t\t</div>
1610. \t\t\t\t\t\t\t\t\t</div>
1612.                                     
1613.                                     {% if is_granted(\"ROLE_CUSTOMER\") and customer != null %}
1614.                                     <div class=\"col-12 mt-5\" >
1615.                                         <h6>Payer avec ma wallet {{customer.credit}} DH</h6>
1616.                                         <div class=\"owl-carousel pay-with-wallet d-none mt-4\">
1617.                                             {% if customer.credit > 0 %}
1618.                                             {% set counterCredit = 0 %}
1619.                                                     {% for i in 0..totalCart %}
1620.                                                         {% if
1621.                                                          (customer.credit >= i and customer.credit <= totalCart) or
1622.                                                          (customer.credit >= i and customer.credit >= totalCart)
1623.                                                          %}
1624.                                                             <div data-value=\"{{i}}\" class=\"item\"> {{i}} DH</div>
1625.                                                             {% set counterCredit = counterCredit + i %}
1626.                                                          {% endif %}
1627.                                                 
1628.                                             {% endfor %}
1629.                                             {% endif %}
1630.                                             
1631.                                             
1632.                                             </div>
1634.                                     </div>
1635.                                     {% endif %}
1636. \t\t\t\t\t\t\t\t\t</div>
1639. \t\t\t\t\t\t\t\t\t
1643.                                     <hr>
1645.                                     
1646. \t\t\t\t\t\t\t\t</div>
1648. \t\t\t\t\t\t\t\t <div class=\"col-lg-5 col-12\">
1649.                             <div class=\"your-order\">
1650.                                 <h3>Votre commande</h3>
1652.                                 <div class=\"shipping\" >
1653.                                
1654.                                 </div>
1657.                                 <div class=\"your-order-table table-responsive\">
1658.                                     <table class=\"table\">
1659.                                         <thead>
1660.                                             <tr>
1661.                                                 <th class=\"cart-product-name\">Produit</th>
1662.                                                 <th class=\"cart-product-total\">Total</th>
1663.                                             </tr>
1664.                                         </thead>
1665.                                         <tbody class=\"cart-checkout\">
1667.  
1668.                                         </tbody>
1669.                                         <tfoot>
1670.                                             <tr class=\"cart-subtotal\">
1671.                                                 <th>Sous total</th>
1672.                                                 <td><span class=\"amount total-checkout total\">0,00 MAD </span></td>
1673.                                             </tr>
1674. \t\t\t\t\t\t\t\t\t\t\t<tr class=\"cart-subtotal promo\">
1675.                                                 <th>Reduction coupon</th>
1676.                                                 <td><span class=\"amount codepromo\">0,00 MAD </span></td>
1677.                                             </tr>
1678.                                             {# <tr class=\"cart-subtotal\">
1679.                                                 <th>Paiement par wallet</th>
1680.                                                 <td><span class=\"amount wallet-payment\">0,00 MAD </span></td>
1681.                                             </tr> #}
1683.                                             {# <tr class=\"cart-subtotal\">
1684.                                                 <th>Pourboire pour le livreur</th>
1685.                                                 <td><span class=\"amount shipping-tips\">0,00 MAD </span></td>
1686.                                             </tr> #}
1687.                                             
1688. \t\t\t\t\t\t\t\t\t\t\t<tr class=\"cart-subtotal\">
1689.                                                 <th>Frais de livraison</th>
1690.                                                 <td><span class=\"amount shipping-method-fees\">0,00 MAD </span></td>
1691.                                             </tr>
1692.                                             <tr class=\"order-total\">
1693.                                                 <th>Montant á payer</th>
1694.                                                 <td><strong><span class=\"amount total-checkout total-to-pay \">0,00 MAD</span></strong></td>
1695.                                             </tr>
1696. \t\t\t\t\t\t\t\t\t\t\t
1697.                                             <tr>
1698.                                                 <td colspan=\"2\" ><a href=\"#\" class=\"save-button btn btn-primary d-block\">Continuer</a></td>
1699.                                             </tr>
1700.                                         </tfoot>
1701.                                     </table>
1702.                                     
1703.                                 </div>
1704.                                 
1705.                             </div>
1706.                         </div>
1707. \t\t\t\t\t\t\t</div>
1708. \t\t\t\t\t\t</form>
1709. \t\t\t\t\t</div>
1710. \t\t\t\t</div>
1711. \t\t\t</div>
1712. \t\t</div>
1713. \t\t<!--Shopping Cart Area End-->
1715. \t</div>
1716. \t<!-- Body Wrapper End Here -->
1720.     <!-- Button trigger modal -->
1724. {% endblock %}
1729. {% block javascripts %}
1730.     {{parent()}}
1731. \t<script type=\"text/javascript\" src=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyBFliT4Ug0Ugto5davRC7krsyMhTfkI-L4&libraries=places\"></script>
1732.     <script src=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js\" integrity=\"sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>
1733. \t<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery-toast-plugin/1.3.2/jquery.toast.min.js\" integrity=\"sha512-zlWWyZq71UMApAjih4WkaRpikgY9Bz1oXIW5G0fED4vk14JjGlQ1UmkGM392jEULP8jbNMiwLWdM8Z87Hu88Fw==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\"></script>
1734. \t<script src=\"{{asset('flexy/js/datedropper/datedropper-javascript.js')}}\"></script>
1735. <script src=\"{{asset('flexy/js/datedropper/datedropper-javascript-lang-FR.js')}}\"></script>
1739.     <script>
1740. \tdocument.addEventListener(\"turbo:load\", function() {
1742. var isCollectReadyForCheckout = false;
1743. var isShippingReadyForCheckout = false;
1744. new dateDropper({
1745.   lang:\"fr\",
1746.   //format: \"dd/m/y\",
1747.   selector: \"input[name='startProcessingAt']\",
1748.   minDate: \"{{\"yesterday\"|date(\"Y-m-d\")}}\",
1749.   //autoFill:false,
1750.   expandable: true,
1751.   onChange: function (res) {
1752.     \$(\"input[name='startProcessingAt']\").trigger(\"change\");
1753.   }
1754. });
1755. new dateDropper({
1756.   lang:\"fr\",
1757.   //format: \"dd/m/y\",
1758.   selector: \"input[name='startDeliveryAt']\",
1759.   //autoFill:false,
1760.   expandable: true,
1761.   onChange: function (res) {
1762.     \$(\"input[name='startProcessingAt']\").trigger(\"change\");
1763.   }
1764. });
1765. \$(document).ready(function(){  
1766.     
1767.   \$(\".tips-shipping-agent\").owlCarousel({
1768.     dots:true,
1769.     items:5,
1770.     nav:false,
1771.     onChanged:function(){
1772.         \$(\".tips-shipping-agent\").removeClass(\"d-none\");
1773.     }
1774.   });
1776.   \$(\".pay-with-wallet\").owlCarousel({
1777.     dots:true,
1778.     items:7,
1779.     nav:false,
1780.     onChanged:function(){
1781.         \$(\".pay-with-wallet\").removeClass(\"d-none\");
1782.     }
1783.   });
1784.   
1787.     \$(\".pay-with-wallet .item\").click(function(){
1788.     \$(\".pay-with-wallet .item\").removeClass(\"selected\");
1789.      \$(this).addClass(\"selected\");
1790.      walletPayment = parseFloat(\$(this).attr(\"data-value\"));
1791.      
1792.      \$(\".wallet-payment\").html( (walletPayment) + \" DH\");
1793.      \$(\".total-to-pay\").html( ((total) - (amount) - (reductionCoupon) - (walletPayment)) + (shippingFees) + (shippingTips) + \" DH\");
1794.   });
1797.        var inputCollectAddress = document.getElementById('collect_address');
1798. \t   var inputShippingAddress = document.getElementById('shipping_address');
1799.        
1800. var optionsCollect = {
1801.   //types: ['(cities)'],
1802.   componentRestrictions: {country: 'ma'}
1803. };
1805. var optionsShipping = {
1806.   //types: ['(cities)'],
1807.   componentRestrictions: {country: 'ma'}
1808. };
1811.  var centerLatCollect = \$(\"select[name='collectCityRegion']\").find(\"option:selected\").attr(\"data-lat\"); // example latitude
1812.   var centerLngCollect = \$(\"select[name='collectCityRegion']\").find(\"option:selected\").attr(\"data-lng\"); // example longitude
1814.    var centerLatShipping =\$(\"select[name='shippingCityRegion']\").find(\"option:selected\").attr(\"data-lat\"); // example latitude
1815.   var centerLngShipping =\$(\"select[name='shippingCityRegion']\").find(\"option:selected\").attr(\"data-lng\"); // example longitude
1818. var centerPointCollect = new google.maps.LatLng(centerLatCollect, centerLngCollect);
1819. var centerPointShipping = new google.maps.LatLng(centerLatShipping, centerLngShipping);
1821. // Set the desired radius in meters
1822. var radius = 10000; // 10 kilometers
1824. var boundsCollect = new google.maps.Circle({ center: centerPointCollect, radius: radius }).getBounds();
1825. var boundsShipping = new google.maps.Circle({ center: centerPointCollect, radius: radius }).getBounds();
1826.   \$(\"select[name='collectCityRegion']\").change(function(){
1827.     centerLatCollect = \$(\"select[name='collectCityRegion']\").find(\"option:selected\").attr(\"data-lat\");
1828.     
1829.     centerLngCollect = \$(\"select[name='collectCityRegion']\").find(\"option:selected\").attr(\"data-lng\");
1831.      centerPointCollect = new google.maps.LatLng(centerLatCollect, centerLngCollect);
1832.      boundsCollect = new google.maps.Circle({ center: centerPointCollect, radius: radius }).getBounds();
1834.   });
1836.     \$(\"select[name='shippingCityRegion']\").change(function(){
1837.     centerLatShipping = \$(\"select[name='shippingCityRegion']\").find(\"option:selected\").attr(\"data-lat\");
1838.     centerLngShipping = \$(\"select[name='shippingCityRegion']\").find(\"option:selected\").attr(\"data-lng\");
1839.      centerPointShipping = new google.maps.LatLng(centerLatShipping, centerLngShipping);
1840.      boundsShipping = new google.maps.Circle({ center: centerPointCollect, radius: radius }).getBounds();
1842.     
1843.   });
1853. var autocompleteCollect = new google.maps.places.Autocomplete(inputCollectAddress, optionsCollect);
1854. var autocompleteShipping = new google.maps.places.Autocomplete(inputShippingAddress, optionsShipping);
1856. google.maps.event.addListener(autocompleteCollect, 'place_changed', function() {
1857.     
1858.     
1859.     var lngCollect = autocompleteCollect.getPlace().geometry.location.lng();
1860.     var latCollect = autocompleteCollect.getPlace().geometry.location.lat();
1862.         if (autocompleteCollect.getPlace() && boundsCollect && boundsCollect.contains(autocompleteCollect.getPlace().geometry.location)) {
1863.             // Place falls within the specified radius
1864.             isCollectReadyForCheckout = true;
1865.             console.log('Place collect is within the specified radius:', autocompleteCollect.getPlace());
1866.         } else {
1867.             isCollectReadyForCheckout = false;
1868.             // Place is outside the specified radius
1869.             console.log('Place collect is outside the specified radius:', autocompleteCollect.getPlace());
1870.         }
1871.     
1872. });
1873. google.maps.event.addListener(autocompleteShipping, 'place_changed', function() {
1874.     
1875.     
1876.     var lngShipping = autocompleteShipping.getPlace().geometry.location.lng();
1877.     var latShipping = autocompleteShipping.getPlace().geometry.location.lat();
1879.     if (autocompleteShipping.getPlace() && boundsShipping && boundsShipping.contains(autocompleteShipping.getPlace().geometry.location)) {
1880.             // Place falls within the specified radius
1881.             isShippingReadyForCheckout = true;
1882.             console.log('Place shipping is within the specified radius:', autocompleteShipping.getPlace());
1883.         } else {
1884.              isShippingReadyForCheckout = false;
1885.             // Place is outside the specified radius
1886.             console.log('Place shipping is outside the specified radius:', autocompleteShipping.getPlace());
1887.         }
1889.     
1890. });
1891.     
1892.     \$(\".choices-shipping div div\").click(function(){
1893.         
1894.             \$(\".choices-shipping div div\").removeClass(\"active\");
1895.             \$(this).addClass(\"active\");
1896.         
1897. \t\t\ttotal = cartLS.total();
1898. \t\t\tvar value = \$(this).val();
1899. \t\t\t//shippingFees = parseFloat(\$(this).find(\":selected\").attr(\"data-price\")) ;
1900. \t\t\t//\$(\".shipping-method-fees\").html(shippingFees+ \" DH\");
1901. \t\t\t//\$(\".total-to-pay\").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + \" DH\");
1902. \t\t\t//\$(\"#cash\").trigger(\"keyup\");
1903. \t\t\t\$(\"input[name='startDeliveryAt']\").val(\$(\"input[name='startProcessingAt']\").val());
1904. \t\t\t\$(\"input[name='startProcessingAt']\").trigger(\"change\");
1905.     });
1906. \t\$(\".save-button\").click(function(){
1907.     
1909.     if((isCollectReadyForCheckout && isShippingReadyForCheckout) || 1 == 1){
1910.         
1911.    
1912.                         
1913.                         
1914. \$.ajax({
1915.                             url:\"{{path('pos_cart_checkout')}}\",
1916.                             method:\"POST\",
1917.                             data:{
1918.                                 
1919.                                 
1920. \t\t\t\t\t\t\t\torderItems: cartLS.list(),
1921.                                 shippingMethod:\$(\".shippingMethod.active\").attr(\"data-id\"),
1922.                                 deliveryType:\"collecte-and-delivery\",
1923.                                 
1924.                                 
1925.                                 //reduction:\$(\"#reduction\").val(),
1926.                                 //payedAmount:\$(\"#cash\").val(),
1927.                                 codeCoupon:\$(\"input[name=codeCoupon]\").val(),
1928.                                 startProcessingAt: \$(\"input[name=startProcessingAt]\").val()+\" \"+\$(\"select[name='collectTime']\").find(\"option:selected\").val(),
1929.                                 startDeliveryAt:\$(\"input[name=startDeliveryAt]\").val()+\" \"+\$(\"select[name='shippingTime']\").find(\"option:selected\").val(),
1930.                                 shippingAddress:\$(\"input[name=shipping_address]\").val(),
1931.                                 collectAddress:\$(\"input[name=collect_address]\").val(),
1932.                                 cityRegionCollect:\$(\"select[name='collectCityRegion']\").find(\"option:selected\").val(),
1933.                                 cityRegionShipping:\$(\"select[name='shippingCityRegion']\").find(\"option:selected\").val(),
1934.                                 shippingTips:parseFloat(\$(\".tips-shipping-agent .item.selected\").attr(\"data-value\")),
1935.                                 walletPaymentAmount:parseFloat(\$(\".pay-with-wallet .item.selected\").attr(\"data-value\")),
1937.                                 isReadyForCheckout: true
1938.                                 
1939.                             },
1940.                             success:function(result){
1941.  
1942.                                if(result.status == \"success\");
1943. \t\t\t\t\t\t\t   window.location.href = \"{{path('checkout')}}\";
1944.                             }
1945.                         });    
1946.  }else{
1947. \$.toast({
1948.                                             heading: 'Merci de verifier vos cordonnées',
1949.                                             text: \"Vos cordonnées quartiers ou adresses ne sont pas valident merci de verifier !\",
1950.                                             showHideTransition: 'slide',
1951.                                             hideAfter:12000,
1952.                                             icon: 'warning',
1953.                                             loaderBg: '#1ca5df', 
1954.                                             position:\"top-right\",
1955.                                             allowToastClose: true,
1956.                                             stack: false
1957.                                     })
1959.  }
1961.    
1962. });
1963. \t\$(\"input[name='startProcessingAt']\").change(function(){
1964.    
1965. \$.toast().reset('all');
1966.     
1967.                         
1968.     \$(\".checkout-area\").html(\"\");
1969.     
1970.     var isWallet = 0;
1971.     if(\$(\"#isWallet\").is(':checked')){
1972.         isWallet = 1;
1973.     }
1974.                         
1975. \$.ajax({
1976.                             url:\"{{path('pos_cart_checkout')}}\",
1977.                             method:\"POST\",
1978.                             data:{
1979.                                 
1980.                                 orderItems: cartLS.list(),
1981.                                 shippingMethod:\$(\".shippingMethod.active\").attr(\"data-id\"),
1982.                                 deliveryType:\"collecte-and-delivery\",
1983.                                 
1984.                                 
1985.                                 //reduction:\$(\"#reduction\").val(),
1986.                                 //payedAmount:\$(\"#cash\").val(),
1987.                                 codeCoupon:\$(\"input[name=codeCoupon]\").val(),
1988.                                 startProcessingAt: \$(\"input[name=startProcessingAt]\").val()+\" \"+\$(\"select[name='collectTime']\").find(\"option:selected\").val(),
1989.                                 startDeliveryAt:\$(\"input[name=startDeliveryAt]\").val()+\" \"+\$(\"select[name='shippingTime']\").find(\"option:selected\").val(),
1990.                                 isChooseDatePreview: true
1991.                                 
1992.                             },
1993.                             success:function(result){
1994.                                 
1995.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-min-date\",result.minDateShipping);
1996.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-max-date\",\"{{ \"next year\"| date('Y-m-d') }}\");
1997.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-default-date\",result.shippingDate);
1998.                                 
1999.                                 //\$(\"#shipping-method\").find(\"option:selected\").attr(\"data-price\",result.shippingFees);
2000.                                 shippingFees = parseFloat(result.shippingFees) ;
2001.                                 \$(\".shipping-method-fees\").html(shippingFees.toFixed(2)+ \" DH\");
2002.                                 \$(\".total-to-pay\").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + (shippingTips) + \" DH\");
2003.                                 //\$(\"select[name='collectTime']\").modal('show');
2004.                                 \$(\"select[name='collectTime']\").html(result.collectHoursHTML);
2005.                                 \$(\"select[name='shippingTime']\").html(result.shippingHoursHTML);
2006.                                 \$(\"input[name='startProcessingAt']\").val(result.collectDate);
2007.                                 \$(\"input[name='startDeliveryAt']\").val(result.shippingDate);
2008.                                 
2009.                                 /*         
2010.                                 \$(\"input[name='startDeliveryAt']\").dateDropper({
2011.                                     large: true,
2012.                                     lang: 'fr',
2013.                                     theme: 'datedropper',
2014.                                     format: \"d-m-Y\",
2015.                                     expandable: true,
2016.                                     rangeStart: result.shippingDate,
2017.                                     rangeEnd: \"{{ \" next year \"|date('Y/m/d') }}\",
2018.                                     disabledDays: \"{{settings.get().getExcludeDatesOnlyDates()|join(',')}}\",
2019.                                     disabledWeekDays: '6'
2020.                                 });
2021.                                     */
2022.                                 
2023.                                 if(result.messages.length > 0){
2024.                                     \$.toast({
2025.                                             heading: 'Décalage de date',
2026.                                             text: result.messages,
2027.                                             showHideTransition: 'slide',
2028.                                             hideAfter:12000,
2029.                                             icon: 'warning',
2030.                                             loaderBg: '#1ca5df', 
2031.                                             position:\"top-right\",
2032.                                             allowToastClose: true,
2033.                                             stack: false
2034.                                     })
2035.                                    
2036.                                 }
2037.                             }
2038.                         });                 
2039.     
2040. });
2041. \t\$(\"input[name='startDeliveryAt']\").change(function(){
2042.    
2043. \$.toast().reset('all');
2044.     
2045.     var isWallet = 0;
2046.     if(\$(\"#isWallet\").is(':checked')){
2047.         isWallet = 1;
2048.     }
2049.                         
2050. \$.ajax({
2051.                             url:\"{{path('pos_cart_checkout')}}\",
2052.                             method:\"POST\",
2053.                             data:{
2054.                                 
2055.                                 orderItems: cartLS.list(),
2056.                                 shippingMethod:\$(\".shippingMethod.active\").attr(\"data-id\"),
2057.                                 deliveryType:\$(\"select[name='delivery-type'] option:selected\").val(),
2058.                                 
2059.                                 
2060.                                 //reduction:\$(\"#reduction\").val(),
2061.                                 //payedAmount:\$(\"#cash\").val(),
2062.                                 startProcessingAt: \$(\"input[name=startProcessingAt]\").val()+\" \"+\$(\"select[name='collectTime']\").find(\"option:selected\").val(),
2063.                                 startDeliveryAt:\$(\"input[name=startDeliveryAt]\").val()+\" \"+\$(\"select[name='shippingTime']\").find(\"option:selected\").val(),
2064.                                 isChooseDatePreview: true
2065.                                 
2066.                             },
2067.                             success:function(result){
2068.                                 
2069.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-min-date\",result.minDateShipping);
2070.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-max-date\",\"{{ \"next year\"| date('Y-m-d') }}\");
2071.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-default-date\",result.shippingDate);
2072.                                 
2073.                                 //\$(\"#shipping-method\").find(\"option:selected\").attr(\"data-price\",result.shippingFees);
2074.                                 shippingFees = parseFloat(result.shippingFees) ;
2075.                                 \$(\".shipping-method-fees\").html(shippingFees.toFixed(2)+ \" DH\");
2076.                                 \$(\".total-to-pay\").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + (shippingTips) + \" DH\");
2077.                                 //\$(\"select[name='collectTime']\").modal('show');
2078.                                 //\$(\"select[name='collectTime']\").html(result.collectHoursHTML);
2079.                                 \$(\"select[name='shippingTime']\").html(result.shippingHoursHTML);
2080.                                 //\$(\"input[name='startProcessingAt']\").val(result.collectDate);
2081.                                 \$(\"input[name='startDeliveryAt']\").val(result.shippingDate);
2082.                                 \$(\"select[name='shippingTime']\").find(\"option:first\").attr(\"selected\",true);
2083.                                 
2084.                                 /*         
2085.                                 \$(\"input[name='startDeliveryAt']\").dateDropper({
2086.                                     large: true,
2087.                                     lang: 'fr',
2088.                                     theme: 'datedropper',
2089.                                     format: \"d-m-Y\",
2090.                                     expandable: true,
2091.                                     rangeStart: result.shippingDate,
2092.                                     rangeEnd: \"{{ \" next year \"|date('Y/m/d') }}\",
2093.                                     disabledDays: \"{{settings.get().getExcludeDatesOnlyDates()|join(',')}}\",
2094.                                     disabledWeekDays: '6'
2095.                                 });
2096.                                     */
2097.                                 
2098.                                 if(result.messages.length > 0){
2099.                                     \$.toast({
2100.                                             heading: 'Décalage de date',
2101.                                             text: result.messages,
2102.                                             showHideTransition: 'slide',
2103.                                             hideAfter:12000,
2104.                                             icon: 'warning',
2105.                                             loaderBg: '#1ca5df', 
2106.                                             position:\"top-right\",
2107.                                             allowToastClose: true,
2108.                                             stack: false
2109.                                     })
2110.                                    
2111.                                 }
2112.                             }
2113.                         });                 
2114.     
2115. });
2116. \$(\"select[name='collectTime']\").change(function(){
2117.     
2118.                         
2119.                         
2120. \$.ajax({
2121.                             url:\"{{path('pos_cart_checkout')}}\",
2122.                             method:\"POST\",
2123.                             data:{
2124.                                 
2125.                                 
2126. \t\t\t\t\t\t\t\torderItems: cartLS.list(),
2127.                                 shippingMethod:\$(\".shippingMethod.active\").attr(\"data-id\"),
2128.                                 deliveryType:\$(\"select[name='delivery-type'] option:selected\").val(),
2129.                                 
2130.                                 //reduction:\$(\"#reduction\").val(),
2131.                                 //payedAmount:\$(\"#cash\").val(),
2132.                                 startProcessingAt: \$(\"input[name=startProcessingAt]\").val()+\" \"+\$(\"select[name='collectTime']\").find(\"option:selected\").val(),
2133.                                 startDeliveryAt:\$(\"input[name=startDeliveryAt]\").val(),
2134.                                 isChooseDatePreview: true
2135.                                 
2136.                             },
2137.                             success:function(result){
2138.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-min-date\",result.minDateShipping);
2139.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-max-date\",\"{{ \"next year\"| date('Y-m-d') }}\");
2140.                                 \$(\"input[name='startDeliveryAt']\").attr(\"data-dd-opt-default-date\",result.shippingDate);
2141.                                 //\$(\"select[name='collectTime']\").modal('show');
2142.                                 //\$(\"select[name='collectTime']\").html(result.collectHoursHTML);
2143.                                 \$(\"select[name='shippingTime']\").html(result.shippingHoursHTML);
2144.                                 //\$(\"input[name='startProcessingAt']\").val(result.collectDate);
2145.                                 \$(\"input[name='startDeliveryAt']\").val(result.shippingDate);
2146.                             }
2147.                         });                 
2148.    
2149. });
2150. \$(\"input[name='startProcessingAt']\").trigger(\"change\");
2151. }); 
2154. \$(\".orderPreview\").click(function(){
2155.     \$(\".checkout-area\").html(\"\");
2156.     
2157.     if(cartLS.list().length > 0){                        
2158. \$.ajax({
2159.                             url:\"{{path('pos_cart_checkout')}}\",
2160.                             method:\"POST\",
2161.                             data:{
2162.                                 shippingMethod:\$(\".shippingMethod.active\").attr(\"data-id\"),
2163.                                 codeCoupon:\$(\"input[name=codeCoupon]\").val(),
2164.                                 isPromoPreview: true
2165.                             },
2166.                             success:function(result){
2167.                                 reductionCoupon = 0;
2168.                                 if(result.coupon ){
2169.                                     if(result.coupon.typeReduction==\"percent\"){
2170.                                         reductionCoupon = (total / 100) * result.coupon.valueReduction;
2171.                                     }else{
2172.                                         reductionCoupon = result.coupon.valueReduction;
2173.                                     }
2175.                                     \$(\"input[name='codeCoupon']\").attr(\"data-coupon-value\",result.coupon.valueReduction);
2176.                                     \$(\"input[name='codeCoupon']\").attr(\"data-type-value\",result.coupon.typeReduction);
2177.                                     
2178.                                     \$.toast({
2179.                                             heading: result.coupon.code,
2180.                                             text: result.message,
2181.                                             showHideTransition: 'slide',
2182.                                             hideAfter:12000,
2183.                                             icon: 'success',
2184.                                             loaderBg: '#1ca5df', 
2185.                                             position:\"top-right\",
2186.                                             allowToastClose: true,
2187.                                             stack: false
2188.                                     })
2189.                                 }else{
2190.                                     \$.toast({
2191.                                             heading: \"Remarque\",
2192.                                             text: result.message,
2193.                                             showHideTransition: 'slide',
2194.                                             hideAfter:12000,
2195.                                             icon: 'warning',
2196.                                             loaderBg: '#1ca5df', 
2197.                                             position:\"top-right\",
2198.                                             allowToastClose: true,
2199.                                             stack: false
2200.                                     })
2201.                                 }
2202.                                 \$(\".promo .codepromo\").html(reductionCoupon.toFixed(2)+\" DH\");
2203.                                 \$(\".total-to-pay\").html(((total) - (amount) - (reductionCoupon)) + (shippingFees) + (shippingTips) + \" DH\");
2205.                                 
2206.                             }
2207.                         });
2208.                
2209.     }
2210.     else{
2211.         alert(\"Veuillez rajouter des produit au panier\");
2212.     }
2213.                             
2215.                     });
2217.   
2218. })
2219.     </script>
2221. <script>
2223. document.addEventListener(\"turbo:load\", function() {
2224. var collectMap;
2225. var collectGeocoder;
2227. function initCollectMap() {
2228.   collectMap = new google.maps.Map(document.getElementById(\"collectMap\"), {
2229.     center: { lat: centerLatCollect, lng: centerLngCollect }, // Set initial map center
2230.     zoom: 8, // Set initial zoom level
2231.   });
2233.   
2235.   collectMap.addListener(\"click\", function (event) {
2236.     
2237.     collectPlaceMarker(event.latLng);
2238.     getCollectAddress(event.latLng);
2239.   });
2240. }
2242. window.addEventListener('resize', function() {
2243.   google.maps.event.trigger(collectMap, 'resize');
2244. });
2246. function collectPlaceMarker(location) {
2247.   var marker = new google.maps.Marker({
2248.     position: location,
2249.     map: collectMap,
2250.   });
2251.   collectMap.panTo(location);
2252. }
2254. function getCollectAddress(latLng) {
2255.     collectGeocoder = new google.maps.Geocoder();
2256.   collectGeocoder.geocode({ location: latLng }, function (results, status) {
2257.     console.log(results);
2258.     if (status === \"OK\") {
2259.       if (results[0]) {
2260.         console.log(results[0].formatted_address);
2261.       } else {
2262.         console.log(\"No results found\");
2263.       }
2264.     } else {
2265.       console.log(\"Geocoder failed due to: \" + status);
2266.     }
2267.   });
2268. }
2270. initCollectMap();
2274. var shippingMap;
2275. var shippingGeocoder;
2277. function initShippingMap() {
2278.   shippingMap = new google.maps.Map(document.getElementById(\"shippingMap\"), {
2279.     center: { lat: centerLatShipping, lng: centerLngShipping }, // Set initial map center
2280.     zoom: 8, // Set initial zoom level
2281.   });
2283.   
2285.   shippingMap.addListener(\"click\", function (event) {
2286.     
2287.     shippingPlaceMarker(event.latLng);
2288.     getShippingAddress(event.latLng);
2289.   });
2290. }
2292. window.addEventListener('resize', function() {
2293.   google.maps.event.trigger(shippingMap, 'resize');
2294. });
2296. function shippingPlaceMarker(location) {
2297.   var marker = new google.maps.Marker({
2298.     position: location,
2299.     map: shippingMap,
2300.   });
2301.   shippingMap.panTo(location);
2302. }
2304. function getShippingAddress(latLng) {
2305.     shippingGeocoder = new google.maps.Geocoder();
2306.   shippingGeocoder.geocode({ location: latLng }, function (results, status) {
2307.     console.log(results);
2308.     if (status === \"OK\") {
2309.       if (results[0]) {
2310.         console.log(results[0].formatted_address);
2311.       } else {
2312.         console.log(\"No results found\");
2313.       }
2314.     } else {
2315.       console.log(\"Geocoder failed due to: \" + status);
2316.     }
2317.   });
2318. }
2320. initShippingMap();
2323. \$(\"#modalShippingMap\").click(function(){
2324.     \$(\"#shippingMap\").removeClass(\"d-none\");
2325.     \$(\"#collectMap\").addClass(\"d-none\");
2326. });
2328. \$(\"#modalCollectMap\").click(function(){
2329.     \$(\"#shippingMap\").addClass(\"d-none\");
2330.     \$(\"#collectMap\").removeClass(\"d-none\");
2331. });
2333. });
2334. </script>
2337. <!-- Modal -->
2338. <div class=\"modal fade\" id=\"collectMapModal\" tabindex=\"-1\" aria-labelledby=\"collectMapModalLabel\" aria-hidden=\"true\">
2339.   <div class=\"modal-dialog modal-xl\" style=\"width:800px;\">
2340.     <div class=\"modal-content\">
2341.       <div class=\"modal-header\">
2342.         <h5 class=\"modal-title\" id=\"collectMapModalLabel\">Cordonnées de collect</h5>
2343.         <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>
2344.       </div>
2345.       <div class=\"modal-body\">
2346.         <div id=\"collectMap\"></div>
2347.         <div id=\"shippingMap\"  class=\"d-none\"></div>
2348.       </div>
2349.       <div class=\"modal-footer\">
2350.         <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Annuler</button>
2351.         <button type=\"button\" class=\"btn btn-primary\">Séléctionner</button>
2352.       </div
2353.     </div>
2354.   </div>
2355. </div>
2359. {% endblock %}", "@Flexy/FrontBundle/Themes/IlaveU/templates/cart/cart.html.twig", "/home/gebcloud/public_html/ilaveu/src/Flexy/FrontBundle/Themes/IlaveU/templates/cart/cart.html.twig");
2360.     }
2361. }