templates/template.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html prefix="fb: http://www.facebook.com/2008/fbml og: http://ogp.me/ns# content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ rdfs: http://www.w3.org/2000/01/rdf-schema# sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# schema: http://schema.org/">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>CoastToCorner{% block title %}{% endblock %}</title>
  6.         {% block stylesheets %}{% endblock %}
  7.         {% block meta %}{% endblock %}
  8.         <meta name="google-site-verification" content="Nswynwe3HL8LgG2PUWhWNp92OmvAAT0he6oQfrqXFzc" />
  9.         <meta name="robots" content="all" />
  10.         <meta name="viewport" content="width=device-width, initial-scale=1.0">
  11.         <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
  12.         <link rel="shortcut icon" href="{{asset('images/jobinyana-150x150.png')}}">
  13.         <link href="https://fonts.googleapis.com/css?family=Arimo&display=swap" rel="stylesheet">
  14.         <script src="https://www.gstatic.com/firebasejs/8.0.1/firebase-app.js"></script>
  15.         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  16.         <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
  17.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
  18.         <script type="text/javascript" src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
  19.         <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  20.         <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/svg-with-js.css">
  21.         <script src="https://kit.fontawesome.com/4734763b43.js"></script>
  22.         <link rel="stylesheet" type="text/css" href="{{asset('css/style.css')}}">
  23.         <script src="https://kit.fontawesome.com/2cdfc10214.js" crossorigin="anonymous"></script>
  24.         <script src="https://cdnjs.cloudflare.com/ajax/libs/cropperjs/1.5.6/cropper.js" integrity="sha256-CgvH7sz3tHhkiVKh05kSUgG97YtzYNnWt6OXcmYzqHY=" crossorigin="anonymous"></script>
  25.             {% if app.request.get('_route') != 'Accueil' and app.request.get('_route') != 'categorystorelist' %}
  26.             <style>
  27.                     .PopUp-Geo{
  28.                         display: none;
  29.                     }
  30.                 </style>
  31.             {% endif %}
  32.         <script src="{{asset('js/app.js')}}"></script>
  33.         {% block javascript %}    
  34.         {% endblock %}
  35.     </head>
  36.     <style type="text/css">
  38.         #image{
  39.             max-width: 100%;
  40.         }
  42.         .seeMore{
  43.             margin: auto;
  44.         }
  46.         .container_spinner{
  47.             text-align: center;
  48.         }
  49.         
  50.         img.spinner {
  51.             width: 100px;
  52.             height: 100px;
  53.             background-image: url('/images/logo-ctc.png');
  54.             animation: mymove 2s infinite;
  55.             background-size: contain;
  56.             border: 2px solid #305d42;
  57.             border-radius: 100px;;
  58.             margin-bottom: 10%;
  59.           }
  61.           
  62.           @keyframes mymove {
  63.             from {transform: scale(0.5)}
  64.             to {transform: scale(1)}
  65.           }
  66.     </style>
  67.     <body>
  68.         <header>
  69.             <nav class="navbar navbar-expand-md navbar-dark nav-munngano nav-top">
  70.             <ul class="navbar-nav nav-top-fixed col-sm-12">
  71.                   <li class="nav-item col-lg-4">
  72.                     <a class="nav-link nav-link-cta" href="{{path('user.register')}}">Référencer votre activité</a>
  73.                 </li>      
  74.                 <a class="navbar-brand col-lg-4 logo-ctc" href="/" >
  75.                   <img src="{{asset('/images/jobinyana-150x150.png')}}" width="100px" class="img-munngano">
  76.                   </a>
  77.                   <li class="nav-item col-lg-4 d-flex justify-content-center">
  78.                         <a class="nav-link col-lg-2" href="">
  79.                             <i class="far fa-heart" style="font-size: xx-large;color: #0f69d9"></i>
  80.                         </a>
  81.                     {%if app.user is not null %}
  82.                         <a class="nav-link nav-link-cta" href="{{path('security.logout')}}">Se Déconnecter</a>
  83.                     {%else%}
  84.                         <a class="nav-link nav-link-cta" href="{{path('security.login')}}">Se Connecter</a>
  85.                     {%endif%}
  86.                     {%if (app.user is not null) and  (app.user.imageProfil is not null )%}
  87.                       <!--<span class="col-lg-6 welcome-user">Bonjour, {{app.user.firstname | capitalize }}</span>-->
  88.                           <a class="nav-link" href="{{path('profil.user')}}"><img class=" welcome-user rounded-circle" src="{{asset('images/profils/'~app.user.email~'/'~app.user.imageProfil.urlImage)}}"></img></a>
  89.                     {%else%}
  90.                         <a class="nav-link" href="{{path('profil.user')}}"><i class="far fa-user-circle" style="font-size: xx-large;color: #0f69d9"></i></a>
  91.                       {%endif%}
  92.                       <a class="nav-link col-lg-2 toggle-cart-sidebar">
  93.                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="#305d42" class="bi bi-cart-check" viewBox="0 0 16 16">
  94.                             <path d="M11.354 6.354a.5.5 0 0 0-.708-.708L8 8.293 6.854 7.146a.5.5 0 1 0-.708.708l1.5 1.5a.5.5 0 0 0 .708 0l3-3z"/>
  95.                             <path d="M.5 1a.5.5 0 0 0 0 1h1.11l.401 1.607 1.498 7.985A.5.5 0 0 0 4 12h1a2 2 0 1 0 0 4 2 2 0 0 0 0-4h7a2 2 0 1 0 0 4 2 2 0 0 0 0-4h1a.5.5 0 0 0 .491-.408l1.5-8A.5.5 0 0 0 14.5 3H2.89l-.405-1.621A.5.5 0 0 0 2 1H.5zm3.915 10L3.102 4h10.796l-1.313 7h-8.17zM6 14a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm7 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
  96.                             </svg>
  97.                             <span id="counter_order_cart"></span>
  98.                         </a>
  99.             </li>
  100.             </li>
  101.             </ul> 
  102.            
  103.     </nav>
  104.     {% include 'cart.html.twig' %}
  107.     <nav class="navbar navbar-expand-sm bg-dark navbar-dark orange-munngano">
  108.          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
  109.         <span class="menu-hamburger" style="background-image: url('{{asset("images/menu-hamburger.svg")}}')"></span>
  110.           </button>
  111.     <a class="navbar-brand brand-mobil" href="/" >
  112.         <img src="/images/jobinyana-150x150.png" width="60px" class="img-munngano"/>
  113.     </a>
  114.     {%if app.user.accountform[0] is defined %}
  115.         <a class="nav-link navlink-icon-mobil" href="{{path('profil.user')}}">
  116.             <img class=" welcome-user rounded-circle" src="{{asset('images1/categories/'~app.user.accountform[0].Category~'/store_' ~app.user.accountform[0].mail~'/'~app.user.accountform[0].url)}}"/>
  117.         </a>
  118.     {%else%}
  119.         <a class="nav-link navlink-icon-mobil" href="{{path('profil.user')}}"><i class="far fa-user-circle" style="font-size: xx-large;color:#0f69d9"></i></a>
  120.     {%endif%}
  121.   <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
  122.       <ul class="navbar-nav container-nav-color">
  123.         <li class="nav-item">
  124.           <a class="nav-link nav-color" href="{{path('categorystorelist', {category:'Jardinage'} )}}">Jardinage</a>
  125.         </li>
  126.         <li class="nav-item">
  127.           <a class="nav-link nav-color" href="{{path('categorystorelist', {category:'Ménage'} )}}">Ménage</a>
  128.         </li>
  129.         <li class="nav-item">
  130.           <a class="nav-link nav-color" href="{{path('categorystorelist', {category:'GardeAnimaux'} )}}">Garde d'animaux</a>
  131.         </li>
  132.         <li class="nav-item">
  133.                 <a class="nav-link nav-color" href="{{path('categorystorelist', {category:'Bricolage'} )}}">Bricolage</a>
  134.         </li>
  135.         <li class="nav-item">
  136.                 <a class="nav-link nav-color" href="{{path('categorystorelist', {category:'BabySitting'} )}}">Baby-Sitting</a>
  137.         </li>
  138.         <li class="nav-item">
  139.                 <a class="nav-link nav-color" href="{{path('categorystorelist', {category:'NettoyageVoiture'} )}}">Nettoyage Voiture</a>
  140.         </li>
  141.         <li class="nav-item">
  142.                 <a class="nav-link nav-color" href="{{path('categorystorelist', {category:'Coiffure'} )}}">Coiffure</a>
  143.         </li>
  144.       </ul>
  145.     </div>
  146.     </nav>
  147.     <!--<h2 class="title_h2_center col-sm-6 mx-auto" style="border: none;">Trouver votre professionnel / particulier</h2>
  148.     <div id="nav-expand" class="col-sm-12 mx-auto" style="text-align: center;">
  149.         <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" class="svg-inline--fa fa-angle-down fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
  150.             <path fill="#305d42" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z">
  151.             </path>
  152.         </svg>
  153.         <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="angle-down" class="svg-inline--fa fa-angle-down fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
  154.             <path fill="#305d42" d="M143 352.3L7 216.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.2 9.4-24.4 9.4-33.8 0z">
  155.             </path>
  156.         </svg>
  157.     </div>-->
  159.     <nav class="navbar navbar-expand-sm bg-light navbar-dark col-lg-4 search-nav" style="margin: auto;height:100%;display:none">
  160.         <form class="form-inline bg-white jumbotron form-research" action="" style="width: 100%" >
  161.             <input class="form-control input-form" id="searchByProperty" type="text" data-path="/" placeholder="Trouver par marque, ville, activité, #tag .." style="
  162.             margin: auto;border-radius:20px" name = 'property'> 
  163.             <span class="searchCategory col-sm-6 mx-auto">Ou par Catégories</span>
  164.             <div class="input-group mb-3 mx-auto">
  165.                     <div class="input-group-prepend">
  166.                       <label class="input-group-text inputGroupCategory" for="inputGroupCategory">Catégories</label>
  167.                     </div>
  168.                     <select class="selected-category custom-select" id="inputGroupCategory">
  169.                       <option value="empty">Sélectionner ...</option>
  170.                       <option value="/category/Restauration">Restauration</option>
  171.                       <option value="/category/Commerces">Commerces</option>
  172.                       <option value="/category/Services">Services</option>
  173.                       <option value="/category/Entre-particuliers">Entre Particuliers</option>
  174.                     </select>
  175.                   </div>
  176.                   <span class="text-center col-sm-12 mx-auto mt-3">Localisation</span>        
  177.                   <div class="col-sm-12 mx-auto mt-3 row " style="padding: 0;text-align: center;">
  178.                       <div class="col-sm-3" style="border:1px solid #305d42; padding-top:1% ">
  179.                           <i class="fas fa-crosshairs fa-2x"></i>
  180.                       </div>
  181.                       <div class="col-sm-9" style="background: #305d42;text-align: center;padding-top: 2%;">
  182.                             <span style="color: #fff;">À proximité</span>
  183.                       </div>
  184.                   </div>
  185.             <span class="searchCategory col-sm-12 mx-auto text-center">Ou entrez une adresse</span>
  186.             <input class="form-control input-form" type="text" data-path="searchbox" placeholder="Trouver par marque, ville, activité, #tag .." style="
  187.             margin: auto;border-radius:20px" name = 'searchHome'> 
  188.             <button type="submit" class=" mx-auto btn btn-primary mt-5" style="background: #305d42 !important;">
  189.                 <span>Let's Go</span>
  190.                 <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" viewBox="0 0 512 512" style="
  191.                     font-size: x-large;">
  192.                 <path fill="#fffcfb" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7 17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg>
  193.             </button>
  194.         </form>
  195.     </nav>
  196.     <div class="PopUp-Geo alert alert-warning alert-dismissible fade show" role="alert">
  197.         <span>Pour bénéficier de l'ensemble des fonctionnalités qu'offre le site Munngano, veuillez activer le système de géolocalisation de votre appareil</span>
  198.         <button class="geo-enable">Activer la géolocalisation</button>
  199.     </div>
  200.     
  201. {% block header %}
  202. {% endblock %}
  203.         </header>
  204. <section class="container-body">
  205. <!--<div class="container-fluid">
  206.         <div class="row">    
  207.             <div class="col-md-10 col-md-offset-1">-->
  208.                 <div class="container-alert-info" style="display:none;top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;overflow: hidden;background-color: rgb(238, 238, 240,0.5);z-index: 4000;/* opacity: 0.8; */">
  209.                     <div class="alert alert-info info-notif col-sm-6 alert-dismissible fade show" style="border-color: #f5a755;background-color:#fff" role="alert">
  210.                         <h4>Stay Tuned !!</h4>
  211.                         <p>
  212.                             Activez les notifications pour être averti lors de l'inscription de nouveaux restaurants près de chez vous 
  213.                         </p>
  214.                         <button class="btn-munngano btn-notif-active btn btn-light"> Activer les notifications</button>
  215.                         <button type="button" class="close" data-dismiss="alert" aria-label="Close">
  216.                             <span aria-hidden="true">&times;</span>
  217.                         </button>
  218.                     </div>
  219.             </div>
  220.             <!--</div>
  221.         </div>
  222.     </div>-->
  223. {% block section %}     
  224. {% endblock %}
  226. <div class="separator row justify-content-around"></div>
  227. <div class="row justify-content-around col-sm-6 mx-auto" style="text-align: center;">
  228. <a href="https://www.facebook.com/Munngano-102198861127879/" class="link_social_network col-sm-4"><i class="fab fa-facebook-f"></i></a>
  229. <a href="https://twitter.com/munngano" class="link_social_network col-sm-4"><i class="fab fa-twitter"></i></a>
  230. <a href="https://www.instagram.com/munngano/" class="link_social_network col-sm-4"><i class="fab fa-instagram fa-7X"></i></a>
  231. </div>
  232. <div class="separator"></div>
  233. </div>
  234. </section>
  235. <footer class="col-sm-12" >
  236.     <nav class="row justify-content-around">
  237.       <div>
  238.           <h5 class="title_menu_cat">Catégories</h5>
  239.       <a class="nav-link" href="#">Restauration</a>
  240.       <a class="nav-link" href="#">Commerce</a>
  241.       <a class="nav-link" href="#">Artisanat</a>
  242.       <a class="nav-link" href="#">Services</a>
  243.       </div>
  244.       <div>
  245.           <h5 class="title_menu_cat">Comment ça marche ?</h5>
  246.       <a class="nav-link" href="#">Comment se référencer ?</a>
  247.       <a class="nav-link" href="#">Retrouver un magasin à proximité.</a>
  248.       <a class="nav-link" href="#"></a>
  249.       </div>
  250.       <div>
  251.           <h5 class="title_menu_cat">À propos de ..</h5>
  252.       <a class="nav-link" href="#">Recrutement</a>
  253.       <a class="nav-link" href="#">Mentions Légales</a>
  254.       <a class="nav-link" href="#">Conditions Générales d'Utilisation</a>
  255.       </div>
  256.     </nav>
  258.     <div class="cookies alert alert-light" role="alert">
  259.         <span>
  260.                 les cookies nous aide à améliorer votre expérience utilisateur.En utilisant notre service, vous acceptez l'utilisation des cookies.
  261.                 <a href="" class="alert-link" >En savoir plus</a>
  262.         </span>
  263.         <button id="cookie-granted">Accepter</button>
  264.     </div>
  265.     <!--<script>
  266.         jQuery('#cookie-granted').click(function(){
  267.             fetch("{{path('cookie.granted')}}").then()
  268.         })
  269.     </script>-->
  270.     <script src="{{asset('js/notification.js')}}"></script>
  272.     <script>
  273.         var cookie = document.querySelector('.cookies');
  274.         var btnCookie = document.querySelector('#cookie-granted');
  275.         jQuery('#cookie-granted').click(function(ev){
  276.             jQuery(ev.target).hide();
  277.             document.cookie = "munngano";
  278.         })
  279.         if( document.cookie.match("munngano") !== null )
  280.         {
  281.             jQuery('.cookies').hide();
  282.         }
  283.     </script>
  284.     
  285.     <script>
  286.     
  287.         jQuery(function(){
  288.             jQuery('.dropdown-submenu a').on("click", function(e){
  289.             jQuery(this).nextAll('ul').toggle();
  290.             e.stopPropagation();
  291.             e.preventDefault();
  292.             });
  293.         });
  294.     </script>
  295.     <script>
  296.         var ulArea = false;
  297.         jQuery(function(){
  298.             jQuery('.drop').click(function(e){ 
  299.                 e.preventDefault();
  300.                 e.stopPropagation();
  301.                 jQuery(this).children('ul').toggle('slow'), function(e){
  302.                 e.preventDefault();
  303.                 e.stopPropagation();
  304.             } });
  305.         })
  307.     </script>
  308.     <script>
  309.         jQuery('.geo-enable').click(function(){
  310.             if (navigator.geolocation !== undefined ) 
  311.             {
  312.                 location.reload();
  313.                 /*navigator.geolocation.getCurrentPosition(function(position)
  314.                 {
  315.                     latitudeUser = position.coords.latitude;
  316.                     longitudeUser = position.coords.longitude;
  317.                     if(latitudeUser !== undefined && longitudeUser !== undefined)
  318.                     {
  319.                         jQuery('.PopUp-Geo').hide();
  320.                         isGeo = true;
  321.                     }
  322.                     geolocation = {'latitudeUser':latitudeUser, 'longitudeUser':longitudeUser};
  323.                     requestAllStore = new searchComponent(geolocation, false, false);
  324.                     if(window.innerWidth < 750){
  325.                         document.querySelectorAll(".container_store_list_landing_page").forEach(function(containerStore){containerStore.classList.add('row', 'd-flex', 'flex-nowrap', 'store-row', 'align-items-center');containerStore.scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"}) });
  326.                         document.querySelector('.prime_container_store_list').style.overflowX = 'auto';
  327.                         document.querySelector('.itemSearched_container_store_list').style.overflowX = 'auto';
  328.                         document.querySelector('.container_new_store_list').style.overflowX = 'auto';
  329.                     }
  331.                     seeMore = document.querySelector('.seeMore');
  333.                     jQuery('#geoDisabled').hide();
  334.                     // retrieve the category if it is set
  335.                     cat = initSearchComponent.category();
  336.                     if( cat !== false ){
  337.                         requestStoreByCategory = new searchComponent(geolocation,cat,false);
  338.                         requestStoreByCategory.requestStoreByCategory.init(requestStoreByCategory);
  339.                         // request the latest store by category
  340.                         requestLatestStore = new searchComponent(geolocation,cat,false);
  341.                         requestLatestStore.requestLatestStore.init(requestLatestStore);
  343.                     } else {
  344.                         // request all stores 
  345.                         requestAllStore = new searchComponent(geolocation, false, false);
  346.                         requestAllStore.requestAllStore.init(requestAllStore);
  347.                         // request all the latest store 
  348.                         requestLatestStore = new searchComponent(geolocation,false,false);
  349.                         requestLatestStore.requestLatestStore.init(requestLatestStore);
  350.                     } 
  351.                 })*/
  352.             } else{
  353.                 jQuery('#geoDisabled').show();
  354.                 geolocation = 'pas de géolocalisation';
  355.             }
  356.         })
  358.         jQuery('.cookies > button').click(function(){
  359.             jQuery('.cookies').hide();
  360.         })
  362.     </script>
  363.     <script>
  364.             jQuery(document).ready(function(){
  365.                 jQuery.post("{{ path('display_items_to_Cart')}}", 
  366.                 function(result){
  367.                     console.log(result);
  368.                             if(result){
  369.                                 total = 0;
  370.                                 if(result.init != undefined && result.init === 1)
  371.                                 {
  372.                                     jQuery('.restaurant_title').html(result.restaurant_title);
  373.                                     jQuery('.cart-container').append('<li><a href="'+result.urlRestaurant+'">'+ result.meal_title+' '+result.meal_price+'€ </a></li>');
  374.                                     total += parseInt(result.meal_price); 
  375.                                     jQuery('#counter_order_cart').html('1');
  376.                                     //console.log(multipleMealOrdered.get('meal'));
  377.                                 } else{
  378.                                     //console.log('list of meals ordered :'+result.meal_title);
  379.                                     multipleMealOrdered = new Map();
  380.                                     for( var i=0; i < result.meal_title.length;i++){
  381.                                         meal_referent = result.meal_title[i];
  382.                                         meal_price = result.meal_price[i];
  383.                                         //console.log('referent meal : '+meal_referent);
  384.                                         for(var y=0; y < result.meal_title.length; y++){
  385.                                             current_meal = result.meal_title[y];
  386.                                         //    console.log('current meal '+result.meal_title[y]);
  387.                                             if(meal_referent === current_meal){
  388.                                                 nb = multipleMealOrdered.get('meal');
  389.                                                 //        console.log(nb);
  390.                                                 if(nb === undefined){
  391.                                                     var nb = 0;
  392.                                                     multipleMealOrdered.set('meal',{ name : meal_referent, price : meal_price, nombre : nb});
  393.                                                 //    multipleMealOrdered.set(meal_referent+" : "+meal_price,nb);
  394.                                                 }
  395.                                                 multipleMealOrdered.set('meal',{ name : meal_referent, price : meal_price, nombre : nb++});
  396.                                                 //multipleMealOrdered.set(meal_referent+" : "+meal_price, ++nb);
  397.                                                 //console.log(result.meal_title[y]+' : '+multipleMeal);
  398.                                             }
  399.                                         }
  400.                                         var mealsOrdereds ="";
  401.                                         multipleMealOrdered.forEach(function(value,key){
  402.                                         //    console.log(key + "= "+ Math.sqrt(value));
  403.                                         })
  404.                                         //console.log(""+ meal_referent +" : " + multipleOrderArr[meal_referent]);
  405.                                         total += parseInt(result.meal_price[i]);
  406.                                         jQuery('.restaurant_title').html('<a href="'+result.urlRestaurant[i]+'">'+result.restaurant_title[i]+'</a>');
  407.                                         jQuery('#counter_order_cart').html(result.restaurant_title.length);
  408.                                     }
  409.                                     multipleMealOrdered.forEach(function(value,key){
  410.                                     //    console.log(key + "= "+ Math.sqrt(value));
  411.                                         jQuery('.cart-container').append('<li>'+key+' € '+ '( x' + Math.sqrt(value) +' )</li>');
  412.                                     })
  413.                                     //console.log("multipleMealOrdered : "+multipleMealOrdered.get('meal'));
  414.                                     jQuery('.total_cart').html(total+' €');
  415.                                 }    
  416.                         }else{
  417.                             jQuery('#counter_order_cart').hide();
  418.                         }
  419.             })
  420.         })
  421.             jQuery('.btn-add-cart').click(
  422.                 function(ev){
  423.                     let idRestaurant = jQuery(ev.target).data("id");
  424.                     let urlRestaurant = "{{ app.request.getSchemeAndHttpHost }}/products-store/"+idRestaurant;
  425.                     let restaurant = jQuery(ev.target).data("restaurant");
  426.                     let meal = jQuery(ev.target).data("meal");
  427.                     let price = jQuery(ev.target).data("price");
  428.                     let urlImage = jQuery(ev.target).data("urlImage");
  429.                     jQuery.post("{{ path('add_item_to_Cart')}}", 
  430.                         {'restaurantTitle':restaurant,'itemTitle':meal, 'itemPrice':price, 'urlImage' : urlImage, 'urlRestaurant':urlRestaurant, 'idRestaurant' : idRestaurant},
  431.                         function(result){
  432.                             console.log('auth : '+result.authentification);
  433.                             if(!result.authentification){
  434.                                 jQuery('.toast-inscription').show();
  435.                                 jQuery('body').animate({scrollTop:0}, 'fast');
  436.                                 jQuery('body').css('overflow','hidden');
  437.                             }
  438.                             if(result){
  439.                                 total = 0;
  440.                                 if(result.init != undefined && result.init === 1){
  441.                                     jQuery('.restaurant_title').html('<a href="'+urlRestaurant+'">'+result.restaurant_title+'</a>');
  442.                                     jQuery('.cart-container').append('<li><a href="'+urlRestaurant+'">'+ result.meal_title+' '+result.meal_price+'€ </a></li>');
  443.                                     total = parseInt(result.meal_price); 
  444.                                     jQuery('#counter_order_cart').html('1').show();
  445.                                 } else{
  446.                                 multipleMealOrdered = new Map();
  447.                                 for( var i=0; i < result.init;i++){
  448.                                     meal_referent = result.meal_title[i];
  449.                                     meal_price = result.meal_price[i];
  450.                                     for(var y=0; y < result.init; y++){
  451.                                         current_meal = result.meal_title[y];
  452.                                         console.log('test meal : '+result.meal_title[y]+ meal_referent);
  453.                                         if(meal_referent === current_meal){
  454.                                                 console.log("test meal : "+true);
  455.                                                 //nb = multipleMealOrdered.get('meal').nombre;
  456.                                                 //console.log(nb);
  457.                                                 if(nb === undefined){
  458.                                                     var nb = 1;
  459.                                                     multipleMealOrdered.set('meal',{ name : meal_referent, price : meal_price, nombre : nb});
  460.                                                     break;
  461.                                                 }
  462.                                                 nb = multipleMealOrdered.get('meal').nombre;
  463.                                                 multipleMealOrdered.set('meal',{ name : meal_referent, price : meal_price, nombre : nb++});
  464.                                                 //multipleMealOrdered.set(meal_referent+" : "+meal_price, ++nb);
  465.                                                 break;
  466.                                             }
  467.                                         }
  468.                                 console.log("Meal : "+multipleMealOrdered.get('meal').name);
  469.                                 var mealsOrdereds ="";
  470.                                 /*multipleMealOrdered.get('meal').forEach(function(value,key){
  471.                                     console.log(key + "= "+ Math.sqrt(value));
  472.                                 })*/
  473.                                 const name = multipleMealOrdered.get('meal').name;
  474.                                 const price = multipleMealOrdered.get('meal').price;
  475.                                 //console.log(""+ meal_referent +" : " + multipleOrderArr[meal_referent]);
  476.                                 total += parseInt(result.meal_price[i]);
  477.                                 jQuery('.restaurant_title').html(result.restaurant_title[i]);
  478.                                 jQuery('#counter_order_cart').html(result.restaurant_title.length);
  479.                             }
  480.                             jQuery('.cart-container').html('');
  481.                             multipleMealOrdered.forEach(function(value){
  482.                                 console.log(value);
  483.                             //    console.log(key + "= "+ Math.sqrt(value));
  484.                                 jQuery('.cart-container').append('<li>'+value.name +' : '+ value.price + ' € '+ '( x' + value.nombre +' )</li>');
  485.                             })
  487.                             for(var i = 0; i < multipleMealOrdered.size; i++ ){
  489.                             }
  491.                         //    console.log(multipleMealOrdered);
  492.                         }
  495.                         jQuery('.total_cart').html(total+' €');
  496.                         jQuery('#primary-ctc').attr("href", "{{ app.request.getSchemeAndHttpHost }}/payout/"+idRestaurant);
  497.                     
  498.                 };
  499.             })
  500.         });
  502.             jQuery('.btn-clear-cart').click(
  503.                 function(ev){
  504.                     let restaurant = jQuery(ev.target).data("restaurant");
  505.                     let meal = jQuery(ev.target).data("meal");
  506.                     let price = jQuery(ev.target).data("price");
  507.                     jQuery.post("{{ path('remove_item_to_Cart')}}", 
  508.                         {'restaurantTitle':restaurant,'itemTitle':meal, 'itemPrice':price},
  509.                         function(result){
  510.                             total = 0;
  511.                             jQuery('.cart-container').html('');
  512.                             jQuery('.restaurant_title').html('Votre panier est vide.');
  513.                             jQuery('.total_cart').html(total+' €');
  514.                             jQuery('#counter_order_cart').hide();                               
  515.                         }
  516.                         );
  517.                 }
  518.             );
  519.     </script>
  520.     <script>
  521.         
  522.     </script>
  523.     <script>
  524.         jQuery('.toggle-cart-sidebar').click(function(){
  525.             jQuery('.cart-container-sidebar').toggle();
  526.         })
  527.     </script>
  528.     {% block footer %}
  530.     {% endblock %}
  531. </footer>