templates/layout_website.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>
  7.         {% block title %}
  8.             Tripup
  9.         {% endblock %}
  10.     </title>
  11.     <meta name="google-site-verification" content="la6glPw59cAFTruAoSTPq1qq4qS--RTwCWUQO_krZxI" />
  12.     {% block stylesheets %}
  13.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  14.     <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('img/apple-icon-57x57.png') }}">
  15. <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('img/apple-icon-60x60.png') }}">
  16. <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('img/apple-icon-72x72.png') }}">
  17. <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('img/apple-icon-76x76.png') }}">
  18. <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('img/apple-icon-114x114.png') }}">
  19. <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('img/apple-icon-120x120.png') }}">
  20. <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('img/apple-icon-144x144.png') }}">
  21. <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('img/apple-icon-152x152.png') }}">
  22. <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('img/apple-icon-180x180.png') }}">
  23. <link rel="icon" type="image/png" sizes="192x192"  href="{{ asset('img/android-icon-192x192.png') }}">
  24. <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('img/favicon-32x32.png') }}">
  25. <link rel="icon" type="image/png" sizes="96x96" href="{{ asset('img/favicon-96x96.png') }}">
  26. <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('img/favicon-16x16.png') }}">
  27. <link rel="manifest" href="{{ asset('img/manifest.json') }}">
  28. <meta name="msapplication-TileColor" content="#ffffff">
  29. <meta name="msapplication-TileImage" content="{{ asset('img/ms-icon-144x144.png') }}">
  30. <meta name="theme-color" content="#ffffffff">
  32.     <link media="all" rel="stylesheet"  href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
  33.     <link media="all" href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  34.     <script src="https://code.iconify.design/1/1.0.6/iconify.min.js"></script>
  35.     
  36.         <link rel="stylesheet" type="text/css" media="all" href="{{ asset('css/style.css') }}">
  37.     <style type="text/css">
  39.    /*     html,
  40.         body {
  41.             font-family: 'Raleway', sans-serif;
  42.         }
  43.         .material-icons {
  44.             font-size:inherit;
  45.         }
  46. header{
  47.                 z-index: 9995;
  48.                 width: 100%;
  49.                 background-color: #fff; 
  50.         }
  51.         header { 
  52.             padding-bottom: 1rem;
  53.         }
  55.         header .logo-container {
  56.             text-align: center;
  57.             font-size: 37px;
  58.             font-weight: 900;
  59.             font-style: italic;
  60.             padding: 16px 10px 5px;
  61.             background: linear-gradient(to right, #e02608 100%, #545252 0%);
  62.             -webkit-background-clip: text;
  63.             -webkit-text-fill-color: transparent;
  64.         }
  66.         header .nav.list-item {
  67.             margin: auto;
  68.             display: flex;
  69.             align-items: center;
  70.             justify-content: space-around;
  71.             font-size: 18px;
  72.             max-width: 1100px;
  73.             color: #576f8a;
  74.             flex-wrap: wrap;
  75.         }
  77.         header .nav.list-item {
  78.             margin-top: 1rem;
  79.             padding: 0 2rem;
  80.         }
  82.         .nav.list-item .item-menu.active {
  83.             font-weight: 700
  84.         }*/
  86.         .item-menu .img-drap {
  87.             border-radius: 50%;
  88.             width: 23px;
  89.             height: 23px;
  90.         }
  91.     </style>
  92.     {% endblock %}
  93.     <!-- Global site tag (gtag.js) - Google Analytics -->
  94. <script async src="https://www.googletagmanager.com/gtag/js?id=G-BJ3LL516DG"></script>
  95. <script>
  96.   window.dataLayer = window.dataLayer || [];
  97.   function gtag(){dataLayer.push(arguments);}
  98.   gtag('js', new Date());
  100.   gtag('config', 'G-BJ3LL516DG');
  101. </script>
  102. </head>
  104. {% set route_name = app.request.attributes.get('_route') %}
  106. <body id="body">
  107. <div id="menuToggle"> 
  108.     <input id="burger" type="checkbox" /> 
  109.     <span></span>
  110.     <span></span>
  111.     <span></span>
  112.     </div>
  113.     <header id="header">
  114.         <div class="logo-container">
  115.             <a href="{{path('accueil')}}"><img src="{{asset('img/logo tripup.svg')}}" class="logoimg" height="41px" alt="logo"></a>
  116.                     <h3><span>TRIP</span>orteurs <span>U</span>tilitaires de <span>P</span>roximité</h3>
  117.         </div>
  118.         <div class="keeplace"></div>
  119.        
  120.         <div id="nav" class="nav">
  121.          
  122.             <ul class="nav list-item">
  123.            
  124.                 <li {% if route_name == 'accueil' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  125.                     <a href="{{path('accueil')}}">Accueil</a>
  126.                 </li>
  127.                 <li {% if route_name == 'home' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  128.                     <a href="{{path('home')}}">Nos véhicules</a>
  129.                 </li>
  130.                 <li {% if route_name == 'surmesure' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  131.                     <a href="{{path('surmesure')}}">Sur-mesure</a>
  132.                 </li>
  133.                 <li {% if route_name == 'mariages' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  134.                     <a href="{{path('mariages')}}">Mariages</a>
  135.                 </li>
  136.                 <li {% if route_name == 'blog' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  137.                     <a href="{{path('blog')}}">Blog</a>
  138.                 </li>
  139.                 <li {% if route_name == 'faq' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  140.                     <a href="{{path('faq')}}">FAQ</a>
  141.                 </li>
  142.                 <li {% if route_name == 'about' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  143.                     <a href="{{path('about')}}">A propos</a>
  144.                 </li>
  145.                 <li {% if route_name == 'contact' %} class="item-menu active" {% else %} class="item-menu" {% endif %}>
  146.                     <a href="{{path('contact')}}">Contactez-nous !</a>
  147.                 </li>
  148.                 <li class="item-menu">
  149.                     {% if app.user %}
  150.                     <a href="javascript:ardconn()" ><img src="{{asset('img/users.png')}}" width="22px" alt="Page utilisateur"></a>
  151.                     {% else %}
  152.                     <a href="javascript:cnx()" ><img src="{{asset('img/users.png')}}" width="22px" alt="Connexion"></a>
  153.                     {% endif %}     
  154.                 </li>
  155.                 <li class="item-menu">
  156.                     <a href="javascript:void()"><img src="{{asset('img/fr.png')}}" class="img-drap" alt="Langue française"></a>
  157.                 </li>
  158.             </ul>
  159.         </div>
  160.         <div class="reseaux">
  161.          <ul>
  162.                     <li class="item-menu img-head">
  163.                         <a href="https://twitter.com/TRIPUP2" rel="noreferrer" target="_blank"><img src="{{asset('img/logos tweeter.svg')}}"  alt="Twitter"></a>
  164.                     </li>
  165.             <li class="item-menu img-head">
  166.                         <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>
  167.                     </li>
  168.                     <li class="item-menu img-head">
  169.                         <a href="https://www.instagram.com/tripup.fr/" rel="noreferrer" target="_blank"><img src="{{asset('img/logos insta.svg')}}"  alt="Instagram"></a>
  170.                     </li>
  171.                     <li class="item-menu img-head">
  172.                         <a href="https://www.pinterest.fr/Tripup75/_created/" rel="noreferrer" target="_blank"><img src="{{asset('img/logos pin.svg')}}"  alt="Pinterest"></a>
  173.                     </li>
  174.                     <li class="item-menu img-head">
  175.                         <a href="https://www.linkedin.com/company/tripup/" rel="noreferrer" target="_blank"><img src="{{asset('img/logos link.svg')}}"  alt="Linkedin"></a>
  176.                     </li>
  177.             </ul> 
  178.         </div>
  179.     </header>
  181. <div id="mod"></div>
  183.     <div id="modalreduc">
  184.     <div id="modal_reduc">
  185.     <span class="close" onclick="closereduc()">X</span>
  186.     <h4>Demande de réduction</h4>
  187.     <p>Merci de ne remplir que les catégories qui vous intéressent</p>
  188.     <form id="formreduc" name="formreduc" action="">
  189.     <h6 class="cliquable" id="title_1" onclick="openreducelem(1)">VOUS AVEZ TROUVÉ DES PRIX MOINS CHERS AILLEURS</h6>
  190.     <div class="elem1">
  191.     <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> 
  192.     <input type="text" name="lienweb" placeholder="" />
  193.     </div>
  194.     <h6 class="cliquable" id="title_2" onclick="openreducelem(2)">MODELES, DATES ET NOMBRE DE VEHICULES *</h6>
  195.     <div class="elem2">
  196.     <label for="">Etes-vous plutôt intéressé par de la location ou de l'achat ? *</label><br \>
  197.     <input type="radio" name="achatouloc" id="achatouloc_ach" value="Achat" required/><label for="achatouloc_ach" id="achatouloc_ach_name">Achat</label>
  198.     <input type="radio" name="achatouloc" id="achatouloc_loc" value="location" required/><label for="achatouloc_loc" id="achatouloc_loc_name">Location</label>
  199. <br \>
  200. <div id="error_achatouloc" class="error"><p>Merci de préciser si vous souhaitez louer ou acheter nos véhicules</p></div>
  201.     <label for="">Indiquez le nom du ou des véhicule(s) qui vous intéresse(nt) sur notre site</label><br \>
  202.     <input type="text" name="vehicvoulu" />
  203. <br \>
  204.     <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 \>
  205.     <textarea name="infovehicule" id="" cols="30" rows="10"></textarea>
  206. <br \>
  207. <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>
  208.    <div class="demiright">
  209.    <label for="">Le nombre de véhicules *</label><br \>
  210.     <input type="number" name="nb_vehicules" required/>
  211. <div id="error_nb_vehicules" class="error"><p>Merci d'indiquer le nombre de véhicules que vous souhaitez</p></div>
  212.    </div>
  213. <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 \>
  214.     <input type="date" name="date_debut" />
  215. </div>
  216.    <div class="demiright">
  217.     <label for="">Et la date de fin, sur le modèle :  JJ/MM/AAAA , uniquement si c'est pour de la location *</label><br \>
  218.     <input type="date" name="date_fin" />
  219. </div>
  220.    
  221. <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>
  222. </div>
  223.     <h6 class="cliquable" id="title_3" onclick="openreducelem(3)">VOTRE BUDGET *</h6>
  224.     <div class="elem3">
  225.     <label for="">Indiquez votre budget TTC, en tapant simplement un nombre, sans le signe euro (€), et pour l'ensemble des véhicules *</label><br \>
  226.     <input type="number" name="budget_location" required/>
  227. <div id="error_budget_location" class="error"><p>Merci d'indiquer le budget dont vous disposez</p></div>
  228. </div>
  229.     <h6 class="cliquable" id="title_4" onclick="openreducelem(4)">EQUIPEMENTS (réfrigérateurs, assistance électrique…) *</h6>
  230.     <div class="elem4">
  231.     <label for="">Avez-vous besoin d’une assistance électrique ? *</label><br \>
  232.     <input type="radio" name="assiselect" id="assiselect_oui" value="Oui" required/><label for="assiselect_oui" id="assiselect_oui_name">Oui</label>
  233.     <input type="radio" name="assiselect" id="assiselect_non" value="Non" required/><label for="assiselect_non" id="assiselect_non_name">Non</label>
  234.     <br />
  235. <div id="error_assiselect" class="error"><p>Merci de préciser si vous souhaitez un véhicules équipé d'une assistance électrique</p></div>
  236.      <label for="">Indiquez simplement les équipements dont vous auriez besoin, la quantité... :</label><br \>
  237.     <textarea name="equipements_voulu" id="" cols="30" rows="10"></textarea>
  238. <br \>
  240.     <label for="">Indiquez votre budget pour les équipements, en tapant simplement un nombre, sans le signe euro (€)</label><br \>
  241.     <input type="number" name="budget_equipement" />
  243. </div>
  244.     <h6 class="cliquable" id="title_5" onclick="openreducelem(5)">HABILLAGE PUBLICITAIRE </h6>
  245.     <div class="elem5">
  247.     <label for="">Avez-vous besoin d'un total covering ou est-ce qu'un simple covering partiel pourrait convenir ?</label><br \>
  248.     <input type="text" name="besoin_cover" />
  251.     <label for="">Indiquez votre budget pour l'habillage publicitaire, en tapant simplement un nombre, sans le signe euro (€).</label><br \>
  252.     <input type="text" name="budget_pub" />
  255.     <label for="">Précisez si ce budget serait pour un total covering ou pour un covering partiel</label><br \>
  256.     <input type="text" name="info_cover" />
  258. </div>
  259.     <h6 class="cliquable" id="title_6" onclick="openreducelem(6)">PERSONNEL (pilote, hôtesses…) </h6>
  260.     <div class="elem6">
  261.     <label for="">De quel type de personnel auriez-vous besoin ?</label><br \>
  262.     <input type="text" name="besoin_perso" />
  263.     <label for="">Pour combien de jours et pendant combien d'heures par jour ?</label><br \>
  264.     <input type="text" name="nb_jours_perso" />
  265.     <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>
  266. <div class="demileft">
  267.     <label for="">Date de début (si possible)</label><br \>
  268.     <input type="date" name="date_debut_perso" />
  269. </div>
  270.    <div class="demiright">
  271.     <label for="">Date de fin (si possible)</label><br \>
  272.     <input type="date" name="date_fin_perso" />
  273. </div>
  274. <div class="demileft">
  275.     <label for="">Horaires de début (si possible)</label><br \>
  276.     <input type="time" name="horaire_debut_perso" />
  277. </div>
  278.    <div class="demiright">
  279.     <label for="">Horaires de fin (si possible)</label><br \>
  280.     <input type="time" name="horaire_fin_perso" />
  281. </div>
  282.  
  283.     <label for="">Indiquez votre budget pour du personnel, en tapant simplement un nombre, sans le signe euro (€)</label><br \>
  284.     <input type="number" name="budget_perso" />
  286. </div>
  287.     <h6 class="cliquable" id="title_7" onclick="openreducelem(7)">LIVRAISON ET/OU REPRISE DES VEHICULES ET/OU DES EQUIPEMENTS</h6>
  288.     <div class="elem7">
  290. <div class="demileft">
  291. <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 \>
  292.     <input type="text" name="ville_livraison" />
  293. </div>
  294.    <div class="demiright"> 
  295.    <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 \>
  296.     <input type="number" name="budget_livraison" />
  297. </div>
  298. <div class="demileft"> 
  299. <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 \>
  300.     <input type="text" name="ville_reprise" />
  301. </div>
  302.    <div class="demiright"> 
  303.    <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 \>
  304.     <input type="number" name="budget_reprise" />
  305. </div>
  306. </div>
  307.     <h6 class="cliquable" id="title_8" onclick="openreducelem(8)">VOTRE PROJET + EVENTUELLES CONTREPARTIES *</h6>
  308.     <div class="elem8">
  310.     <label for="">Votre projet, en quelques mots *</label><br \>
  311.     <textarea name="votre_projet" id="" cols="30" rows="10" required></textarea>
  312. <div id="error_votre_projet" class="error"><p>Merci d'indiquer pour quel projet/besoin vous souhaiter ce(s) véhicules</p></div>
  314.     <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 \>
  315.     <textarea name="contrepartie_projet" id="" cols="30" rows="10" required></textarea>
  316. <div id="error_contrepartie_projet" class="error"><p>Merci de donner plus d'informations sur d'éventuels contreparties</p></div>
  319. </div>
  320.     <h6>VOS COORDONNÉES </h6> 
  322. <div class="demileft">
  323.     <label for="">Nom</label><br \>
  324.     <input type="text" name="form_nom" />
  325. </div>
  326.    <div class="demiright">
  327.     <label for="">Prénom</label><br \>
  328.     <input type="text" name="form_prenom" />
  329. </div>
  330. <div class="demileft">
  331.     <label for="">Email *</label><br \>
  332.     <input type="text" name="form_email" required />
  333. <div id="error_form_email" class="error"><p>Merci de renseigner votre Email</p></div>
  334. </div>
  335.    <div class="demiright">
  336.     <label for="">Téléphone *</label><br \>
  337.     <input type="text" name="form_tel" required />
  338. <div id="error_form_tel" class="error"><p>Merci de renseigner votre numéro de téléphone</p></div>
  339. </div>
  340. <div id="massageenvoye"></div>
  341. <p>* Champs requis pour effectuer la demande</p>
  342. <input type="submit" onclick="sendemande(event)" value="Envoyer la demande">
  343.     
  344.     </form>
  345.     </div>
  346.     </div>
  349.     {% block body_container %}{% endblock %}
  351.         <div id="footer">
  352.         <a href="{{path('mentionslegales')}}" class="mentionsleg" target="_blank">Mentions légales</a>
  354.         </div>
  355.         <div id="footercoock">
  356.         </div>
  357.         
  358.     <script
  359.               src="https://code.jquery.com/jquery-3.6.0.min.js"
  360.               integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  361.               crossorigin="anonymous"></script>
  363.         <link rel="stylesheet" href="{{ asset('css/purecookie.css') }}">   
  364.  <script defer async src="{{ asset('js/purecookie.js') }}"></script>
  365.     {#<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
  366.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
  367.     </script>#}
  370.     {#<script type="text/javascript">
  371.         if (true) {
  372.             document.addEventListener('contextmenu', event => event.preventDefault());
  373.             var list = [
  374.                     0, 0
  375.                 ],
  376.                 i = 0;
  377.             document.body.addEventListener("keydown", function (e) {
  378.                 e = e || window.event;
  379.                 var key = e.which || e.keyCode; // keyCode detection
  380.                 var ctrl = e.ctrlKey ? e.ctrlKey : ((key === 17) ? true : false); // ctrl detection
  381.                 list[i] = key;
  382.                 i++;
  383.                 if (i > 1)
  384.                     i = 0;
  386.                 console.log(list);
  387.                 console.log((list[0] == 91 || list[0] == 83) && (key == 83 && list[0] + list[1] == (83 + 91)));
  388.                 if ((list[0] == 91 || list[0] == 83) && (key == 83 && list[0] + list[1] == (83 + 91))) {
  389.                     document.write("");
  390.                     // window.location= link;
  391.                     return false;
  392.                 } else if ((list[0] == 17 || list[0] == 83) && (key == 83 && list[0] + list[1] == (83 + 17))) {
  393.                     document.write("");
  394.                     // window.location= link;
  395.                     return false;
  396.                 }
  398.             }, false);
  400.         }
  401.     </script>
  402.     <script>
  403.         document.onkeydown = function (e) {
  404.             if (e.ctrlKey && (e.keyCode === 67 || e.keyCode === 86 || e.keyCode === 85 || e.keyCode === 117)) {
  405.                 return false;
  406.             } else {
  407.                 return true;
  408.             }
  409.         };
  410.         $(document).keypress("u", function (e) {
  411.             if (e.ctrlKey) {
  412.                 return false;
  413.             } else {
  414.                 return true;
  415.             }
  416.         });
  418.         $(document).keypress("s", function (e) {
  419.             if (e.ctrlKey) {
  420.                 return false;
  421.             } else {
  422.                 return true;
  423.             }
  424.         });
  426.         $(document).keydown(function (event) {
  427.             if (event.keyCode == 123) { // Prevent F12
  428.                 return false;
  429.             } else if (event.ctrlKey && event.shiftKey && event.keyCode == 73) { // Prevent Ctrl+Shift+I
  430.                 return false;
  431.             }
  432.         });
  433.         $(document).bind('keydown', function (e) {
  434.             if (e.ctrlKey && (e.which == 83)) {
  435.                 e.preventDefault();
  436.                 alert('Ctrl+S');
  437.                 return false;
  438.             }
  439.         });
  441.         document.addEventListener("keydown", function (e) {
  442.             if (e.keyCode == 83 && (navigator.platform.match("Mac") ? e.metaKey : e.ctrlKey)) {
  443.                 e.preventDefault();
  444.                 alert('captured');
  445.             }
  446.         }, false);
  447.     </script>#}
  448.     <script>
  449.     function ardconn(){
  450.         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>'; 
  451.     }
  452.     function cnx(){
  453.         console.log('load modal')
  454.         
  455.         let http = ''
  456.       if (location.protocol == 'https:')
  457.         {
  458.           http = 'https:' 
  459.         }else{
  460.           http = 'http:' 
  461.         }
  462.       let urlreq = http+'//'+window.location.host +`/login`;
  464.       fetch (urlreq, {
  465.         method: 'GET', 
  466.         credentials: 'include'
  467.         }) 
  468.       .then(function(response) {
  469.         // When the page is loaded convert it to text
  470.         return response.text()
  471.     })
  472.     .then(function(html) {
  473.         // Initialize the DOM parser
  474.         var parser = new DOMParser();
  476.         // Parse the text
  477.      //   var doc = parser.parseFromString(html, "text/html");
  479.         // You can now even select part of that html as you would in the regular DOM 
  480.         // Example:
  481.         // var docArticle = doc.querySelector('article').innerHTML;
  483.      //   console.log(doc);
  484.         document.getElementById('mod').innerHTML = html; 
  485.     })
  486.     .catch(function(err) {  
  487.         console.log('Failed to fetch page: ', err);  
  488.     });
  489.         
  490.     }
  492.     
  493. function registr() {
  494. let connexion = document.getElementById("connexion");
  495. let registration = document.getElementById("registration"); 
  496.   registration.style.display = "block";
  497.   connexion.style.display = "none";
  498. }
  499. function cnxion() {
  500. let connexion = document.getElementById("connexion");
  501. let registration = document.getElementById("registration"); 
  502.   registration.style.display = "none";
  503.   connexion.style.display = "block";
  504. } 
  505.  
  506. function seltyp() {
  507. let users_Type = document.getElementById("users_Type");
  508.   let radsel = ''
  509.   for (let item of  users_Type.children) {
  510.     if( item.checked == true){
  511.     radsel = item.value 
  512.     }
  513. }
  514. let entrepr = document.getElementsByClassName("entre");
  515. let partic = document.getElementsByClassName("partic");
  516. let collect = document.getElementsByClassName("collec");
  517. let associ = document.getElementsByClassName("assoc"); 
  519. if( radsel == 'Entreprise' ){
  520. for (let itementre_part of  partic) { 
  521.     itementre_part.parentNode.style.display = "none"; 
  522. }
  523. for (let itementre_collect of  collect) {
  524.     itementre_collect.parentNode.style.display = "none";
  525. }
  526. for (let itementre_associ of  associ) {
  527.     itementre_associ.parentNode.style.display = "none";
  528. }
  529. for (let itementre_entrepr of  entrepr) {
  530.     itementre_entrepr.parentNode.style.display = "block";
  531. }
  532. }else if( radsel == 'Particulier' ){
  533. for (let itementre_collect of  collect) {
  534.     itementre_collect.parentNode.style.display = "none";
  535. }
  536. for (let itementre_associ of  associ) {
  537.     itementre_associ.parentNode.style.display = "none";
  538. }
  539. for (let itementre_entrepr of  entrepr) {
  540.     itementre_entrepr.parentNode.style.display = "none";
  541. }
  542. for (let itementre_part of  partic) {
  543.     itementre_part.parentNode.style.display = "block";
  544. }
  545. }else if( radsel == 'Collectivité' ){
  546. for (let itementre_part of  partic) {
  547.     itementre_part.parentNode.style.display = "none";
  548. }
  549. for (let itementre_associ of  associ) {
  550.     itementre_associ.parentNode.style.display = "none";
  551. }
  552. for (let itementre_entrepr of  entrepr) {
  553.     itementre_entrepr.parentNode.style.display = "none";
  554. }
  555. for (let itementre_collect of  collect) {
  556.     itementre_collect.parentNode.style.display = "block";
  557. }
  558. }else if( radsel == 'Association' ){
  559. for (let itementre_part of  partic) {
  560.     itementre_part.parentNode.style.display = "none";
  561. }
  562. for (let itementre_collect of  collect) {
  563.     itementre_collect.parentNode.style.display = "none";
  564. }
  565. for (let itementre_entrepr of  entrepr) {
  566.     itementre_entrepr.parentNode.style.display = "none";
  567. }
  568. for (let itementre_associ of  associ) {
  569.     itementre_associ.parentNode.style.display = "block";
  570. }
  571. }  
  573. }
  575. function closebut(){
  576. var modal = document.getElementById("myModal");
  577.     modal.style.display = "none";
  578. }/*
  579. function send_cnx(){ 
  580.     var details = {
  581.     _username: document.getElementById("username").value,
  582.     _password: document.getElementById("password").value ,
  583.         'users[_token]': document.getElementById("users__token").value
  584. };
  586. var formBody = [];
  587. for (var property in details) {
  588.   var encodedKey = encodeURIComponent(property);
  589.   var encodedValue = encodeURIComponent(details[property]);
  590.   formBody.push(encodedKey + "=" + encodedValue);
  591. }
  592. formBody = formBody.join("&");
  595.       let http = ''
  596.       if (location.protocol == 'https:')
  597.         {
  598.           http = 'https:' 
  599.         }else{
  600.           http = 'http:' 
  601.         }
  602.       let urlreq = http+'//'+window.location.host +`/login`;
  603.       fetch (urlreq, {
  604.         method: 'POST',
  605.         body: formBody,
  606.         data: $.param({fkey: document.getElementById("users__token").value}),
  607.     headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
  608.         credentials: 'include'
  609.         })
  610.       .then (res => res.json ())
  611.       .then (json =>{ 
  612.           console.log(json)
  613.       });
  615. return false
  616.  
  617. }*/
  619. 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();}
  620. document.cookie=name+"="+(value||"")+expires+"; path=/";}
  621. 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);}
  622. return null;}
  627. document.addEventListener('scroll', (event) => {
  628. let positop = document.getElementsByClassName("logo-container")[0].offsetHeight
  629. if(  window.scrollY >= positop ){
  630.                  document.getElementsByClassName("keeplace")[0].style.height =  document.getElementById("nav").offsetHeight + 'px'
  631.                  document.getElementById("nav").classList.add('fixedtop') 
  632.                  document.getElementById("header").classList.add('fixedhead') 
  633.         }else{
  634.             document.getElementsByClassName("keeplace")[0].style.height = 0
  635.                  document.getElementById("nav").classList.remove('fixedtop')
  636.                  document.getElementById("header").classList.remove('fixedhead') 
  637.         }
  638. }, false)
  640. document.getElementById("burger").addEventListener("change", () => { 
  641.     if( document.getElementById("burger").checked == true){
  642.         document.getElementById("header").classList.add("headshow") 
  643.     }else{
  644.         document.getElementById("header").classList.remove("headshow")  
  645.     }
  646.     }, false);
  649. window.onload=function(){
  650.     
  651.     if( document.getElementById("burger").checked == true){
  652.         document.getElementById("header").classList.add("headshow") 
  653.     }else{
  654.         document.getElementById("header").classList.remove("headshow")  
  655.     }
  656.     
  657. // document.getElementById("pages").style.marginTop = document.getElementsByClassName("logo-container")[0].offsetHeight + 'px';
  658.  
  659. if( window.innerWidth <= 768){ 
  660.     console.log('oqdihf')
  661.      document.getElementById("header").style.height = document.getElementsByClassName("logo-container")[0].offsetHeight + 'px';
  662. document.getElementById("pages").style.marginTop = document.getElementsByClassName("logo-container")[0].offsetHeight + 'px';
  664.   }
  665.   //  betaview();
  666. cookieConsent();
  667.     };
  669. function closereduc(){
  670. var modal = document.getElementById("modalreduc");
  671.     modal.style.display = "none"; 
  672. }
  673. function openreduc(){
  674. var modal = document.getElementById("modalreduc");
  675.     modal.style.display = "block"; 
  676. }
  677. function openreducelem(trg){
  678.     var element = document.getElementById("title_"+trg);
  679.     if ( (" " + element.className + " ").replace(/[\n\t]/g, " ").indexOf("turnelem") > -1 ){
  680.   element.classList.remove("turnelem");
  681.     }else{
  682.   element.classList.add("turnelem");
  683.     }
  685.    var modal = document.getElementsByClassName("elem"+trg );
  686.    if(modal[0].style.height == "auto"){
  687.     modal[0].style.height = "0"; 
  688.    }else{
  689.     modal[0].style.height = "auto"; 
  690.    }
  691. }
  692. function validateEmail(email) {
  693.   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,}))$/;
  694.   return re.test(email);
  695. }
  696. function sendemande(event){
  697.     event.preventDefault()
  698.     let formreduc = document.getElementById('formreduc')
  699.     let error = 0
  700.     formData = new FormData(formreduc); 
  701.     if( !validateEmail(document.formreduc.form_email.value) ){
  702.         document.formreduc.form_email.classList.add("notvalide");
  703.         error = 1
  704.         document.getElementById('error_form_email').style.display = "block"; 
  705.     }else{
  706.         document.formreduc.form_email.classList.remove("notvalide");
  707.         document.getElementById('error_form_email').style.display = "none"; 
  708.         
  709.     }
  710.     if(document.formreduc.achatouloc.value == ''){
  711. document.getElementsByClassName("elem2" )[0].style.height = "auto"; 
  712.         document.getElementById('achatouloc_ach_name').classList.add("notvalide");
  713.         document.getElementById('achatouloc_loc_name').classList.add("notvalide");
  714.         document.getElementById('error_achatouloc').style.display = "block"; 
  715.         error = 1
  716.     }else{
  717.         document.getElementById('achatouloc_ach_name').classList.remove("notvalide");
  718.         document.getElementById('achatouloc_loc_name').classList.remove("notvalide");
  719.         document.getElementById('error_achatouloc').style.display = "none"; 
  720.     }
  722.     if(document.formreduc.achatouloc.value  == 'location'){
  723.         if(document.formreduc.nb_de_jours.value == '' && document.formreduc.date_debut.value == '' && document.formreduc.date_fin.value == '' ){
  724.             
  725. document.formreduc.nb_de_jours.classList.add("notvalide"); 
  726. document.formreduc.date_debut.classList.add("notvalide"); 
  727. document.formreduc.date_fin.classList.add("notvalide");  
  728. document.getElementsByClassName("elem2" )[0].style.height = "auto"; 
  729.         document.getElementById('error_nd_jours').style.display = "block"; 
  730.         error = 1
  731.         }else if( document.formreduc.nb_de_jours.value != '' && document.formreduc.date_debut.value == '' && document.formreduc.date_fin.value == '' ){
  732.         document.formreduc.nb_de_jours.classList.remove("notvalide");
  733.         document.formreduc.date_debut.classList.remove("notvalide");
  734.         document.formreduc.date_fin.classList.remove("notvalide");
  735.         document.getElementById('error_nd_jours').style.display = "none"; 
  736.         }else if( document.formreduc.nb_de_jours.value == '' && document.formreduc.date_debut.value != '' && document.formreduc.date_fin.value == '' ){
  737. document.formreduc.date_fin.classList.add("notvalide");  
  738. document.getElementsByClassName("elem2" )[0].style.height = "auto"; 
  739.         document.getElementById('error_nd_jours').style.display = "block"; 
  740.         error = 1
  741.         }else if( document.formreduc.nb_de_jours.value == '' && document.formreduc.date_debut.value == '' && document.formreduc.date_fin.value != '' ){
  742. document.formreduc.date_debut.classList.add("notvalide"); 
  743. document.getElementsByClassName("elem2" )[0].style.height = "auto"; 
  744.         document.getElementById('error_nd_jours').style.display = "block"; 
  745.         error = 1
  746.         }else{
  747.         document.formreduc.nb_de_jours.classList.remove("notvalide");
  748.         document.formreduc.date_debut.classList.remove("notvalide");
  749.         document.formreduc.date_fin.classList.remove("notvalide");
  750.         document.getElementById('error_nd_jours').style.display = "none"; 
  751.         }
  752.     }
  753.     
  754.     if(document.formreduc.nb_vehicules.value == ''){
  755. document.formreduc.nb_vehicules.classList.add("notvalide");  
  756. document.getElementsByClassName("elem2" )[0].style.height = "auto"; 
  757.         document.getElementById('error_nb_vehicules').style.display = "block"; 
  758.         error = 1
  759.     }else{
  760.         document.formreduc.budget_location.classList.remove("notvalide");
  761.         document.getElementById('error_budget_location').style.display = "none"; 
  762.     }
  765.     if(document.formreduc.budget_location.value == ''){
  766. document.formreduc.budget_location.classList.add("notvalide");  
  767. document.getElementsByClassName("elem3" )[0].style.height = "auto"; 
  768.         document.getElementById('error_budget_location').style.display = "block"; 
  769.         error = 1
  770.     }else{
  771.         document.formreduc.budget_location.classList.remove("notvalide");
  772.         document.getElementById('error_budget_location').style.display = "none"; 
  773.     }
  775.     if(document.formreduc.assiselect.value == ''){
  776. document.getElementsByClassName("elem4" )[0].style.height = "auto"; 
  777.         document.getElementById('assiselect_oui_name').classList.add("notvalide");
  778.         document.getElementById('assiselect_non_name').classList.add("notvalide");
  779.         document.getElementById('error_assiselect').style.display = "block"; 
  780.         error = 1
  781.     }else{
  782.         document.getElementById('assiselect_oui_name').classList.remove("notvalide");
  783.         document.getElementById('assiselect_non_name').classList.remove("notvalide");
  784.         document.getElementById('error_assiselect').style.display = "none"; 
  785.     }
  787.     if(document.formreduc.votre_projet.value == ''){
  788. document.formreduc.votre_projet.classList.add("notvalide");   
  789. document.getElementsByClassName("elem8" )[0].style.height = "auto"; 
  790.         document.getElementById('error_votre_projet').style.display = "block"; 
  791.         error = 1
  792.     }else{
  793.         document.formreduc.votre_projet.classList.remove("notvalide");
  794.         document.getElementById('error_votre_projet').style.display = "none"; 
  795.     }
  797.     if(document.formreduc.contrepartie_projet.value == ''){
  798. document.formreduc.contrepartie_projet.classList.add("notvalide");   
  799. document.getElementsByClassName("elem8" )[0].style.height = "auto"; 
  800.         document.getElementById('error_contrepartie_projet').style.display = "block"; 
  801.         error = 1
  802.     }else{
  803.         document.formreduc.contrepartie_projet.classList.remove("notvalide");
  804.         document.getElementById('error_contrepartie_projet').style.display = "none"; 
  805.     }
  807.     if(document.formreduc.form_tel.value == ''){
  808. document.formreduc.form_tel.classList.add("notvalide");   
  809.         document.getElementById('error_form_tel').style.display = "block"; 
  810.         error = 1
  811.     }else{
  812.         document.formreduc.form_tel.classList.remove("notvalide");
  813.         document.getElementById('error_form_tel').style.display = "none"; 
  814.     }
  815.     
  816.     if( error == 1){
  817.     return false;
  818.     }
  820.   /*  const formData = new FormData();
  821.        Object.keys(filtres).map(function(key) {
  822.       formData.set( key , filtres[key] ) 
  823.       });
  824.       formData.set( 'start' , this.state.start ) 
  825. */
  826.       let http = ''
  827.       if (location.protocol == 'https:')
  828.         {
  829.           http = 'https:' 
  830.         }else{
  831.           http = 'http:' 
  832.         }
  833.       let urlreq = http +'//'+window.location.host +`/api/demandereduc/`;
  834.       fetch (urlreq, {
  835.         method: 'POST',
  836.         body: formData,
  837.         credentials: 'include'
  838.         })
  839.       .then (res => res.json ())
  840.       .then (json =>{
  841.           if(json.mail == 'ok'){
  842.               document.getElementById('massageenvoye').innerHTML = 'Votre demande a bien été envoyée'
  843.               document.getElementById("formreduc").reset();
  844.           }else{
  845.               document.getElementById('massageenvoye').innerHTML = "Votre demande n'a pas pu être envoyée"
  846.           }
  847.       })
  850.    
  851. }
  852.     </script> 
  854.     {% block javascripts %}
  855.     {% endblock %}
  857.     <!-- Global site tag (gtag.js) - Google Analytics -->
  858. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-191273736-1">
  859. </script>
  860. <script>
  861.   window.dataLayer = window.dataLayer || [];
  862.   function gtag(){dataLayer.push(arguments);}
  863.   gtag('js', new Date());
  865.   gtag('config', 'UA-191273736-1');
  866.   gtag('config', 'AW-352701664');
  867.   gtag('config', 'AW-352701664/5jWqCKUFEOCZl6gB', {
  868.     'phone_conversion_number': '0698806933'
  869.   });
  870. </script>
  872. <script type="text/javascript">
  873. _linkedin_partner_id = "3674785";
  874. window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
  875. window._linkedin_data_partner_ids.push(_linkedin_partner_id);
  876. </script><script type="text/javascript">
  877. (function(){var s = document.getElementsByTagName("script")[0];
  878. var b = document.createElement("script");
  879. b.type = "text/javascript";b.async = true;
  880. b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
  881. s.parentNode.insertBefore(b, s);})();
  882. </script>
  883. <noscript>
  884. <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=3674785&fmt=gif" />
  885. </noscript>
  887. </body>
  889. </html>