templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title>{% block title %}TripUp{% endblock %}</title>
  7. <meta name="google-site-verification" content="la6glPw59cAFTruAoSTPq1qq4qS--RTwCWUQO_krZxI" />
  8.         
  9.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  10.     <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('img/apple-icon-57x57.png') }}">
  11. <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('img/apple-icon-60x60.png') }}">
  12. <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('img/apple-icon-72x72.png') }}">
  13. <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('img/apple-icon-76x76.png') }}">
  14. <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('img/apple-icon-114x114.png') }}">
  15. <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('img/apple-icon-120x120.png') }}">
  16. <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('img/apple-icon-144x144.png') }}">
  17. <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('img/apple-icon-152x152.png') }}">
  18. <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('img/apple-icon-180x180.png') }}">
  19. <link rel="icon" type="image/png" sizes="192x192"  href="{{ asset('img/android-icon-192x192.png') }}">
  20. <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('img/favicon-32x32.png') }}">
  21. <link rel="icon" type="image/png" sizes="96x96" href="{{ asset('img/favicon-96x96.png') }}">
  22. <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('img/favicon-16x16.png') }}">
  23. <link rel="manifest" href="{{ asset('img/manifest.json') }}">
  24. <meta name="msapplication-TileColor" content="#ffffff">
  25. <meta name="msapplication-TileImage" content="{{ asset('img/ms-icon-144x144.png') }}">
  26. <meta name="theme-color" content="#ffffffff">
  27.         <link rel="stylesheet" type="text/css" media="all" href="{{ asset('css/react-datepicker.css') }}">
  28.         <link rel="stylesheet" type="text/css" media="all" href="{{ asset('css/style.css') }}">
  29.         {% block stylesheets %}{% endblock %}
  30.         <!-- Global site tag (gtag.js) - Google Analytics -->
  31. <script async src="https://www.googletagmanager.com/gtag/js?id=G-BJ3LL516DG"></script>
  32. <script>
  33.   window.dataLayer = window.dataLayer || [];
  34.   function gtag(){dataLayer.push(arguments);}
  35.   gtag('js', new Date());
  37.   gtag('config', 'G-BJ3LL516DG');
  38. </script>
  39.     </head>
  40.     <body id="body">
  42. {% set route_name = app.request.attributes.get('_route') %}
  44. <div id="menuToggle"> 
  45.     <input id="burger" type="checkbox" /> 
  46.     <span></span>
  47.     <span></span>
  48.     <span></span>
  49.     </div>
  50.     <header id="header">
  51.         <div class="logo-container">
  52.             <a href="{{path('accueil')}}"><img src="{{asset('img/logo tripup.svg')}}" class="logoimg" height="41px" alt="logo"></a>
  53.             <h3><span>TRIP</span>orteurs <span>U</span>tilitaires de <span>P</span>roximité</h3>
  54.         </div>
  55.         <div class="keeplace"></div>
  56.         <div id="nav" class="nav">
  57.             <ul class="nav list-item">
  58.                 <li {% if route_name == 'accueil' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  59.                     <a href="{{path('accueil')}}">Accueil</a>
  60.                 </li>
  61.                  <li {% if route_name == 'home' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  62.                     <a href="{{path('home')}}">Nos véhicules</a>
  63.                 </li>
  64.                 <li {% if route_name == 'surmesure' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  65.                     <a href="{{path('surmesure')}}">Sur-mesure</a>
  66.                 </li>
  67.                 <li {% if route_name == 'mariages' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  68.                     <a href="{{path('mariages')}}">Mariages</a>
  69.                 </li>
  70.                 <li {% if route_name == 'blog' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  71.                     <a href="{{path('blog')}}">Blog</a>
  72.                 </li>
  73.                 <li {% if route_name == 'faq' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  74.                     <a href="{{path('faq')}}">FAQ</a>
  75.                 </li>
  76.                 <li {% if route_name == 'about' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  77.                     <a href="{{path('about')}}">A propos</a>
  78.                 </li>
  79.                 <li {% if route_name == 'contact' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  80.                     <a href="{{path('contact')}}">Contactez-nous !</a>
  81.                 </li>
  82.                 <li {% if route_name == 'sdfsdf' %} class="item-menu active img-head" {% else %} class="item-menu img-head" {% endif %}>
  83.                    {% if app.user %}
  84.                     <a href="javascript:ardconn()" ><img src="{{asset('img/users.png')}}" width="22px" alt="Page utilisateur"></a>
  85.                     {% else %}
  86.                     <a href="javascript:cnx()" ><img src="{{asset('img/users.png')}}" width="22px" alt="Connexion"></a>
  87.                     {% endif %}    
  88.                 </li>
  89.                 <li {% if route_name == 'sdfsfd' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  90.                     <a href="javascript:void()"><img src="{{asset('img/fr.png')}}" class="img-drap" alt="Langue française"></a>
  91.                 </li>
  92.                 
  93.             </ul>
  94.         </div>
  95.         <div class="reseaux">
  96.         <ul>
  97.                     <li class="item-menu img-head">
  98.                         <a href="https://twitter.com/TRIPUP2" rel="noreferrer" target="_blank"><img src="{{asset('img/logos tweeter.svg')}}"  alt="Twitter"></a>
  99.                     </li>
  100.             <li class="item-menu img-head">
  101.                         <a href="https://www.facebook.com/Tripup-Rickshaws-Taxi-Bikes-and-Advertising-Company-774123479276251" rel="noreferrer" target="_blank"><img src="{{asset('img/logos f.svg')}}" alt="Facebook" ></a>
  102.                     </li>
  103.                     <li class="item-menu img-head">
  104.                         <a href="https://www.instagram.com/tripup.fr/" rel="noreferrer" target="_blank"><img src="{{asset('img/logos insta.svg')}}"  alt="Instagram"></a>
  105.                     </li>
  106.                     <li class="item-menu img-head">
  107.                         <a href="https://www.pinterest.fr/Tripup75/_created/" rel="noreferrer" target="_blank"><img src="{{asset('img/logos pin.svg')}}"  alt="Pinterest"></a>
  108.                     </li>
  109.                     <li class="item-menu img-head">
  110.                         <a href="https://www.linkedin.com/company/tripup/" rel="noreferrer" target="_blank"><img src="{{asset('img/logos link.svg')}}"  alt="Linkedin"></a>
  111.                     </li>
  112.             </ul>
  113.         </div>
  114.     </header>
  115.     <div class="logodiv"><img src="{{ asset('img/logodevis.jpg') }}" class="logoimg" alt="Logo tripup"></div>
  116.     <nav id="menu" class="">
  117.         <a href="{{ path('home_log') }}" class="usersimg" id="myBtn"></a>
  118.     </nav>
  119.     {% if devisval is defined %}
  120.         {% if devisval == true %}
  121.             <div id="mod" data-devisval="true"></div>
  122.         {% else %}
  123.             <div id="mod"></div>
  124.         {% endif %}
  125.     {% else %}
  126.         <div id="mod"></div>
  127.     {% endif %}
  129.     <div id="modalinfo" style="display: none;">
  130.     <div id="modal_info">
  131.     <span class="close" onclick="closeinfo()">X</span>
  132.     <h4>Besoin d'informations</h4>
  133.     <h6>VOS COORDONNÉES </h6> 
  134.     <form id="forminfo" name="forminfo" action="">
  135. <div class="demileft">
  136.     <label for="">Nom</label><br \="">
  137.     <input type="text" name="form_nom">
  138. </div>
  139.    <div class="demiright">
  140.     <label for="">Prénom</label><br \="">
  141.     <input type="text" name="form_prenom">
  142. </div>
  143. <div class="demileft">
  144.     <label for="">Email *</label><br \="">
  145.     <input type="text" name="form_email" required="">
  146. <div id="error_form_email_info" class="error"><p>Merci de renseigner votre Email</p></div>
  147. </div>
  148.    <div class="demiright">
  149.     <label for="">Téléphone *</label><br \="">
  150.     <input type="text" name="form_tel" required="">
  151. <div id="error_form_tel_info" class="error"><p>Merci de renseigner votre numéro de téléphone</p></div>
  152. </div>
  153. <div>
  154.     <label for="">Précisez votre question</label><br \="">
  155.     <textarea name="votre_projet" id="" cols="30" rows="10" required=""></textarea>
  157. </div>
  158. <div id="massageenvoye_info"></div>
  159. <p>* Champs requis pour effectuer la demande</p>
  160. <input type="submit" onclick="sendemandeinfo(event)" value="Envoyer la demande">
  161.     
  162.     </form>
  163.     </div>
  164.     </div>
  166.     <div id="modalreduc">
  167.     <div id="modal_reduc">
  168.     <span class="close" onclick="closereduc()">X</span>
  169.     <h4>Demande de réduction</h4>
  170.     <p>Merci de ne remplir que les catégories qui vous intéressent</p>
  171.     <form id="formreduc" name="formreduc" action="">
  172.     <h6 class="cliquable" id="title_1" onclick="openreducelem(1)">VOUS AVEZ TROUVÉ DES PRIX MOINS CHERS AILLEURS</h6>
  173.     <div class="elem1">
  174.     <label for="">Indiquez un lien web avec des tarifs moins chers pour des produits similaires et/ou joignez 1 ou des devis de confrères</label> 
  175.     <input type="text" name="lienweb" placeholder="" />
  176.     </div>
  177.     <h6 class="cliquable" id="title_2" onclick="openreducelem(2)">MODELES, DATES ET NOMBRE DE VEHICULES *</h6>
  178.     <div class="elem2">
  179.     <label for="">Etes-vous plutôt intéressé par de la location ou de l'achat ? *</label><br \>
  180.     <input type="radio" name="achatouloc" id="achatouloc_ach" value="Achat" required/><label for="achatouloc_ach" id="achatouloc_ach_name">Achat</label>
  181.     <input type="radio" name="achatouloc" id="achatouloc_loc" value="location" required/><label for="achatouloc_loc" id="achatouloc_loc_name">Location</label>
  182. <br \>
  183. <div id="error_achatouloc" class="error"><p>Merci de préciser si vous souhaitez louer ou acheter nos véhicules</p></div>
  184.     <label for="">Indiquez le nom du ou des véhicule(s) qui vous intéresse(nt) sur notre site</label><br \>
  185.     <input type="text" name="vehicvoulu" />
  186. <br \>
  187.     <label for="">Si vous avez besoin d'un véhicule qui n'est pas sur notre site, décrivez-le et envoyez nous des croquis, liens web…</label><br \>
  188.     <textarea name="infovehicule" id="" cols="30" rows="10"></textarea>
  189. <br \>
  190. <div class="demileft"><label for="">Si c'est pour de la location et que vous ne connaissez pas encore vos dates, indiquez le nombre de jours souhaités *</label><br \><input type="number" name="nb_de_jours"></div>
  191.    <div class="demiright">
  192.    <label for="">Le nombre de véhicules *</label><br \>
  193.     <input type="number" name="nb_vehicules" required/>
  194. <div id="error_nb_vehicules" class="error"><p>Merci d'indiquer le nombre de véhicules que vous souhaitez</p></div>
  195.    </div>
  196. <div class="demileft"><label for="">Ou la date de début, sur le modèle : JJ/MM/AAAA , que ce soit pour de la location ou de l'achat *</label><br \>
  197.     <input type="date" name="date_debut" />
  198. </div>
  199.    <div class="demiright">
  200.     <label for="">Et la date de fin, sur le modèle :  JJ/MM/AAAA , uniquement si c'est pour de la location *</label><br \>
  201.     <input type="date" name="date_fin" />
  202. </div>
  203.    
  204. <div id="error_nd_jours" class="error"><p>Merci d'indiquer un nombre de jours ou une date de début et de fin pour la location.</p></div>
  205. </div>
  206.     <h6 class="cliquable" id="title_3" onclick="openreducelem(3)">VOTRE BUDGET *</h6>
  207.     <div class="elem3">
  208.     <label for="">Indiquez votre budget TTC, en tapant simplement un nombre, sans le signe euro (€), et pour l'ensemble des véhicules *</label><br \>
  209.     <input type="number" name="budget_location" required/>
  210. <div id="error_budget_location" class="error"><p>Merci d'indiquer le budget dont vous disposez</p></div>
  211. </div>
  212.     <h6 class="cliquable" id="title_4" onclick="openreducelem(4)">EQUIPEMENTS (réfrigérateurs, assistance électrique…) *</h6>
  213.     <div class="elem4">
  214.     <label for="">Avez-vous besoin d’une assistance électrique ? *</label><br \>
  215.     <input type="radio" name="assiselect" id="assiselect_oui" value="Oui" required/><label for="assiselect_oui" id="assiselect_oui_name">Oui</label>
  216.     <input type="radio" name="assiselect" id="assiselect_non" value="Non" required/><label for="assiselect_non" id="assiselect_non_name">Non</label>
  217.     <br />
  218. <div id="error_assiselect" class="error"><p>Merci de préciser si vous souhaitez un véhicules équipé d'une assistance électrique</p></div>
  219.      <label for="">Indiquez simplement les équipements dont vous auriez besoin, la quantité... :</label><br \>
  220.     <textarea name="equipements_voulu" id="" cols="30" rows="10"></textarea>
  221. <br \>
  223.     <label for="">Indiquez votre budget pour les équipements, en tapant simplement un nombre, sans le signe euro (€)</label><br \>
  224.     <input type="number" name="budget_equipement" />
  226. </div>
  227.     <h6 class="cliquable" id="title_5" onclick="openreducelem(5)">HABILLAGE PUBLICITAIRE </h6>
  228.     <div class="elem5">
  230.     <label for="">Avez-vous besoin d'un total covering ou est-ce qu'un simple covering partiel pourrait convenir ?</label><br \>
  231.     <input type="text" name="besoin_cover" />
  234.     <label for="">Indiquez votre budget pour l'habillage publicitaire, en tapant simplement un nombre, sans le signe euro (€).</label><br \>
  235.     <input type="text" name="budget_pub" />
  238.     <label for="">Précisez si ce budget serait pour un total covering ou pour un covering partiel</label><br \>
  239.     <input type="text" name="info_cover" />
  241. </div>
  242.     <h6 class="cliquable" id="title_6" onclick="openreducelem(6)">PERSONNEL (pilote, hôtesses…) </h6>
  243.     <div class="elem6">
  244.     <label for="">De quel type de personnel auriez-vous besoin ?</label><br \>
  245.     <input type="text" name="besoin_perso" />
  246.     <label for="">Pour combien de jours et pendant combien d'heures par jour ?</label><br \>
  247.     <input type="text" name="nb_jours_perso" />
  248.     <p>Indiquez la date de début et la date de fin sur le modèle JJ/MM/AAAA, et si possible les horaires de début et de fin sur le modèle HH:MM</p>
  249. <div class="demileft">
  250.     <label for="">Date de début (si possible)</label><br \>
  251.     <input type="date" name="date_debut_perso" />
  252. </div>
  253.    <div class="demiright">
  254.     <label for="">Date de fin (si possible)</label><br \>
  255.     <input type="date" name="date_fin_perso" />
  256. </div>
  257. <div class="demileft">
  258.     <label for="">Horaires de début (si possible)</label><br \>
  259.     <input type="time" name="horaire_debut_perso" />
  260. </div>
  261.    <div class="demiright">
  262.     <label for="">Horaires de fin (si possible)</label><br \>
  263.     <input type="time" name="horaire_fin_perso" />
  264. </div>
  265.  
  266.     <label for="">Indiquez votre budget pour du personnel, en tapant simplement un nombre, sans le signe euro (€)</label><br \>
  267.     <input type="number" name="budget_perso" />
  269. </div>
  270.     <h6 class="cliquable" id="title_7" onclick="openreducelem(7)">LIVRAISON ET/OU REPRISE DES VEHICULES ET/OU DES EQUIPEMENTS</h6>
  271.     <div class="elem7">
  273. <div class="demileft">
  274. <label for="">Indiquez le nom de la ville où livrer le matériel, si vous souhaitez que l'on se charge de la livraison</label><br \>
  275.     <input type="text" name="ville_livraison" />
  276. </div>
  277.    <div class="demiright"> 
  278.    <label for="">Indiquez votre budget pour la livraison du matériel (si vous souhaitez que l'on s'en charge) en tapant simplement un nombre, sans le signe euro (€)</label><br \>
  279.     <input type="number" name="budget_livraison" />
  280. </div>
  281. <div class="demileft"> 
  282. <label for="">Indiquez le nom de la ville dans laquelle retirer le matériel, si vous souhaitez que l'on se charge de la reprise</label><br \>
  283.     <input type="text" name="ville_reprise" />
  284. </div>
  285.    <div class="demiright"> 
  286.    <label for="">Indiquez votre budget pour la reprise du matériel (si vous souhaitez que l'on s'en charge) en tapant simplement un nombre, sans le signe euro (€)</label><br \>
  287.     <input type="number" name="budget_reprise" />
  288. </div>
  289. </div>
  290.     <h6 class="cliquable" id="title_8" onclick="openreducelem(8)">VOTRE PROJET + EVENTUELLES CONTREPARTIES *</h6>
  291.     <div class="elem8">
  293.     <label for="">Votre projet, en quelques mots *</label><br \>
  294.     <textarea name="votre_projet" id="" cols="30" rows="10" required></textarea>
  295. <div id="error_votre_projet" class="error"><p>Merci d'indiquer pour quel projet/besoin vous souhaiter ce(s) véhicules</p></div>
  297.     <label for="">Quelles seraient les éventuelles contreparties (échange marchandise) que vous pourriez nous proposer en échange d’une remise ? Ex : des plats si vous êtes un restaurant, de la visibilité publicitaire… *</label><br \>
  298.     <textarea name="contrepartie_projet" id="" cols="30" rows="10" required></textarea>
  299. <div id="error_contrepartie_projet" class="error"><p>Merci de donner plus d'informations sur d'éventuels contreparties</p></div>
  302. </div>
  303.     <h6>VOS COORDONNÉES </h6> 
  305. <div class="demileft">
  306.     <label for="">Nom</label><br \>
  307.     <input type="text" name="form_nom" />
  308. </div>
  309.    <div class="demiright">
  310.     <label for="">Prénom</label><br \>
  311.     <input type="text" name="form_prenom" />
  312. </div>
  313. <div class="demileft">
  314.     <label for="">Email *</label><br \>
  315.     <input type="text" name="form_email" required />
  316. <div id="error_form_email" class="error"><p>Merci de renseigner votre Email</p></div>
  317. </div>
  318.    <div class="demiright">
  319.     <label for="">Téléphone *</label><br \>
  320.     <input type="text" name="form_tel" required />
  321. <div id="error_form_tel" class="error"><p>Merci de renseigner votre numéro de téléphone</p></div>
  322. </div>
  323. <div id="massageenvoye"></div>
  324. <p>* Champs requis pour effectuer la demande</p>
  325. <input type="submit" onclick="sendemande(event)" value="Envoyer la demande">
  326.     
  327.     </form>
  328.     </div>
  329.     </div>
  333.     
  334.         {% block body %}{% endblock %}
  336.         <div id="footer">
  337.         <a href="{{path('mentionslegales')}}" class="mentionsleg" target="_blank">Mentions légales</a>
  339.         </div>
  340.         <div id="footercoock">
  341.         </div>
  342.         {% block javascripts %}{% endblock %}
  343.         
  344.         <script src="{{ asset('js/front.js') }}"></script>  
  345.         <link rel="stylesheet" href="{{ asset('css/purecookie.css') }}">   
  346.  <script defer async src="{{ asset('js/purecookie.js') }}"></script>
  347.          <script>
  348.     function ardconn(){
  349.         document.getElementById('mod').innerHTML = '<div id="myModal" class="modalreg"><div class="modalreg2" onclick="closebut()"></div> <div class="modal-content"><span class="close" onclick="closebut()">X</span><div id="connexion"><h3>Vous êtes déjà connecté<br /><a href="{{path('securedamin_logout')}}" class="btn btn-danger">Déconnexion</a></h3></div></div></div>'; 
  350.     }
  351.     function cnx(){
  352.         console.log('load modal')
  353.         
  354.         let http = ''
  355.       if (location.protocol == 'https:')
  356.         {
  357.           http = 'https:' 
  358.         }else{
  359.           http = 'http:' 
  360.         }
  361.       let urlreq = http+'//'+window.location.host +`/login`;
  363.       fetch (urlreq, {
  364.         method: 'GET', 
  365.         credentials: 'include'
  366.         }) 
  367.       .then(function(response) {
  368.         // When the page is loaded convert it to text
  369.         return response.text()
  370.     })
  371.     .then(function(html) {
  372.         // Initialize the DOM parser
  373.         var parser = new DOMParser();
  375.         // Parse the text
  376.      //   var doc = parser.parseFromString(html, "text/html");
  378.         // You can now even select part of that html as you would in the regular DOM 
  379.         // Example:
  380.         // var docArticle = doc.querySelector('article').innerHTML;
  382.      //   console.log(doc);
  383.         document.getElementById('mod').innerHTML = html; 
  384.     })
  385.     .catch(function(err) {  
  386.         console.log('Failed to fetch page: ', err);  
  387.     });
  388.         
  389.     }
  391.     
  392. function registr() {
  393. let connexion = document.getElementById("connexion");
  394. let registration = document.getElementById("registration"); 
  395.   registration.style.display = "block";
  396.   connexion.style.display = "none";
  397. }
  398. function cnxion() {
  399. let connexion = document.getElementById("connexion");
  400. let registration = document.getElementById("registration"); 
  401.   registration.style.display = "none";
  402.   connexion.style.display = "block";
  403. } 
  404.  
  405. function seltyp() {
  406. let users_Type = document.getElementById("users_Type");
  407.   let radsel = ''
  408.   if(users_Type){
  409.  for (let item of  users_Type.children) {
  410.     if( item.checked == true){
  411.     radsel = item.value 
  412.     }
  413.   }
  414.  
  415. }
  416. let entrepr = document.getElementsByClassName("entre");
  417. let partic = document.getElementsByClassName("partic");
  418. let collect = document.getElementsByClassName("collec");
  419. let associ = document.getElementsByClassName("assoc"); 
  421. if( radsel == 'Entreprise' ){
  422. for (let itementre_part of  partic) { 
  423.     itementre_part.parentNode.style.display = "none"; 
  424. }
  425. for (let itementre_collect of  collect) {
  426.     itementre_collect.parentNode.style.display = "none";
  427. }
  428. for (let itementre_associ of  associ) {
  429.     itementre_associ.parentNode.style.display = "none";
  430. }
  431. for (let itementre_entrepr of  entrepr) {
  432.     itementre_entrepr.parentNode.style.display = "block";
  433. }
  434. }else if( radsel == 'Particulier' ){
  435. for (let itementre_collect of  collect) {
  436.     itementre_collect.parentNode.style.display = "none";
  437. }
  438. for (let itementre_associ of  associ) {
  439.     itementre_associ.parentNode.style.display = "none";
  440. }
  441. for (let itementre_entrepr of  entrepr) {
  442.     itementre_entrepr.parentNode.style.display = "none";
  443. }
  444. for (let itementre_part of  partic) {
  445.     itementre_part.parentNode.style.display = "block";
  446. }
  447. }else if( radsel == 'Collectivité' ){
  448. for (let itementre_part of  partic) {
  449.     itementre_part.parentNode.style.display = "none";
  450. }
  451. for (let itementre_associ of  associ) {
  452.     itementre_associ.parentNode.style.display = "none";
  453. }
  454. for (let itementre_entrepr of  entrepr) {
  455.     itementre_entrepr.parentNode.style.display = "none";
  456. }
  457. for (let itementre_collect of  collect) {
  458.     itementre_collect.parentNode.style.display = "block";
  459. }
  460. }else if( radsel == 'Association' ){
  461. for (let itementre_part of  partic) {
  462.     itementre_part.parentNode.style.display = "none";
  463. }
  464. for (let itementre_collect of  collect) {
  465.     itementre_collect.parentNode.style.display = "none";
  466. }
  467. for (let itementre_entrepr of  entrepr) {
  468.     itementre_entrepr.parentNode.style.display = "none";
  469. }
  470. for (let itementre_associ of  associ) {
  471.     itementre_associ.parentNode.style.display = "block";
  472. }
  473. }  
  475. }
  477. function closebut(){
  478. var modal = document.getElementById("myModal");
  479.     modal.style.display = "none"; 
  480. }
  481. function closereduc(){
  482. var modal = document.getElementById("modalreduc");
  483.     modal.style.display = "none"; 
  484. }
  485. function openreduc(){
  486. var modal = document.getElementById("modalreduc");
  487.     modal.style.display = "block"; 
  488. }
  489. function openinfo(){
  490. var modal = document.getElementById("modalinfo");
  491.     modal.style.display = "block"; 
  492. }
  493. function closeinfo(){
  494. var modal = document.getElementById("modalinfo");
  495.     modal.style.display = "none"; 
  496. }
  497. function openreducelem(trg){
  498.     var element = document.getElementById("title_"+trg);
  499.     if ( (" " + element.className + " ").replace(/[\n\t]/g, " ").indexOf("turnelem") > -1 ){
  500.   element.classList.remove("turnelem");
  501.     }else{
  502.   element.classList.add("turnelem");
  503.     }
  505.    var modal = document.getElementsByClassName("elem"+trg );
  506.    if(modal[0].style.height == "auto"){
  507.     modal[0].style.height = "0"; 
  508.    }else{
  509.     modal[0].style.height = "auto"; 
  510.    }
  511. }
  512. function validateEmail(email) {
  513.   const re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  514.   return re.test(email);
  515. }
  516. function sendemande(event){
  517.     event.preventDefault()
  518.     let formreduc = document.getElementById('formreduc')
  519.     let error = 0
  520.     formData = new FormData(formreduc); 
  521.     if( !validateEmail(document.formreduc.form_email.value) ){
  522.         document.formreduc.form_email.classList.add("notvalide");
  523.         error = 1
  524.         document.getElementById('error_form_email').style.display = "block"; 
  525.     }else{
  526.         document.formreduc.form_email.classList.remove("notvalide");
  527.         document.getElementById('error_form_email').style.display = "none"; 
  528.         
  529.     }
  530.     if(document.formreduc.achatouloc.value == ''){
  531. document.getElementsByClassName("elem2" )[0].style.height = "auto"; 
  532.         document.getElementById('achatouloc_ach_name').classList.add("notvalide");
  533.         document.getElementById('achatouloc_loc_name').classList.add("notvalide");
  534.         document.getElementById('error_achatouloc').style.display = "block"; 
  535.         error = 1
  536.     }else{
  537.         document.getElementById('achatouloc_ach_name').classList.remove("notvalide");
  538.         document.getElementById('achatouloc_loc_name').classList.remove("notvalide");
  539.         document.getElementById('error_achatouloc').style.display = "none"; 
  540.     }
  542.     if(document.formreduc.achatouloc.value  == 'location'){
  543.         if(document.formreduc.nb_de_jours.value == '' && document.formreduc.date_debut.value == '' && document.formreduc.date_fin.value == '' ){
  544.             
  545. document.formreduc.nb_de_jours.classList.add("notvalide"); 
  546. document.formreduc.date_debut.classList.add("notvalide"); 
  547. document.formreduc.date_fin.classList.add("notvalide");  
  548. document.getElementsByClassName("elem2" )[0].style.height = "auto"; 
  549.         document.getElementById('error_nd_jours').style.display = "block"; 
  550.         error = 1
  551.         }else if( document.formreduc.nb_de_jours.value != '' && document.formreduc.date_debut.value == '' && document.formreduc.date_fin.value == '' ){
  552.         document.formreduc.nb_de_jours.classList.remove("notvalide");
  553.         document.formreduc.date_debut.classList.remove("notvalide");
  554.         document.formreduc.date_fin.classList.remove("notvalide");
  555.         document.getElementById('error_nd_jours').style.display = "none"; 
  556.         }else if( document.formreduc.nb_de_jours.value == '' && document.formreduc.date_debut.value != '' && document.formreduc.date_fin.value == '' ){
  557. document.formreduc.date_fin.classList.add("notvalide");  
  558. document.getElementsByClassName("elem2" )[0].style.height = "auto"; 
  559.         document.getElementById('error_nd_jours').style.display = "block"; 
  560.         error = 1
  561.         }else if( document.formreduc.nb_de_jours.value == '' && document.formreduc.date_debut.value == '' && document.formreduc.date_fin.value != '' ){
  562. document.formreduc.date_debut.classList.add("notvalide"); 
  563. document.getElementsByClassName("elem2" )[0].style.height = "auto"; 
  564.         document.getElementById('error_nd_jours').style.display = "block"; 
  565.         error = 1
  566.         }else{
  567.         document.formreduc.nb_de_jours.classList.remove("notvalide");
  568.         document.formreduc.date_debut.classList.remove("notvalide");
  569.         document.formreduc.date_fin.classList.remove("notvalide");
  570.         document.getElementById('error_nd_jours').style.display = "none"; 
  571.         }
  572.     }
  573.     
  574.     if(document.formreduc.nb_vehicules.value == ''){
  575. document.formreduc.nb_vehicules.classList.add("notvalide");  
  576. document.getElementsByClassName("elem2" )[0].style.height = "auto"; 
  577.         document.getElementById('error_nb_vehicules').style.display = "block"; 
  578.         error = 1
  579.     }else{
  580.         document.formreduc.budget_location.classList.remove("notvalide");
  581.         document.getElementById('error_budget_location').style.display = "none"; 
  582.     }
  585.     if(document.formreduc.budget_location.value == ''){
  586. document.formreduc.budget_location.classList.add("notvalide");  
  587. document.getElementsByClassName("elem3" )[0].style.height = "auto"; 
  588.         document.getElementById('error_budget_location').style.display = "block"; 
  589.         error = 1
  590.     }else{
  591.         document.formreduc.budget_location.classList.remove("notvalide");
  592.         document.getElementById('error_budget_location').style.display = "none"; 
  593.     }
  595.     if(document.formreduc.assiselect.value == ''){
  596. document.getElementsByClassName("elem4" )[0].style.height = "auto"; 
  597.         document.getElementById('assiselect_oui_name').classList.add("notvalide");
  598.         document.getElementById('assiselect_non_name').classList.add("notvalide");
  599.         document.getElementById('error_assiselect').style.display = "block"; 
  600.         error = 1
  601.     }else{
  602.         document.getElementById('assiselect_oui_name').classList.remove("notvalide");
  603.         document.getElementById('assiselect_non_name').classList.remove("notvalide");
  604.         document.getElementById('error_assiselect').style.display = "none"; 
  605.     }
  607.     if(document.formreduc.votre_projet.value == ''){
  608. document.formreduc.votre_projet.classList.add("notvalide");   
  609. document.getElementsByClassName("elem8" )[0].style.height = "auto"; 
  610.         document.getElementById('error_votre_projet').style.display = "block"; 
  611.         error = 1
  612.     }else{
  613.         document.formreduc.votre_projet.classList.remove("notvalide");
  614.         document.getElementById('error_votre_projet').style.display = "none"; 
  615.     }
  617.     if(document.formreduc.contrepartie_projet.value == ''){
  618. document.formreduc.contrepartie_projet.classList.add("notvalide");   
  619. document.getElementsByClassName("elem8" )[0].style.height = "auto"; 
  620.         document.getElementById('error_contrepartie_projet').style.display = "block"; 
  621.         error = 1
  622.     }else{
  623.         document.formreduc.contrepartie_projet.classList.remove("notvalide");
  624.         document.getElementById('error_contrepartie_projet').style.display = "none"; 
  625.     }
  627.     if(document.formreduc.form_tel.value == ''){
  628. document.formreduc.form_tel.classList.add("notvalide");   
  629.         document.getElementById('error_form_tel').style.display = "block"; 
  630.         error = 1
  631.     }else{
  632.         document.formreduc.form_tel.classList.remove("notvalide");
  633.         document.getElementById('error_form_tel').style.display = "none"; 
  634.     }
  635.     
  636.     if( error == 1){
  637.     return false;
  638.     }
  640.   /*  const formData = new FormData();
  641.        Object.keys(filtres).map(function(key) {
  642.       formData.set( key , filtres[key] ) 
  643.       });
  644.       formData.set( 'start' , this.state.start ) 
  645. */
  646.       let http = ''
  647.       if (location.protocol == 'https:')
  648.         {
  649.           http = 'https:' 
  650.         }else{
  651.           http = 'http:' 
  652.         }
  653.       let urlreq = http +'//'+window.location.host +`/api/demandereduc/`;
  654.       fetch (urlreq, {
  655.         method: 'POST',
  656.         body: formData,
  657.         credentials: 'include'
  658.         })
  659.       .then (res => res.json ())
  660.       .then (json =>{
  661.           if(json.mail == 'ok'){
  662.               document.getElementById('massageenvoye').innerHTML = 'Votre demande a bien été envoyée'
  663.               document.getElementById("formreduc").reset();
  664.           }else{
  665.               document.getElementById('massageenvoye').innerHTML = "Votre demande n'a pas pu être envoyée"
  666.           }
  667.       })
  670.    
  671. }
  674. function sendemandeinfo(event){
  675.     event.preventDefault()
  676.     let forminfo = document.getElementById('forminfo')
  677.     let error = 0
  678.     formData = new FormData(forminfo);  
  679.     if( !validateEmail(document.forminfo.form_email.value) ){
  680.         document.forminfo.form_email.classList.add("notvalide");
  681.         error = 1
  682.         document.getElementById('error_form_email_info').style.display = "block"; 
  683.     }else{
  684.         document.forminfo.form_email.classList.remove("notvalide");
  685.         document.getElementById('error_form_email_info').style.display = "none"; 
  686.         
  687.     }
  689.     if(document.forminfo.form_tel.value == ''){
  690. document.forminfo.form_tel.classList.add("notvalide");   
  691.         document.getElementById('error_form_tel_info').style.display = "block"; 
  692.         error = 1
  693.     }else{
  694.         document.forminfo.form_tel.classList.remove("notvalide");
  695.         document.getElementById('error_form_tel_info').style.display = "none"; 
  696.     }
  698.     
  699.     if( error == 1){
  700.     return false;
  701.     }
  703.   /*  const formData = new FormData();
  704.        Object.keys(filtres).map(function(key) {
  705.       formData.set( key , filtres[key] ) 
  706.       });
  707.       formData.set( 'start' , this.state.start ) 
  708. */
  709.       let http = ''
  710.       if (location.protocol == 'https:')
  711.         {
  712.           http = 'https:' 
  713.         }else{
  714.           http = 'http:' 
  715.         }
  716.       let urlreq = http +'//'+window.location.host +`/api/demandeinfo/`;
  717.       fetch (urlreq, {
  718.         method: 'POST',
  719.         body: formData,
  720.         credentials: 'include'
  721.         })
  722.       .then (res => res.json ())
  723.       .then (json =>{
  724.           if(json.mail == 'ok'){
  725.               document.getElementById('massageenvoye_info').innerHTML = 'Votre demande a bien été envoyée'
  726.               document.getElementById("forminfo").reset();
  727.           }else{
  728.               document.getElementById('massageenvoye_info').innerHTML = "Votre demande n'a pas pu être envoyée"
  729.           }
  730.       })
  733.    
  734. }
  736. function setCookiex(name,value,days){var expires="";if(days){var date=new Date();date.setTime(date.getTime()+(days*24*60*60*1000));expires="; SameSite=Lax; Secure expires="+date.toUTCString();}
  737. document.cookie=name+"="+(value||"")+expires+"; path=/";}
  738. function getCookiex(name){var nameEQ=name+"=";var ca=document.cookie.split(';');for(var i=0;i<ca.length;i++){var c=ca[i];while(c.charAt(0)==' ')c=c.substring(1,c.length);if(c.indexOf(nameEQ)==0)return c.substring(nameEQ.length,c.length);}
  739. return null;}
  740. /*
  741. function betaview(){
  742.     if(!getCookiex('masqbeta')){
  743.       //  document.getElementById('beta').classList.remove("hidbeta");
  744.     } 
  745. }
  746. function masqbeta(){setCookie('masqbeta','1',7); document.getElementById('beta').classList.add("hidbeta"); }
  747. function showbeta(){ document.getElementById('beta').classList.remove("hidbeta"); }
  748. */
  750. window.onload=function(){
  751.    // $('#header').height( $('.logo-container').height() )
  753.   if( window.innerWidth <= 768){ 
  754.      document.getElementById("header").style.height = document.getElementsByClassName("logo-container")[0].offsetHeight + 'px';
  755. document.getElementById("formulaire").style.marginTop = document.getElementsByClassName("logo-container")[0].offsetHeight + 'px';
  757.   } /*else{
  758.       document.getElementById("header").style.height = 'auto'
  759.   }*/
  760.     if( document.getElementById("burger").checked == true){
  761.         document.getElementById("header").classList.add("headshow") 
  762.     }else{
  763.         document.getElementById("header").classList.remove("headshow")  
  764.     }
  765.    // betaview();
  766. cookieConsent();
  767.     };
  770. /*$(document).scroll(function () { 
  771.         let positop = $('.logo-container').height();
  772.         if(  $(document).scrollTop() >= positop ){
  773.                   $('.keeplace').height( $('#nav').height())
  774.                 $('#nav').addClass('fixedtop');
  775.                 $('#header').addClass('fixedhead');
  776.         }else{
  777.                   $('.keeplace').height( 0)
  778.                  $('#nav').removeClass('fixedtop');
  779.                 $('#header').removeClass('fixedhead');
  780.         }
  781.       
  782. }); */
  784. document.addEventListener('scroll', (event) => {
  785. let positop = document.getElementsByClassName("logo-container")[0].offsetHeight
  786. if(  window.scrollY >= positop ){
  787.                  document.getElementsByClassName("keeplace")[0].style.height =  document.getElementById("nav").offsetHeight + 'px'
  788.                  document.getElementById("nav").classList.add('fixedtop') 
  789.                  document.getElementById("header").classList.add('fixedhead') 
  790.         }else{
  791.             document.getElementsByClassName("keeplace")[0].style.height = 0
  792.                  document.getElementById("nav").classList.remove('fixedtop')
  793.                  document.getElementById("header").classList.remove('fixedhead') 
  794.         }
  795. }, false)
  797. document.getElementById("burger").addEventListener("change", () => { 
  798.    if( document.getElementById("burger").checked == true){
  799.         document.getElementById("header").classList.add("headshow") 
  800.     }else{
  801.         document.getElementById("header").classList.remove("headshow")  
  802.     }
  803.     }, false);
  805. </script>
  807. <!-- Global site tag (gtag.js) - Google Analytics -->
  808. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-191273736-1">
  809. </script>
  810. <script>
  811.   window.dataLayer = window.dataLayer || [];
  812.   function gtag(){dataLayer.push(arguments);}
  813.   gtag('js', new Date());
  815.   gtag('config', 'UA-191273736-1');
  816.   gtag('config', 'AW-352701664');
  817.   gtag('config', 'AW-352701664/5jWqCKUFEOCZl6gB', {
  818.     'phone_conversion_number': '0698806933'
  819.   });
  820. </script>
  822. <script type="text/javascript">
  823. _linkedin_partner_id = "3674785";
  824. window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
  825. window._linkedin_data_partner_ids.push(_linkedin_partner_id);
  826. </script><script type="text/javascript">
  827. (function(){var s = document.getElementsByTagName("script")[0];
  828. var b = document.createElement("script");
  829. b.type = "text/javascript";b.async = true;
  830. b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
  831. s.parentNode.insertBefore(b, s);})();
  832. </script>
  833. <noscript>
  834. <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=3674785&fmt=gif" />
  835. </noscript>
  837.     </body>
  838. </html>