templates/public/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  4. {% set centreGroupe = getInfoCentreGroupe() %}
  5. {% set parametreCentreGroupe = getParametreCentreGroupe() %}
  7. <head>
  8.     <meta charset="utf-8">
  9.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.     <!-- Tell the browser to be responsive to screen width -->
  11.     <meta name="viewport" content="width=device-width, initial-scale=1">
  12.     <meta name="description"
  13.         content=" {{centreGroupe.centres|first.ctrnom}} - Votre sécurité routière garantie. 
  14.                                         Confiez-nous votre véhicule pour une expertise professionnelle et rapide. 
  15.                                         Bénéficiez de l'assurance d'une conduite en toute confiance. Prenez rendez-vous dès maintenant !">
  16.     <meta name="author" content="Autobilan-systems">
  17.     <!-- Favicon icon -->
  18.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset("favicon.png")}}">
  19.     <link rel="apple-touch-icon" sizes="120x120" href="{{ asset("apple-touch-icon-120x120-precomposed.png")}}" />
  20.     <link rel="apple-touch-icon" sizes="152x152" href="{{ asset("apple-touch-icon-152x152-precomposed.png")}}" />
  21.     <title>{% block title %}{{centreGroupe.centres|first.ctrnom}},
  22.         {{centreGroupe.centres|first.ctradresse.adrcodepostal}},
  23.         {{centreGroupe.centres|first.ctradresse.adrville}}{% endblock %}</title>
  24.     <!-- Bootstrap Core CSS -->
  25.     <link href="{{ asset("public/bootstrap/css/bootstrap.min.css")}}" rel="stylesheet">
  26.     <!-- owl slider CSS -->
  27.     <link href="{{ asset("public/assets/owl.carousel/owl.carousel.min.css")}}" rel="stylesheet">
  28.     <link href="{{ asset("public/assets/owl.carousel/owl.theme.default.css")}}" rel="stylesheet">
  29.     <link href="{{ asset("adminMercureRdv/assets/plugins/select2/dist/css/select2.min.css")}}" rel="stylesheet"
  30.         type="text/css" />
  31.     <link href="{{ asset("adminMercureRdv/assets/plugins/select2/dist/css/select2-bootstrap.min.css")}}" rel="stylesheet" type="text/css" />
  32.     <!-- Custom CSS -->
  33.     <link href="{{ asset("public/css/style.css")}}" rel="stylesheet">
  34.     <!-- Fonts CSS -->
  35.     <link href="{{ asset("public/css/fonts.css")}}" rel="stylesheet">
  36.     <link href="https://cdn.jsdelivr.net/npm/@mdi/font@7.2.96/css/materialdesignicons.min.css" rel="stylesheet">
  37.     <link rel="stylesheet" type="text/css" href="{{ asset("public/css/star-rating-svg.css")}}">
  38.     <link href="{{ asset("adminMercureRdv/assets/plugins/toast-master/css/jquery.toast.css")}}" rel="stylesheet">
  39.     {% block stylesheets %}{% endblock %}
  40.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  41.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  42.     <!--[if lt IE 9]>
  43.     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  44.     <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  45. <![endif]-->
  47. </head>
  49. <style>
  50.    .form-control {
  52.     color: {{centreGroupe.centregroupecss.bg1}};
  54. }
  57. .fc-col-header-cell-cushion,
  58. .fc-timegrid-slot-label-cushion {
  60.     color: white
  62. }
  65. .PN-Light {
  67.     /* font-family: "proxima-nova", sans-serif; */
  69.     font-weight: 300;
  71.     font-style: normal;
  73. }
  76. .PN-Regular {
  78.     /* font-family: "proxima-nova", sans-serif; */
  80.     font-weight: 400;
  82.     font-style: normal;
  84. }
  87. .PN-Medium {
  89.     /* font-family: "proxima-nova", sans-serif; */
  91.     font-weight: 500;
  93.     font-style: normal;
  95. }
  98. .PN-Semibold {
  100.     /* font-family: "proxima-nova", sans-serif; */
  102.     font-weight: 600;
  104.     font-style: normal;
  106. }
  109. .PN-Bold {
  111.     /* font-family: "proxima-nova", sans-serif; */
  113.     font-weight: 700;
  115.     font-style: normal;
  117. }
  120. .PN-Extrabold {
  122.     /* font-family: "proxima-nova", sans-serif; */
  124.     font-weight: 800;
  126.     font-style: normal;
  128. }
  131. .PN-Black {
  133.     /* font-family: "proxima-nova", sans-serif; */
  135.     font-weight: 900;
  137.     font-style: normal;
  139. }
  142. .PN-blue {
  144.     color: #061847;
  146. }
  149. .PN-color1 {
  151.     color: {{centreGroupe.centregroupecss.color1}} !important;
  153. }
  156. .PN-color2 {
  158.     color: {{centreGroupe.centregroupecss.color2}} !important;
  160. }
  163. .PN-color3 {
  165.     color: {{centreGroupe.centregroupecss.color3}} !important;
  167. }
  170. .PN-colorbg1 {
  172.     color: {{centreGroupe.centregroupecss.bg1}} !important;
  174. }
  177. .PN-colorbg2 {
  179.     color: {{centreGroupe.centregroupecss.bg2}} !important;
  181. }
  184. .PN-colorbg3 {
  186.     color: {{centreGroupe.centregroupecss.bg3}} !important;
  188. }
  191. .PN-blue-clair {
  193.     color: #0048FF;
  195. }
  198. .PN-bg1 {
  200.     background-color: {{centreGroupe.centregroupecss.bg1}};
  203.     color: {{centreGroupe.centregroupecss.color1}} !important;
  206.     border-color: {{centreGroupe.centregroupecss.bg1}} !important;
  208. }
  211. .PN-bg2 {
  213.     background-color: {{centreGroupe.centregroupecss.bg2}};
  216.     color: {{centreGroupe.centregroupecss.color2}} !important;
  219.     border-color: {{centreGroupe.centregroupecss.bg2}} !important;
  221. }
  224. .PN-bg3 {
  226.     background-color: {{centreGroupe.centregroupecss.bg3}};
  229.     color: {{centreGroupe.centregroupecss.color3}} !important;
  232.     border-color: {{centreGroupe.centregroupecss.bg3}} !important;
  234. }
  237. .image_fond {
  239.     background: transparent url('../public/images/alessio-soggetti-PdGBci-4jR8-unsplash-o.jpg') 0% 0% no-repeat padding-box;
  242.     background-size: cover;
  244.     width: 100%;
  246. }
  249. .btn-outline-custom-bleu {
  251.     color: {{centreGroupe.centregroupecss.bg1}};
  254.     border-color: {{centreGroupe.centregroupecss.bg1}};
  256.     border: 3px solid;
  258.     font-weight: bold;
  260. }
  263. .btn-outline-custom-bleu-clair {
  265.     color: {{centreGroupe.centregroupecss.color3}};
  268.     border-color: {{centreGroupe.centregroupecss.bg3}};
  270.     border: 3px solid;
  272.     font-weight: bold;
  275.     background-color: {{centreGroupe.centregroupecss.bg3}};
  277. }
  280. .btn-outline-custom-bg1 {
  282.     color: {{centreGroupe.centregroupecss.bg1}};
  285.     border-color: {{centreGroupe.centregroupecss.bg1}};
  287.     border: 3px solid;
  289.     font-weight: bold;
  292. {
  294.     # background-color: {{centreGroupe.centregroupecss.bg1}};
  296.     #
  298. }
  300. }
  303. .btn-outline-custom-bg1.hover {
  305.     background-color: {{centreGroupe.centregroupecss.bg2}};
  308.     color: {{centreGroupe.centregroupecss.color2}};
  310. }
  313. .btn-outline-custom-bg2 {
  315.     color: {{centreGroupe.centregroupecss.color2}};
  318.     border-color: {{centreGroupe.centregroupecss.bg2}};
  320.     border: 3px solid;
  322.     font-weight: bold;
  325.     background-color: {{centreGroupe.centregroupecss.bg2}};
  327. }
  330. .btn-outline-custom-bg3 {
  332.     color: {{centreGroupe.centregroupecss.bg3}};
  335.     border-color: {{centreGroupe.centregroupecss.bg3}};
  337.     border: 3px solid;
  339.     font-weight: bold;
  342.     background-color: {{centreGroupe.centregroupecss.bg3}};
  344. }
  347. .cercle {
  349.     left: 50%;
  351.     width: 300px;
  353.     height: 300px;
  355.     opacity: 0.62;
  357.     background: #4908CA 0% 0% no-repeat padding-box;
  359.     filter: blur(40px);
  361.     position: absolute;
  363.     border-radius: 200px;
  366. }
  369. .cercle1 {
  371.     left: 40%;
  373.     top: 15%;
  375.     width: 400px;
  377.     height: 400px;
  379.     opacity: 0.62;
  381.     background: #00C2FF 0% 0% no-repeat padding-box;
  383.     filter: blur(40px);
  385.     position: absolute;
  387.     border-radius: 200px;
  389. }
  392. .nav-abs.active {
  394.     color: {{centreGroupe.centregroupecss.color1}};
  397.     background-color: {{centreGroupe.centregroupecss.bg1}};
  399.     font-weight: bold;
  401. }
  404. .nav-abs {
  406.     border-radius: 20px 20px 0px 0px;
  408.     display: block;
  410.     padding: 0.5rem 1rem;
  412.     background-color: #fff;
  414.     font-weight: bold;
  417.     color: {{centreGroupe.centregroupecss.bg1}};
  419. }
  422. .nav-abs1.active {
  424.     color: {{centreGroupe.centregroupecss.color1}};
  427.     background-color: {{centreGroupe.centregroupecss.bg1}};
  429.     font-weight: bold;
  431. }
  434. .nav-abs1 {
  436.     border-radius: 61px;
  438.     padding: 0px 25px;
  440.     margin: 10px;
  442.     box-shadow: 0px 3px 6px #00000029;
  445.     border: 3px solid {{centreGroupe.centregroupecss.bg1}};
  447.     font-weight: bold;
  450.     color: {{centreGroupe.centregroupecss.bg1}};
  452.     display: flex;
  454.     align-items: center;
  456. }
  459. .nav-abs2.active {
  461.     color: {{centreGroupe.centregroupecss.color2}};
  464.     background-color: {{centreGroupe.centregroupecss.bg2}};
  466.     font-weight: bold;
  468. }
  471. .nav-abs2 {
  473.     border-radius: 61px;
  475.     padding: 0px 25px;
  477.     margin: 10px;
  479.     box-shadow: 0px 3px 6px #00000029;
  482.     border: 3px solid {{centreGroupe.centregroupecss.bg2}};
  484.     font-weight: bold;
  487.     color: {{centreGroupe.centregroupecss.bg2}};
  489.     display: flex;
  491.     align-items: center;
  493. }
  496. .nav-abs2.hover {
  498.     background-color: {{centreGroupe.centregroupecss.bg2}};
  500. }
  503. .nav-abs3.active {
  505.     color: #fff;
  507.     background-color: #061847;
  509.     font-weight: bold;
  511. }
  514. .nav-abs3 {
  516.     border-radius: 61px;
  518.     padding: 0px 25px;
  520.     margin: 10px;
  522.     box-shadow: 0px 3px 6px #00000029;
  524.     border: 3px solid #061847;
  526.     font-weight: bold;
  528.     color: #061847;
  530.     display: flex;
  532.     align-items: center;
  534. }
  537. .nav-abs3.hover {
  539.     background-color: #061847;
  541. }
  544. .PN-footer {
  546.     background-color: {{centreGroupe.centregroupecss.bg1}};
  549.     color: {{centreGroupe.centregroupecss.color1}};
  552. }
  555. .dataTables_filter input {
  557.     border-radius: 50px 50px 50px 50px !important;
  559.     padding: 0.5rem 1rem !important;
  561.     background-color: #fff !important;
  563.     font-weight: bold;
  566.     color: {{centreGroupe.centregroupecss.bg3}};
  569.     border: 2px solid {{centreGroupe.centregroupecss.bg2}} !important;
  571. }
  574. .dataTables_filter label {
  576.     color: {{centreGroupe.centregroupecss.bg2}};
  578.     font-weight: bold;
  580. }
  583. .dataTables_length label {
  585.     color: {{centreGroupe.centregroupecss.bg2}};
  587.     font-weight: bold;
  589. }
  592. .dataTables_length select {
  594.     color: {{centreGroupe.centregroupecss.bg2}};
  596.     font-weight: bold;
  598.     border-radius: 50px 50px 50px 50px !important;
  601.     border: 2px solid {{centreGroupe.centregroupecss.bg2}} !important;
  603. }
  606. .dataTables_paginate a {
  608.     color: {{centreGroupe.centregroupecss.bg2}} !important;
  610.     font-weight: bold;
  612. }
  615. .dataTables_info {
  617.     color: {{centreGroupe.centregroupecss.bg2}} !important;
  619.     font-weight: bold;
  621. }
  624. .paginate_button.current {
  626.     background-color: {{centreGroupe.centregroupecss.bg2}} !important;
  628.     font-weight: bold;
  631.     color: {{centreGroupe.centregroupecss.color2}} !important;
  633. }
  636. .hjj {
  638.     width: 18% !important;
  640. }
  641. </style>
  643. <body class="fix-header ">
  645.     <!-- ============================================================== -->
  646.     <!-- Preloader - style you can find in spinners.css -->
  647.     <!-- ============================================================== -->
  648.     <div class="preloader" id="preloader">
  649.         <svg class="circular" viewBox="25 25 50 50">
  650.             <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" />
  651.         </svg>
  652.     </div>
  653.     <!-- ============================================================== -->
  654.     <!-- Main wrapper - style you can find in pages.scss -->
  655.     <!-- ============================================================== -->
  656.     <div id="main-wrapper">
  657.         <!-- ============================================================== -->
  658.         <!-- Topbar header - style you can find in pages.scss -->
  659.         <!-- ============================================================== -->
  661.         <!-- ============================================================== -->
  662.         <!-- Page wrapper  -->
  663.         <!-- ============================================================== -->
  664.         <div class="page-wrapper " id="top">
  666.             <!-- ============================================================== -->
  667.             <!-- Container fluid  -->
  668.             <!-- ============================================================== -->
  669.             {# <img class="image_fond" src='../public/images/alessio-soggetti-PdGBci-4jR8-unsplash.jpg' alt=""> #}
  671.             {% include "public/modal_contact.html.twig" %}
  672.             {% include "public/modal_cookie.html.twig" %}
  673.             <div class="modal" id="ModalConnexion" tabindex="-1" role="dialog" aria-labelledby="ModalLabel1">
  674.                 <div class="modal-dialog" role="document">
  675.                     <div class="modal-content" style="border-radius: 35px;">
  676.                         <div class="modal-body text-center p-t-0"
  677.                             style="background-color: {{centreGroupe.centregroupecss.bg1}};display: flex;flex-direction: column;border-radius: 25px;"
  678.                             id="modal_detail">
  679.                             <div class="text-right">
  680.                                 <i class="mdi mdi-close-circle-outline PN-color1 mdi-36px" data-dismiss="modal"></i>
  681.                             </div>
  683.                             <div id="div_connexion">
  684.                                 <div>
  685.                                     <span class="mdi mdi-account PN-color1 " style="font-size:100px"></span>
  686.                                 </div>
  687.                                 <form method="post" action="{{ path('app_login_pro') }}">
  689.                                     <h2 class="PN-Black PN-color1">Connexion</h2>
  691.                                     <div style="margin-left: 65px;margin-right: 65px">
  692.                                         <p class="PN-Bold PN-color1" style="font-size:20px">Identifiant/Email</p>
  693.                                         <input type="text" class="form-control"
  694.                                             style="border-radius: 23px;height: 50px;" id="username" name="username"
  695.                                             placeholder="" value="">
  696.                                     </div>
  698.                                     <div style="margin-left: 65px;margin-right: 65px">
  699.                                         <p class="PN-Bold PN-color1" style="font-size:20px">Mot de passe</p>
  700.                                         <input type="password" class="form-control"
  701.                                             style="border-radius: 23px;height: 50px;" id="mot_de_passe"
  702.                                             name="mot_de_passe" value="" autocomplete>
  703.                                     </div>
  705.                                     {% if app.request.get('errorLogin') %}
  706.                                         <span class="text-danger">La connexion n'a pas abouti, veuillez réessayer.</span>
  707.                                     {% endif %}
  709.                                     <div class="m-t-20">
  710.                                         <button type="submit" class="btn btn-rounded"
  711.                                             style="font-size: 15px; border: 3px solid white;font-weight: bold;background-color: transparent;">
  712.                                             <span style="display: flex;align-items: center; color: white"> Connexion
  713.                                                 <i class="mdi mdi-chevron-right-circle mdi-24px p-l-10"></i></span>
  714.                                         </button>
  715.                                     </div>
  717.                                     <input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
  719.                                 </form>
  721.                                 <div class="m-t-10">
  722.                                     <a href="#" id="btn_oublie" class="PN-color1">Mot de passe oublié ?</a>
  723.                                     <br>
  724.                                     <a href="{{ path('formulaire_compte') }}" class="PN-color1">Créer un compte</a>
  725.                                 </div>
  726.                             </div>
  727.                             <div id="div_mot_de_passe_oublie" style="display: none">
  728.                                 <form method="post" action="{{ path('mot_de_passe_oublie') }}">
  729.                                     <div>
  730.                                         <span class="mdi mdi-lock-reset PN-color1 " style="font-size:100px"></span>
  731.                                     </div>
  732.                                     <h2 class="PN-Black PN-color1">Mot de passe oublié</h2>
  733.                                     <p class="PN-Black PN-color1">Entrez votre adresse e-mail et les instructions vous
  734.                                         seront
  735.                                         envoyées par courrier électronique !</p>
  736.                                     <div style="margin-left: 65px;margin-right: 65px">
  737.                                         <p class="PN-Bold PN-color1" style="font-size:20px">Email</p>
  738.                                         <input type="text" class="form-control"
  739.                                             style="border-radius: 23px;height: 50px;" id="email_oublie"
  740.                                             name="email_oublie" placeholder="">
  741.                                     </div>
  743.                                     <div class="m-t-20">
  744.                                         <button class="btn btn-rounded"
  745.                                             style="font-size: 15px; border: 3px solid white;font-weight: bold;background-color: transparent;">
  746.                                             <span style="display: flex;align-items: center; color: white"> Réinitialiser
  747.                                                 <i class="mdi mdi-chevron-right-circle mdi-24px p-l-10"></i></span>
  748.                                         </button>
  749.                                     </div>
  750.                                     <div class="m-t-10">
  751.                                         <a href="#" id="btn_connexion" class="PN-color1">Connexion</a>
  752.                                     </div>
  753.                                 </form>
  754.                             </div>
  755.                         </div>
  757.                     </div>
  758.                 </div>
  759.             </div>
  760.             <div class="container-fluid p-0">
  761.                 <div>
  762.                     <input type="hidden" value="{{ app.request.get('id') }}" id="iframeCentreId">
  763.                     {% if app.request.get('iframe') != true %}
  764.                         <div class="p-l-20 p-r-20 " style="background-color:#d6e8f6">
  765.                         <nav class="navbar navbar-expand-md navbar-light p-l-0">
  766.                             <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
  767.                                 data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
  768.                                 aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
  769.                             <!-- Logo will be here -->
  770.                             <a class="navbar-brand pl-lg-5" href="{{ path('index')}}">
  772.                                 <img src={% if parametreCentreGroupe.pcgcheminlogo %} {% set
  773.                                     logo = asset("/uploads/dataCentre/")~centreGroupe.id~"/"~parametreCentreGroupe.pcgcheminlogo
  774.                                     %} "{{logo}}" {% else %} "{{ asset("public/images/AUTOBILAN_logo.png")}}" {% endif %}
  775.                                     alt="logo_{{centreGroupe.cgnom}}"
  776.                                     style="width:{{parametreCentreGroupe.pcgtaillelogo|default('300')}}px;" /></a>
  777.                                     {% if app.request.attributes.get('_route') != 'index' %}
  778.                                         <div class="PN-Black text-right" style="width: 400%;">
  779.                                             <h1 style="color: {{centreGroupe.centregroupecss.bg1}}">{{centreGroupe.cgnom}}</h1>
  780.                                         </div>
  781.                                     {% endif %}
  782.                                     
  783.                             <!-- This is the navigation menu -->
  784.                             <div class="collapse navbar-collapse" id="navbarNavDropdown">
  785.                                 <ul class="navbar-nav ml-auto stylish-nav">
  786.                                     {% if app.user %}
  787.                                     <li class="nav-item dropdown">
  788.                                         <a class="m-t-5 btn font-13 PN-Bold PN-colorbg1" data-toggle="dropdown"
  789.                                             aria-haspopup="true"
  790.                                             style="width:100%;color: #061847;font-size: 25px; display: flex;    align-items: center;justify-content: center;">{{app.user.cliprenom}}
  791.                                             {{app.user.clinom}}<i class="mdi mdi-account  PN-colorbg1"
  792.                                                 title="Espace client en compte" style="font-size: 40px;"></i></a>
  793.                                         <div class="dropdown-menu dropdown-menu-right  bounceInDown p-20"
  794.                                             style="background-color: {{centreGroupe.centregroupecss.bg1}};color: {{centreGroupe.centregroupecss.color1}};width: 330px;">
  795.                                             <div class="m-b-20">
  796.                                                 <a href="{{ path('index')}}" class="text-white PN-Bold ">Accueil</a>
  797.                                             </div>
  798.                                             {# <div class="m-b-20">
  800.                                                 {% for centre in centreGroupe.centres %}
  801.                                                 <form id="FormCentreMenu{{centre.id}}"
  802.                                                     action="{{path('prendre_rdv_pro')}}" method="post">
  803.                                                     <input type="hidden" name="id" value="{{centre.id}}" />
  804.                                                 </form>
  805.                                                 <a href="javascript:void(0)"
  806.                                                     onclick='document.getElementById("FormCentreMenu{{centre.id}}").submit()'
  807.                                                     class="text-white PN-Bold">Prendre un rendez-vous</a>
  808.                                                 {% endfor %}
  810.                                             </div> #}
  811.                                             <div class="m-b-20">
  812.                                                 <a href="{{ path('mes_vehicules')}}" class="text-white PN-Bold">Mes
  813.                                                     véhicules</a>
  814.                                             </div>
  816.                                             <div class="m-b-20">
  817.                                                 <a href="{{ path('mes_reservations')}}" class="text-white PN-Bold">Mes
  818.                                                     réservations</a>
  819.                                             </div>
  821.                                             <div class="m-b-40">
  822.                                                 <a href="#" class="text-white PN-Bold" id="contact_menu">Contact</a>
  823.                                             </div>
  825.                                             <div class="m-b-20">
  826.                                                 <a href="{{ path('app_logout_pro')}}"
  827.                                                     class="text-white PN-Bold">Déconnexion - {{app.user.cliprenom}}
  828.                                                     {{app.user.clinom}} <i class="mdi mdi-account"
  829.                                                         title="Espace client en compte"></i></a>
  830.                                             </div>
  833.                                         </div>
  834.                                     </li>
  835.                                     {% else %}
  836.                                     <li class="nav-item"> <a class="m-t-5 btn font-13" id="btn_compte"
  837.                                             style="width:100%;"><i class="mdi mdi-account  PN-colorbg1"
  838.                                                 title="Espace client en compte" style="font-size: 40px;"></i></a></li>
  840.                                     <li class="nav-item dropdown"> <a class="m-t-5 btn font-13" href="#"
  841.                                             style="width:100%;"><i class="mdi mdi-menu  PN-colorbg1" title="Menu"
  842.                                                 style="font-size: 40px;"></i></a>
  843.                                         <div class="dropdown-menu dropdown-menu-right  bounceInDown p-20 "
  844.                                             style="background-color: {{centreGroupe.centregroupecss.bg1}};color: {{centreGroupe.centregroupecss.color1}};width: 330px;">
  845.                                             <div class="m-b-20">
  846.                                                 <a href="{{ path('index')}}" class="text-white PN-Bold ">Accueil</a>
  847.                                             </div>
  848.                                             {# <div class="m-b-20">
  850.                                                 {% for centre in centreGroupe.centres %}
  851.                                                 <form id="FormCentreMenu{{centre.id}}" action="{{path('prendre_rdv')}}"
  852.                                                     method="post">
  853.                                                     <input type="hidden" name="id" value="{{centre.id}}" />
  854.                                                 </form>
  855.                                                 <a href="javascript:void(0)"
  856.                                                     onclick='document.getElementById("FormCentreMenu{{centre.id}}").submit()'
  857.                                                     class="text-white PN-Bold">Prendre un rendez-vous</a>
  858.                                                 {% endfor %}
  860.                                             </div> #}
  861.                                             <div class="m-b-20">
  862.                                                 <a href="javascript:void(0)" class="text-white PN-Bold"
  863.                                                     id="contact_menu">Contact</a>
  864.                                             </div>
  867.                                             <div class="m-b-20">
  868.                                                 <a href="javascript:void(0)" class="text-white PN-Bold"
  869.                                                     id="btn_compte1">Espace Pro <i class="mdi mdi-account mdi-18px"
  870.                                                         title="Espace client en compte"></i></a>
  871.                                             </div>
  874.                                         </div>
  875.                                     </li>
  876.                                     {% endif %}
  881.                                 </ul>
  882.                             </div>
  883.                         </nav>
  884.                     </div>
  885.                     {% endif %}
  886.                     {% block body %}
  887.                     {% endblock %}
  888.                 </div>
  889.                 <!-- footer -->
  890.                 <!-- ============================================================== -->
  891.                 <a class="bt-top btn btn-circle btn-lg btn-info"
  892.                     style="background:{{centreGroupe.centregroupecss.bg2}};border: 1px solid {{centreGroupe.centregroupecss.bg2}} ;"
  893.                     href="#top"><i class="ti-arrow-up"></i></a>
  894.                 {% if app.request.get('iframe') != true %}
  895.                     <footer class="PN-footer row" style="padding:50px 0 30px">
  896.                     <div class="fix-width">
  897.                         <div class="row p-l-20 p-r-20">
  898.                             <div class="col-lg col-xs-12 p-b-20">
  899.                                 <ul class="footer-link list-icons PN-Medium text-white">
  900.                                     <li><a class="PN-color1" href="{{ path('mentions_legales')}}"> Mentions légales</a>
  901.                                     </li>
  902.                                     <li><a class="PN-color1" href="{{ path('politiques')}}"> Politique de
  903.                                             confidentialité</a></li>
  904.                                     <li><a class="PN-color1" href="{{ path('cookies')}}"> Cookies et technologies
  905.                                             similaires</a></li>
  906.                                     <li><a class="PN-color1" href="{{ path('rgpd')}}"> Politique RGPD</a></li>
  907.                                     <li><a class="PN-color1" href="#" id="contact_footer"> Contact</a></li>
  908.                                     <li><a class="PN-color1" href="{{ path('dashboard')}}"> Administration</a>
  909.                                     </li>
  910.                                 </ul>
  911.                             </div>
  912.                             <div class="col-lg col-xs-12">
  913.                                <p class="PN-color1">{{parametreCentreGroupe.pcgensavoirplus|raw}}</p>
  914.                                 
  915.                             </div>
  916.                             <div class="col-lg col-xs-12 ">
  917.                                 {# <img src="{{ asset("public/images/admin-text-dark.png")}}" alt="logo" /> #}
  918.                                 <img src="/adminMercureRdv/assets/images/AUTOBILAN_logo_blanc.png" width="200px"
  919.                                     alt="homepage" class="light-logo m-b-10 m-l-10">
  920.                                 <br>
  921.                                 <a href="https://www.autobilan-systems.com/" target="_blank"
  922.                                     class="btn btn-outline-custom-bleu btn-rounded" id=""
  923.                                     style="font-size: 15px;background-color: white">
  924.                                     <span style="display: flex;align-items: center;color:#061847"> Devenez partenaire
  925.                                         <i class="mdi mdi-open-in-new mdi-24px"></i></span>
  926.                                 </a>
  927.                                 <br>
  928.                                 {% set param_centre = centreGroupe.centres|first.ctrparametrecentre %}
  929.                                 {% if param_centre.pcurltwitter or param_centre.pcurlgoogle or
  930.                                 param_centre.pcurlfacebook or param_centre.pcurlinstagram %}
  931.                                 <p class="PN-Semibold m-t-20 text-white" style="display: flex;align-items: center;">
  932.                                     Suivez-nous !
  933.                                     {% if param_centre.pcurlfacebook %}
  934.                                     <a href="https://www.facebook.com/{{param_centre.pcurlfacebook}}" target="_blank" class="text-white"><i
  935.                                             class="mdi mdi-facebook mdi-48px"></i></a>
  936.                                     {% endif %}
  937.                                     {% if param_centre.pcurltwitter %}
  938.                                     <a href="https://twitter.com/{{param_centre.pcurltwitter}}" target="_blank" class="text-white"><i
  939.                                             class="mdi mdi-twitter mdi-48px"></i></a>
  940.                                     {% endif %}
  941.                                     {% if param_centre.pcurlgoogle %}
  942.                                     <a href="https://www.google.com/maps?cid={{param_centre.pcurlgoogle}}" target="_blank" class="text-white"><i
  943.                                             class="mdi mdi-google-plus mdi-48px"></i></a>
  944.                                     {% endif %}
  945.                                     {% if param_centre.pcurlinstagram %}
  946.                                         <a href="https://www.instagram.com/{{param_centre.pcurlinstagram}}" target="_blank" class="text-white"><i
  947.                                                     class="mdi mdi-instagram mdi-48px"></i></a>
  948.                                     {% endif %}
  950.                                 </p>
  951.                                 {% endif %}
  953.                                 <p>
  955.                                 </p>
  958.                             </div>
  960.                             {# <div class="clearfix"></div> #}
  961.                             <div class="col-md-12 sub-footer text-center">
  962.                                 <span>© {{ "now"|date("Y") }} <a class="text-white" href="autobilansystems.com"
  963.                                         target="_blank">Auto bilan systems</a></span>
  965.                             </div>
  966.                         </div>
  967.                     </div>
  968.                 </footer>
  969.                 {% endif %}
  970.             </div>
  971.             <!-- ============================================================== -->
  972.             <!-- End Container fluid  -->
  973.             <!-- ============================================================== -->
  974.         </div>
  975.         <!-- ============================================================== -->
  976.         <!-- End Page wrapper  -->
  977.         <!-- ============================================================== -->
  978.     </div>
  979.     <!-- ============================================================== -->
  980.     <!-- End Wrapper -->
  981.     <!-- ============================================================== -->
  982.     <!-- ============================================================== -->
  983.     <!-- All Jquery -->
  984.     <!-- ============================================================== -->
  985.     <script src="{{ asset("public/js/jquery.min.js")}}"></script>
  986.     <script src="{{ asset('public/js/jquery.star-rating-svg.js') }}"></script>
  987.     <!-- Bootstrap tether Core JavaScript -->
  988.     <script src="{{ asset("public/bootstrap/js/popper.min.js")}}"></script>
  989.     <script src="{{ asset("public/bootstrap/js/bootstrap.min.js")}}"></script>
  990.     <!--Wave Effects -->
  991.     <script src="{{ asset("public/js/waves.js")}}"></script>
  992.     <!--stickey kit -->
  993.     <script src="{{ asset("public/js/sticky-kit.min.js")}}"></script>
  994.     <!-- jQuery for carousel -->
  995.     <script src="{{ asset("public/assets/owl.carousel/owl.carousel.min.js")}}"></script>
  996.     <!--Custom JavaScript -->
  997.     <script src="{{ asset("public/js/custom.min.js")}}"></script>
  998.     <script src="{{ asset("adminMercureRdv/assets/plugins/sweetalert/sweetalert.min.js")}}"></script>
  999.     <script src="{{ asset("adminMercureRdv/assets/plugins/styleswitcher/jQuery.style.switcher.js")}}"></script>
  1000.     <script src="{{ asset("adminMercureRdv/assets/plugins/select2/dist/js/select2.full.min.js")}}"
  1001.         type="text/javascript"></script>
  1002.     <script src="{{ asset("adminMercureRdv/assets/plugins/toast-master/js/jquery.toast.js")}}"></script>
  1004.     {# On vérifie si au moins un des trois tags est renseigné #}
  1005.     {% set tag1 = parametreCentreGroupe.pcggoogleanalytics %}
  1006.     {% set tag2 = parametreCentreGroupe.pcggoogleanalytics2 %}
  1007.     {% set tag3 = parametreCentreGroupe.pcggoogleanalytics3 %}
  1009.     {% if tag1 or tag2 or tag3 %}
  1010.         {# Détermination du tag de lancement (le premier non vide) #}
  1011.         {% set main_tag = tag1 ?: (tag2 ?: tag3) %}
  1013.         <script async src="https://www.googletagmanager.com/gtag/js?id={{ main_tag }}"></script>
  1014.         <script>
  1015.             window.dataLayer = window.dataLayer || [];
  1016.             function gtag(){dataLayer.push(arguments);}
  1017.             gtag('js', new Date());
  1019.             {# On enregistre chaque tag présent en BDD #}
  1020.             {% if tag1 %} gtag('config', '{{ tag1 }}'); {% endif %}
  1021.             {% if tag2 %} gtag('config', '{{ tag2 }}'); {% endif %}
  1022.             {% if tag3 %} gtag('config', '{{ tag3 }}'); {% endif %}
  1023.         </script>
  1024.     {% endif %}
  1025.     <script>
  1027.         $( document ).ready(function() {
  1028.             const queryString = window.location.search;
  1029.             const urlParams = new URLSearchParams(queryString);
  1030.             const error = urlParams.get('errorLogin');
  1031.             if (error) {
  1032.                 $('#ModalConnexion').modal("show");
  1033.             }
  1034.         });
  1035.         const monCookie = getCookie('UtilisationCookie');
  1036.         if (!monCookie) {
  1037.             $('#ModalCookie').modal("show");
  1038.         }
  1039.         function AccepteCookie() {
  1040.             setCookie('UtilisationCookie', '1', 365);
  1041.             $('#ModalCookie').modal("hide");
  1042.         }
  1044.         $('#contact_footer').on('click', function () {
  1045.             $('#ModalContact').modal("show");
  1046.         })
  1047.         $('#contact_menu').on('click', function () {
  1048.             $('#ModalContact').modal("show");
  1049.         })
  1051.         $('#btn_compte').on('click', function () {
  1052.             $('#ModalConnexion').modal("show");
  1053.         })
  1054.         $('#btn_compte1').on('click', function () {
  1055.             $('#ModalConnexion').modal("show");
  1056.         })
  1057.         $('#btn_oublie').on('click', function () {
  1058.             $('#div_mot_de_passe_oublie').css("display", "block");
  1059.             $('#div_connexion').css("display", "none");
  1060.         })
  1061.         $('#btn_connexion').on('click', function () {
  1062.             $('#div_mot_de_passe_oublie').css("display", "none");
  1063.             $('#div_connexion').css("display", "block");
  1064.         })
  1065.         function envoi_email_contact() {
  1067.             if ($("#couriel_contact").val() == '') {
  1068.                 Swal.fire({
  1069.                     type: 'error', // "success", "c", "warning", "info", "question"
  1070.                     confirmButtonColor: '#3085d6',
  1071.                     title: 'Oups !',
  1072.                     text: "Vous devez saisir une adresse email",
  1073.                 })
  1074.                 return false;
  1075.             }
  1076.             if ($("#nom_contact").val() == '') {
  1077.                 Swal.fire({
  1078.                     type: 'error',
  1079.                     confirmButtonColor: '#3085d6',
  1080.                     title: 'Oups !',
  1081.                     text: "Vous devez saisir un nom",
  1082.                 })
  1083.                 return false;
  1084.             }
  1085.             if ($("#sujet_contact").val() == '') {
  1086.                 Swal.fire({
  1087.                     type: 'error',
  1088.                     confirmButtonColor: '#3085d6',
  1089.                     title: 'Oups !',
  1090.                     text: "Vous devez saisir un sujet",
  1091.                 })
  1092.                 return false;
  1093.             }
  1095.             if ($("#message_contact").val() == '') {
  1096.                 Swal.fire({
  1097.                     type: 'error',
  1098.                     confirmButtonColor: '#3085d6',
  1099.                     title: 'Oups !',
  1100.                     text: "Vous devez saisir un message",
  1101.                 })
  1102.                 return false;
  1103.             }
  1105.             if ($("#condition_contact").prop('checked') == false) {
  1106.                 Swal.fire({
  1107.                     type: 'error',
  1108.                     confirmButtonColor: '#3085d6',
  1109.                     title: 'Oups !',
  1110.                     text: "Vous devez cocher la case : je suis pas un robot",
  1111.                 })
  1112.                 return false;
  1113.             }
  1116.             $.ajax({
  1117.                 url: "{{ path('envoi_email_contact') }}",
  1118.                 type: "POST",
  1119.                 data: {
  1121.                     'email': $("#couriel_contact").val(),
  1122.                     'nom': $("#nom_contact").val(),
  1123.                     'objet': $("#sujet_contact").val(),
  1124.                     'message': $("#message_contact").val(),
  1125.                 },
  1126.                 success: function (data) {
  1128.                     Swal.fire({
  1129.                         type: 'success',
  1130.                         confirmButtonColor: '#3085d6',
  1131.                         //title: 'Oups !',
  1132.                         text: "Votre message a bien été envoyé!",
  1133.                         //           footer: 'Veuillez contacter votre commercial pour activé cette opition',
  1134.                         //  backdrop: '#df0501f5',
  1136.                     })
  1138.                     $('#ModalContact').modal("hide");
  1139.                     $("#couriel_contact").val('');
  1140.                     $("#nom_contact").val('');
  1141.                     $("#sujet_contact").val('');
  1142.                     $("#message_contact").val('');
  1143.                     $("#condition_contact").prop('checked', false)
  1144.                 }
  1145.             });
  1146.         }
  1148.         function message_appel_centre(tel) {
  1149.             Swal.fire({
  1150.                 type: 'error',
  1151.                 confirmButtonColor: '#3085d6',
  1152.                 title: 'Appeler au ' + tel + ' !',
  1153.                 text: "Pour bénéficier de cette prestation, veuillez prendre contact avec le centre afin de fixer un rendez-vous.",
  1154.             })
  1155.         }
  1157.         function getCookie(name) {
  1158.             const cookies = document.cookie.split('; ');
  1159.             for (const cookie of cookies) {
  1160.                 const [cookieName, cookieValue] = cookie.split('=');
  1161.                 if (cookieName === name) {
  1162.                     return decodeURIComponent(cookieValue);
  1163.                 }
  1164.             }
  1165.             return null; // Retourne null si le cookie n'est pas trouvé
  1166.         }
  1168.         function setCookie(name, value, daysToExpire) {
  1169.             const date = new Date();
  1170.             date.setTime(date.getTime() + (daysToExpire * 24 * 60 * 60 * 1000));
  1171.             const expires = 'expires=' + date.toUTCString();
  1172.             document.cookie = name + '=' + encodeURIComponent(value) + ';' + expires + ';path=/';
  1173.         }
  1175.     </script>
  1176.     {% block javascripts %}{% endblock %}
  1177. </body>
  1179. </html>