templates/public/index.html.twig line 1

Open in your IDE?
  1. {% extends 'public/base.html.twig' %}
  3. {% block body %}
  4. <style>
  6. @media screen and (min-width: 576px) {
  7.     .btn-outline-custom-bg1 span{
  8.         font-size: 20px;
  9.     }
  10.     .image_fond{
  11.         padding: 20px !important;
  12.     }
  13.     .mdi-car, .mdi-motorbike, .mdi-truck{
  14.         font-size: 36px !important;
  15.     }
  16. }
  17. @media screen and (max-width: 942px) {
  18.     .btn-outline-custom-bg1{
  19.         max-width: 80%;
  20.     }
  21. }
  22.     .mdi-car, .mdi-motorbike, .mdi-truck{
  23.         font-size: 24px;
  24.     }
  26.     .image_fond{
  27.         padding: 5px;
  28.     }
  29.     .btn-outline-custom-bg1 span{
  30.         overflow: hidden;
  31.         text-overflow: ellipsis;
  32.         margin-right: 35px;
  33.         margin-left: -5px;
  34.     }
  36.     .btn-outline-custom-bg1{
  37.         position: relative;
  38.         min-width: 320px;
  39.     }
  40.     .btn-outline-custom-bg1 .mdi-chevron-right-circle{
  41.         position: absolute;
  42.         right: 14px;
  43.     }
  44.     .prestation-div{
  45.         margin: 0;
  46.     }
  47. </style>
  48. <div class="col-lg-12 p-0 ">
  49.     {% if centreGroupe %}
  50.     <p hidden id="countCentre" data-countCentres={{countcentres}}></p>
  51.     <div class="col-lg-12 p-l-20  {% if countcentres == 1 %}d-none{% endif %}" style="display: flex;align-items: flex-end;background-color: #d6e8f6; ">
  52.         <ul class="nav nav-pills pl-lg-5">
  53.             {% for key,centre in centreGroupe.centres %}
  54.             {% if centre.ctrparametrecentreadmin.pcaactif %}
  55.             <p hidden id="infocentre_{{key}}"
  56.                 data-coordonneegps="{{array_centres[key]['avis'] ? array_centres[key]['avis']['result']['geometry']['location']['lat']:''}},{{array_centres[key]['avis'] ? array_centres[key]['avis']['result']['geometry']['location']['lng']:''}}"
  57.                 data-rating="{{array_centres[key]['avis'] ? array_centres[key]['avis']['result']['rating']:''}}" data-key={{key}}></p>
  58.             {% set avis = "" %}
  59.             {# prendre les 4 premier avis client #}
  60.             <p hidden id="infocentreavis_{{key}}">
  61.                 {% if array_centres[key]['avis'] %}
  62.                 {% set reviews = '' %}
  63.                 {% for row in array_centres[key]['avis']['result']['reviews'] %}
  64.                     {% set reviews = reviews ~ row['rating']~'|' %}
  65.                 {% endfor %}
  66.                 {{ reviews }}
  67.                     {# {{ array_centres[key]['avis']['result']['reviews'][0]['rating']}}|{{array_centres[key]['avis']['result']['reviews'][1]['rating']}}|{{array_centres[key]['avis']['result']['reviews'][2]['rating']}}|{{array_centres[key]['avis']['result']['reviews'][3]['rating']}} #}
  68.                 {% else %}
  69.                 
  70.                 {% endif %} 
  71.             </p>
  72.             <li class=" nav-item">
  73.                 <a href="#navpills-{{centre.id}}" style="display: flex;align-items: center;" class="nav-abs show p-r-20 {% if centre.centretype.id == firstType %}
  74.                             active
  75.                             {% endif %} " data-toggle="tab" aria-expanded="false">
  76.                     {% if centre.centretype.id == 1 %}
  77.                         <i class="mdi mdi-car pr-2" style="font-size: 25px;"></i>
  78.                         <span class="d-none d-sm-block">
  79.                             Centre Véhicules Légers
  80.                         </span>
  81.                     {% elseif centre.centretype.id == 4 %}
  82.                         <i class="mdi mdi-motorbike pr-2" style="font-size: 25px;"></i>
  83.                         <span class="d-none d-sm-block">
  84.                             Centre Motos, Quads, Voiturettes...
  85.                         </span>
  86.                     {% else %}
  87.                         <i class="mdi mdi-truck pr-2" style="font-size: 25px;"></i>
  88.                         <span class="d-none d-sm-block">
  89.                             Centre Poids Lourds
  90.                         </span>
  91.                     {% endif %}
  92.                 </a>
  93.             </li>
  94.             {% endif %}
  95.             {% endfor %}
  96.         </ul>
  97.     </div>
  98.     {% endif %}
  99.     <div class="tab-content br-n pn ">
  100.         {% set isVlExist = false %}
  101.         {% set vlId = null %}
  102.         {% set isPlExist = false %}
  103.         {% set plId = null %}
  104.         {% set isClExist = false %}
  105.         {% set clId = null %}
  107.         {% for centre in centreGroupe.centres %}
  108.             {% if centre.centretype.id == 1 and centre.ctrparametrecentreadmin.pcaactif %}
  109.                 {% set isVlExist = true %}
  110.                 {% set vlId = centre.id %}
  111.             {% elseif centre.centretype.id == 4 and centre.ctrparametrecentreadmin.pcaactif  %}
  112.                 {% set isClExist = true %}
  113.                 {% set clId = centre.id %}
  114.             {% else %}
  115.                 {% if centre.ctrparametrecentreadmin.pcaactif %}
  116.                     {% set isPlExist = true %}
  117.                     {% set plId = centre.id %}
  118.                 {%  endif %}
  119.             {% endif %}
  120.         {% endfor %}
  122.         {% for key,centre in centreGroupe.centres %}
  123.         {% if centre.ctrparametrecentreadmin.pcaactif %}
  124.         <div id="navpills-{{centre.id}}" class="tab-pane show {{centre.centretype.id}} {{countcentres}} {% if centre.centretype.id == firstType %}active{% endif %} ">
  125.             <div class="image_fond">
  126.                 <div class="row banner-text " style="min-height: 410px;">
  127.                     <div class="col-lg-6 m-t-20 pl-lg-5 p-sm-0 text-lg-left text-center">
  128.                         <h1 class="PN-Black PN-colorbg2 "style="font-size:40px;font-weight:bold">{{centre.ctrnom}}</h1>
  129.                         <br>
  130.                         <address class="PN-Bold PN-colorbg2" style="font-size:25px">{{centre.ctradresse.adrrue}},
  131.                             <br> {{centre.ctradresse.adrcodepostal}}
  132.                             {{centre.ctradresse.adrville}}
  133.                             <br> <i class="mdi mdi-phone mdi-rotate-45" style="font-size: 25px;"></i> <a
  134.                                 class="PN-Bold PN-colorbg2" href="tel:{{centre.ctrtelephone}}">{{centre.ctrtelephone}}</a>
  135.                         </address>
  136.                         <form id="FormCentre{{centre.id}}" action="{{path('prendre_rdv')}}" method="post">
  137.                             <input type="hidden" name="id" value="{{centre.id}}" />
  138.                         </form>
  139.                         <div class="text-lg-left text-center">
  141.                             {% if centre.centretype.id == 1 %}
  142.                                 <a class="btn btn-outline-custom-bg1 btn-rounded mb-2" id="btn_rdv"
  143.                                    href="#" onclick='document.getElementById("FormCentre{{centre.id}}").submit()'>
  144.                                     <span style="display: flex;align-items: center;">
  145.                                         <i class="mdi mdi-car pr-2"></i>
  146.                                             Réservation Véhicules Légers
  147.                                         <i class="mdi mdi-chevron-right-circle mdi-36px"></i>
  148.                                     </span>
  149.                                 </a>
  150.                                 {% if isClExist %}
  151.                                     <a class="btn btn-outline-custom-bg1 btn-rounded mb-2" id="btn_rdv"
  152.                                        href="#" onclick='document.getElementById("FormCentre{{clId}}").submit()'>
  153.                                         <span style="display: flex;align-items: center;">
  154.                                              <i class="mdi mdi-motorbike pr-2"></i>
  155.                                                 Réservation motos, quads, voiturettes...
  156.                                              <i class="mdi mdi-chevron-right-circle mdi-36px"></i>
  157.                                         </span>
  158.                                     </a>
  159.                                 {% endif%}
  161.                                 {%  if isPlExist %}
  162.                                     <a class="btn btn-outline-custom-bg1 btn-rounded mb-2" id="btn_rdv"
  163.                                        href="#" onclick='document.getElementById("FormCentre{{plId}}").submit()'>
  164.                                         <span style="display: flex;align-items: center;">
  165.                                             <i class="mdi mdi-truck pr-2"></i>
  166.                                                 Réservation Poids Lourds
  167.                                             <i class="mdi mdi-chevron-right-circle mdi-36px"></i>
  168.                                         </span>
  169.                                     </a>
  170.                                 {% endif %}
  171.                             {% endif %}
  172.                             {% if centre.centretype.id == 4 %}
  173.                                 <a class="btn btn-outline-custom-bg1 btn-rounded mb-2" id="btn_rdv"
  174.                                    href="#" onclick='document.getElementById("FormCentre{{centre.id}}").submit()'>
  175.                                         <span style="display: flex;align-items: center;">
  176.                                              <i class="mdi mdi-motorbike pr-2"></i>
  177.                                                 Réservation motos, quads, voiturettes...
  178.                                              <i class="mdi mdi-chevron-right-circle mdi-36px"></i>
  179.                                         </span>
  180.                                 </a>
  181.                                 {% if isVlExist %}
  182.                                     <a class="btn btn-outline-custom-bg1 btn-rounded mb-2" id="btn_rdv"
  183.                                        href="#" onclick='document.getElementById("FormCentre{{vlId}}").submit()'>
  184.                                             <span style="display: flex;align-items: center;">
  185.                                                  <i class="mdi mdi-car pr-2"></i>
  186.                                                     Réservation Véhicules Légers
  187.                                                  <i class="mdi mdi-chevron-right-circle mdi-36px"></i>
  188.                                             </span>
  189.                                     </a>
  190.                                 {% endif%}
  191.                                 {%  if isPlExist %}
  192.                                     <a class="btn btn-outline-custom-bg1 btn-rounded mb-2" id="btn_rdv"
  193.                                        href="#" onclick='document.getElementById("FormCentre{{plId}}").submit()'>
  194.                                         <span style="display: flex;align-items: center;">
  195.                                             <i class="mdi mdi-truck pr-2"></i>
  196.                                                 Réservation Poids Lourds
  197.                                             <i class="mdi mdi-chevron-right-circle mdi-36px"></i>
  198.                                         </span>
  199.                                     </a>
  200.                                 {% endif %}
  201.                             {% endif %}
  202.                             {% if centre.centretype.id == 2 %}
  203.                                 <a class="btn btn-outline-custom-bg1 btn-rounded mb-2" id="btn_rdv"
  204.                                    href="#" onclick='document.getElementById("FormCentre{{centre.id}}").submit()'>
  205.                                     <span style="display: flex;align-items: center;">
  206.                                          <i class="mdi mdi-truck pr-2"></i>
  207.                                             Réservation Poids Lourds
  208.                                          <i class="mdi mdi-chevron-right-circle mdi-36px"></i>
  209.                                     </span>
  210.                                 </a>
  211.                                 {% if isVlExist %}
  212.                                     <a class="btn btn-outline-custom-bg1 btn-rounded mb-2" id="btn_rdv"
  213.                                        href="#" onclick='document.getElementById("FormCentre{{vlId}}").submit()'>
  214.                                             <span style="display: flex;align-items: center;">
  215.                                                  <i class="mdi mdi-car pr-2"></i>
  216.                                                     Réservation Véhicules Légers
  217.                                                  <i class="mdi mdi-chevron-right-circle mdi-36px"></i>
  218.                                             </span>
  219.                                     </a>
  220.                                 {% endif%}
  221.                                 {% if isClExist %}
  222.                                     <a class="btn btn-outline-custom-bg1 btn-rounded mb-2" id="btn_rdv"
  223.                                        href="#" onclick='document.getElementById("FormCentre{{clId}}").submit()'>
  224.                                         <span style="display: flex;align-items: center;">
  225.                                              <i class="mdi mdi-motorbike pr-2"></i>
  226.                                                 Réservation motos, quads, voiturettes...
  227.                                              <i class="mdi mdi-chevron-right-circle mdi-36px"></i>
  228.                                         </span>
  229.                                     </a>
  230.                                 {% endif%}
  231.                             {% endif %}
  232.                         </div>
  233.                         <br>
  234.                         {% if parametreCentreGroupe.pcgcolorinfopaiementtext %}
  235.                             <div class="text-lg-left text-center">
  236.                                 <h3 style="font-weight: bold;color:{{parametreCentreGroupe.pcgcolorinfopaiementtext}}">{{parametreCentreGroupe.pcginfobandeau|raw}}</h3>
  237.                             </div>
  238.                         {% endif %}
  239.                         <br>
  240.                     </div>
  241.                     <div class="col-lg-6 p-10 text-center vm">
  242.                         <div>
  243.                             <img style="border-radius: 100px 0px;position:relative;" 
  244.                             src= 
  245.                             {% if centre.ctrparametrecentre.pccheminimgcentre %}
  246.                                     {% set logo = asset("/uploads/dataCentre/")~ centre.centregroupe.id ~"/"~ centre.id ~"/"~ centre.ctrparametrecentre.pccheminimgcentre %}
  247.                                     "{{logo}}"
  248.                                 {% else %}
  249.                                     "{{ asset("public/images/AdobeStock_383270670_Preview.jpeg")}}"
  250.                                 {% endif %}
  251.                             
  252.                             width="80%"
  253.                                 alt="{{centre.ctrnom}}" />
  254.                         </div>
  255.                     </div>
  256.                 </div>
  257.             </div>
  259.             {% if array_centres[key].Prestations %}
  260.                 {% set afficheprix = true %}
  261.                 {% if centre.ctrparametrecentre.isPaiementEnLigne == false and centre.ctrparametrecentre.isDisplayTarifFromFo == false %}
  262.                     {% set afficheprix = false %}
  263.                 {% endif %}
  265.             <section class=" p-20" style="background-color:{{centreGroupe.centregroupecss.bg1}}; opacity: 0.92">
  266.                 <div class="row">
  267.                     <div class="col-lg-12 ">
  268.                         <h2 class="PN-Black PN-color1 ">Nos prestations</h2>
  269.                     </div>
  270.                     <div class="row p-20 col-lg-12 prestation-div">
  271.                       
  272.                         {% for prestation in array_centres[key].Prestations %}
  274.                         <div class=" col-xs-6 col-md-6 col-lg-3 PN-color1 ">
  275.                             
  276.                             {% if prestation.MessageAppelCentre %}
  277.                                 <a href="#" onclick="message_appel_centre('{{centre.ctrtelephone}}')">
  278.                             {% else %}
  279.                                 <a href="#" onclick='document.getElementById("FormCentre{{centre.id}}_{{prestation.Id}}").submit()'>
  280.                             {% endif %}
  282.                             <div style="min-height:100px;display: flex;align-items: flex-end">
  283.                                 {% if centre.centretype.id == 2 %}
  284.                                     <p class="PN-Black PN-color1 p-l-20">{{prestation.TypeVisite}} ({{ prestation.typeVehicule }})</p>
  285.                                 {% else %}
  286.                                     <p class="PN-Black PN-color1 p-l-20">{{prestation.TypeVisite}}</p>
  287.                                 {% endif %}
  288.                             </div>
  289.                             
  290.                             <form id="FormCentre{{centre.id}}_{{prestation.Id}}" action="{{path('prendre_rdv')}}" method="post">
  291.                                 <input type="hidden" name="id" value="{{centre.id}}" />
  292.                                 <input type="hidden" name="prestation" value="{{prestation.TypeVisite}}|{{prestation.Id}}|{{prestation.PrixInitial}}|{{prestation.Duree}}|{{prestation.PaiementEnLigne}}" />
  293.                             </form>
  294.                             {% if prestation.Reduction %}
  295.                                 <div style="background: {{centreGroupe.centregroupecss.bg3}} 0% 0% no-repeat padding-box;border-radius: 35px;box-shadow: 10px 10px 10px #000000;opacity: 1;height: 150px;">
  296.                                     <div class="text-right p-t-20">
  297.                                         {% if afficheprix %}
  298.                                             <p class="PN-color3 font-bold"  style="font-size:16px;padding-right: 10px;">à partir de</p>
  299.                                         {%  endif %}
  300.                                         <h2 class="PN-Black PN-color3 p-r-10" style="font-size: 30px;">
  301.                                             <span
  302.                                             style="font-size:18px;padding-right: 10px;">
  303.                                             {% if centre.centretype.id == 2 %}
  304.                                                 </span>
  305.                                                 {{prestation.Duree}} Minutes
  306.                                             {% else %}
  307.                                                 {% if afficheprix %}
  308.                                                     {% if centre.ctrparametrecentre.pcaffpercent and centre.ctrparametrecentre.pcaffmontant == 0 %}
  309.                                                         <span>-{{((((prestation.PrixInitial|number_format(2)) - prestation.PrixFinal|number_format(0))/prestation.PrixInitial|number_format(2)) *100)|round(0)}} % </span> </span>
  310.                                                     {% elseif centre.ctrparametrecentre.pcaffpercent and centre.ctrparametrecentre.pcaffmontant %}
  311.                                                         <span>-{{((((prestation.PrixInitial|number_format(2)) - prestation.PrixFinal|number_format(0))/prestation.PrixInitial|number_format(2)) *100)|round(0)}} % </span>
  312.                                                         <s>{{prestation.PrixInitial|number_format(2)}}€ </s> </span>
  313.                                                     {% else %}
  314.                                                         <s>{{prestation.PrixInitial|number_format(2)}}€ </s> </span>
  315.                                                     {% endif%}
  316.                                                     {{prestation.PrixFinal|number_format(2)}}€ TTC
  317.                                                 {% endif %}
  318.                                             {% endif %}
  319.                                         </h2>
  321.                                         <p class="PN-color3 p-r-10 font-bold ">
  322.                                             Réserver
  323.                                             <i class="mdi mdi-chevron-right-circle" style="font-size: 18px;"></i>
  324.                                         </p>
  325.                                     </div>
  326.                                 </div>
  327.                             
  328.                             {% else %}
  329.                             <div style="background: {{centreGroupe.centregroupecss.bg2}} 0% 0% no-repeat padding-box;border-radius: 35px;box-shadow: 10px 10px 10px #000000;opacity: 1;height: 150px;">
  330.                                     <div class="text-right p-t-20">
  331.                                         <h2 class="PN-Black PN-color2 p-r-10 m-b-20" style="font-size: 30px;">
  332.                                             {% if centre.centretype.id == 2 %}
  333.                                                 {{prestation.Duree}} Minutes
  334.                                             {% else %}
  335.                                                 {% if afficheprix %}
  336.                                                     {{prestation.PrixInitial|number_format(2)}}€ TTC
  337.                                                 {% endif %}
  338.                                             {% endif %}
  339.                                         </h2>
  340.                                         <p class="PN-color2 p-r-10 font-bold">
  341.                                             Réserver
  342.                                             <i class="mdi mdi-chevron-right-circle " style="font-size: 18px;"></i>
  343.                                         </p>
  344.                                     </div>
  345.                             </div>
  346.                             {% endif %}
  347.                         </a>
  348.                         </div>
  350.                         {% endfor %}
  351.                     </div>
  352.                 </div>
  353.             </section>
  355.             {% endif %}
  357.             {% include 'components/google_avis.html.twig' %}
  358.             
  359.             {% include 'components/en_savoir_plus.html.twig' %}
  361.             {% if centreGroupeByGerant|length > 0 %}
  362.             <section class=" p-20" style="background-color:{{centreGroupe.centregroupecss.bg1}};border-bottom: 1px solid rgba(120,130,140,0.13);opacity: 0.92">
  363.                 <div class="row ">
  364.                     <div class="col-lg-12">
  365.                         <h2 class="PN-Black PN-color1">
  366.                             Nos autres centres
  367.                         </h2>
  368.                     </div>
  369.                     <div class="col-lg-12 m-2 text-center row justify-content-center" id=""
  370.                         name="">
  371.                         {% for centreGroupe in centreGroupeByGerant %}
  372.                             <a class="col-lg-3 d-block m-2" href="http://{{centreGroupe.Lien}}">
  373.                                 <div style="background: #fffefe 0% 0% no-repeat padding-box;
  374.                                                                         box-shadow: 0px 6px 6px #B2B2B2;
  375.                                                                         border-radius: 40px;
  376.                                                                         opacity: 1;">
  377.                                     <div class="col-lg-12 text-left p-20">
  378.                                         <h3 class="PN-Bold PN-colorbg1">{{centreGroupe.Nom}}</h3>
  379.                                     </div>
  380.                                     <div class="col-lg-12 text-left p-20">
  381.                                         <h4 class="PN-Bold PN-colorbg1">{{centreGroupe.Type}}</h4>
  382.                                         <h4 class="PN-Bold PN-colorbg1">{{centreGroupe.Ville}}</h4>
  383.                                     </div>
  384.                                     <div class="col-lg-12 text-left p-20">
  385.                                         <h4 style="font-weight: bold;display: flex;flex-direction: row-reverse;">
  386.                                             <span class="PN-colorbg1" ><i class="mdi mdi-link-variant mdi-36px "></i> Accéder au site</span>
  387.                                         </h4>
  388.                                     </div>
  389.                                 </div>
  390.                             </a>
  391.                         {% endfor %}
  392.                     </div>
  393.                 </div>
  394.             </section>
  395.             {% endif %}
  396.         </div>
  397.         {% endif %}
  398.         {% endfor %}
  399.     </div>
  400. </div>
  402. {% endblock %}
  404. {% block javascripts %}
  408. <script>
  409.     $(document).ready(function () {
  410.         {% for message in app.flashes('error') %}
  411.             toastr.error('{{ message|escape('js') }}', { timeOut: 9500 });
  412.         {% endfor %}
  413.     });
  414. </script>
  415. {% endblock %}