templates/layouts/base.html.twig line 74

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <!-- Required meta tags -->
  6.         <meta charset="utf-8">
  7.         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8.         
  9.         <title>{% block title %}Lunii{% endblock %}</title>
  10.         
  11.         <!-- Bootstrap CSS -->
  12.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
  13.         <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker3.min.css" rel="stylesheet" />
  14.         
  15.         <!--  SELECT2 CSS -->
  16.         <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css" rel="stylesheet" />
  17.         
  18.         <!-- Custom CSS -->
  19.         <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">
  20.        
  21.         <!-- COOKIE CSS -->   
  22.         <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
  24.         <style>
  25.           .select2-container--default .select2-selection--single .select2-selection__placeholder {
  26.             color: #000;
  27.           }
  28.         </style>
  30.         {% block stylesheets %}
  31.             {#{{ encore_entry_link_tags('app') }}#}
  32.         {% endblock %}
  34.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
  35.     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  36.     <script src="{{ asset('assets/js/custom.js') }}"></script>
  37.     <script src="{{ asset('assets/js/custom2.js') }}"></script>
  38.     </head>
  40.    <!-- Alert messages -->
  41.      {{ include('includes/alerts.html.twig') }} 
  42.      <!-- /  Alert messages -->
  43.     <body>
  44.       <div class="d-flex justify-content-center">
  45.         <div class="card border-secondary shadow-lg p-3 mb-5 bg-white rounded" style="width: 75rem; text-align: center; margin-top: 50px;">
  46.           <div class="card-body no-padding-mobile">
  47.             <nav class="navbar navbar-expand-lg navbar-light bg-white d-xl-flex justify-content-xl-center ml-5">
  48.               <div class="col-lg-2  logo-header"  >
  49.                 <a class="col-1 " target="_blank" href="https://www.lunii.com" >
  50.                
  51.                   <img src="{{ asset('assets/images/LUNII_logo-horizontal.png') }}" alt="bannière principale du site">
  52.                 </a>
  53.               </div>
  54.               <div class="col-lg-9 menu-right-block">
  55.                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  56.                   <span class="navbar-toggler-icon"></span>
  57.                 </button>
  58.                 <div class="collapse navbar-collapse" id="navbarSupportedContent">
  59.                   <ul class="navbar-nav me-auto mb-2 mb-lg-0 d-md-flex justify-content-center">
  60.                     <li class="nav-item me-4 ms-4">
  61.                       {% if app.request.pathinfo == '/' %}
  62.                         <a class="nav-link text-md-center me-4 pe-0 ps-0 active" aria-current="page" href="{{ path('home') }}">Je profite de l'offre</a> 
  63.                       {% else %}
  64.                         <a class="nav-link text-md-center me-4 pe-0 ps-0" aria-current="page" href="{{ path('home') }}">Je profite de l'offre</a>
  65.                       {% endif %}
  66.                     </li>
  67.                     <li class="nav-item me-4 ms-4">
  68.                          <a class="nav-link text-md-center me-4 pe-0 ps-0" target="_blank" href="{{ asset('assets/documents/Réglement-ODR-Lunii-VF.PDF') }}">Voir le règlement</a>
  69.                     </li>
  70.                     <li class="nav-item me-4 ms-4">
  71.                       {% if 'purchase_status' in app.request.pathinfo %}
  72.                         <a class="nav-link text-md-center me-4 pe-0 ps-0 active" href="{{ path('purchase_status', {'oid': operation.id }) }}">Suivre mon dossier</a>
  73.                       {% else %}
  74.                         <a class="nav-link text-md-center me-4 pe-0 ps-0" href="{{ path('purchase_status', {'oid': operation.id }) }}">Suivre mon dossier</a>
  75.                       {% endif %}
  76.                     </li>
  77.                     <li class="nav-item me-4 ms-4">
  78.                       {% if 'je-participe' in app.request.pathinfo %}
  79.                         <a class="nav-link text-md-center me-4 pe-0 ps-0 active" href="{{ path('contact') }}">Nous contacter</a>
  80.                       {% else %}
  81.                         <a class="nav-link text-md-center me-4 pe-0 ps-0" href="{{ path('contact') }}">Nous contacter</a>
  82.                       {% endif %}
  83.                     </li>
  84.                   </ul>
  85.                 </div>
  86.               </div>
  87.             </nav>
  88.             <div class="row d-lg-flex justify-content-center">
  89.               <div class="mt-3 rounded mx-auto d-block">
  90.               <img src="{{ asset('/assets/images/banniere-minisite-ODR.jpg') }}" class="img-fluid"/>
  91.               </div>
  92.             </div>
  93.             {% block main %}{% endblock %}
  94.           </div>
  95.           <!-- FOOTER BLOCK -->
  96.           <footer class="container mt-4">
  97.             <div class="row d-flex justify-content-between">
  98.               <div class="col-lg-12 navbar d-flex justify-content-between d-none d-md-block">
  99.                 <ul class="p-0 d-flex justify-content-between">
  100.                   <li>
  101.                     <a class="text-center nav-link">Copyright 2022. Tous droits réservés</a>
  102.                   </li>
  103.                   <li>
  104.                     <a class="text-center nav-link" target="_blank" href="{{ asset('assets/documents/LUNII_FR_2_Conditions_generales_d_utilisation_du_site_internet.pdf') }}">Mentions légales</a>
  105.                   </li>
  106.                   <li>
  107.                     <a class="text-center nav-link" target="_blank" href="{{ asset('assets/documents/LUNII_FR_6_Politique_de_confidentialite_Lunii.pdf') }}">Cookies et confidentialité</a>
  108.                   </li>
  109.                 </ul> 
  110.               </div>
  111.             </div>
  112.           </footer>
  113.           <!-- FOOTER BLOCK END -->
  114.         </div>
  115.     
  116.       </div>
  118.     </body>
  122.     
  123.     
  124.     <!--  SELECT2 JS -->
  125.     <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" integrity="sha512-2ImtlRlf2VVmiGZsjm9bEyhjGW4dU7B6TNwh/hx/iSByxNENtj3WVE6o/9Lj4TJeVXPi4bnOIMXFIJJAeufa0A==" crossorigin="anonymous"></script>
  126.     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
  127.     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/locales/bootstrap-datepicker.fr.min.js"></script>  
  128.     
  129.     <!--<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>-->
  130.     <script>
  131.       $(".select-multiple").select2({
  132.       });
  133.       $(document).on('select2:open', () => {
  134.         document.querySelector('.select2-search__field').focus();
  135.       });
  136.     </script>
  137.     <!-- COOKIE BLOCK END -->
  138.     
  139.     <!-- <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>-->
  140.     {% block javascripts %}{% endblock %}
  141.     {# COOKIE #}
  142.     <!--<script>
  143.       window.axeptioSettings = {
  144.         clientId: "6163ee686dbf0468b65fee10",
  145.         cookiesVersion: "Lunii-base",
  146.       };
  147.       
  148.       (function(d, s) {
  149.         var t = d.getElementsByTagName(s)[0], e = d.createElement(s);
  150.         e.async = true; e.src = "//static.axept.io/sdk.js";
  151.         t.parentNode.insertBefore(e, t);
  152.       })(document, "script");
  153.       </script>-->
  155.     <!--<script>
  156.       $(document).ready(function(){
  157.           jQuery(function(){
  158.             $("#axeptio_btn_dismiss").click(function() {
  159.               console.log('clicked');
  160.               $("axeptio_btn_acceptAll").css("display","none!important;");
  161.             });
  162.         });
  163.      });-->
  164.       </script>
  165.        {# <script>
  166.         window.cookieconsent.initialise({
  167.           "palette": {
  168.           "popup": {
  169.             "background": "#000",
  170.             "text": "#ffffff"
  171.           },
  172.           "button": {
  173.             "background": "#ffffff"
  174.           }
  175.         },
  176.         "showLink": false,
  177.         "theme": "classic",
  178.         "type": "opt-out",
  179.         "content": {
  180.           "message": "Notre site utilise des cookies, en poursuivant votre navigation vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés à vos centres d'intérêt.",
  181.           "dismiss": "Authoriser",
  182.           "deny": "Refuser"
  183.         }
  184.       });
  185.       </script>#}
  186.         <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" integrity="sha512-2ImtlRlf2VVmiGZsjm9bEyhjGW4dU7B6TNwh/hx/iSByxNENtj3WVE6o/9Lj4TJeVXPi4bnOIMXFIJJAeufa0A==" crossorigin="anonymous"></script>
  188.       <script>
  189.       /*$(".select-multiple").select2({
  190.                         placeholder: 'Sélectionnez un lieu*'
  191.                     });
  192. */
  194.         $(document).ready(function(){
  195.             jQuery(function(){
  196.                 if ($(".nav-link").hasClass('active')) {
  197.                   $(".active").css({'border-bottom': '2px solid'});
  198.                   };
  199.                 });
  200.             });
  202. /* CHANGED THE TEXT OF COOKIE BUTTON */
  203. $('.cc-allow').text('Accepter');
  205.   /* ADD THE AUTOMATICAL SLASHES TO THE DATE */
  206.     $( document ).ready(function() {
  207.       $('#user_form_purchases___name___purchasedAt').bind('keyup','keydown', function(event) {
  208.         var inputLength = event.target.value.length;
  209.         if (event.keyCode != 8){
  210.           if(inputLength === 2 || inputLength === 5){
  211.             var thisVal = event.target.value;
  212.             thisVal += '/';
  213.             $(event.target).val(thisVal);
  214.           }
  215.         }
  216.       })
  217.     });
  219.   </script>
  220. </html>