templates/front/theme1/base.html.twig line 98

Open in your IDE?
  1. <!doctype html>
  2. <html lang="{{ app.request.locale }}">
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.         {# <link rel="apple-touch-icon" sizes="60x60" href="{{asset('public/favicon/apple-touch-icon.png')}}">
  8.         <link rel="icon" type="image/png" sizes="32x32" href="{{asset('public/favicon/favicon-32x32.png')}}">
  9.         <link rel="icon" type="image/png" sizes="16x16" href="{{asset('public/favicon/favicon-16x16.png')}}"> #}
  10.         <link rel="icon" type="image/x-icon" href="{{ asset('public/favicon/favicon.ico') }}" />
  11.         {# <link rel="manifest" href="{{asset('public/favicon/site.webmanifest')}}"> #}
  12.         {{ leogout_seo() }} 
  14.         <link rel="preconnect" href="https://code.jquery.com" crossorigin>
  15.         <link rel="preconnect" href="https://apps.elfsight.com" crossorigin>
  16.         {# <link rel="preconnect" href="https://matomo.hrz.fr/" crossorigin> #}
  17.         
  18.         {# {% include 'front/preload_fonts.html.twig' %} #}
  19.         {# <link href="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.1.4/dist/css/datepicker.min.css" rel="stylesheet"> #}
  21.   
  22.         
  23.         {% block metaTag %}
  24.                 {% if meta_robots is defined and meta_robots is not empty %}
  25.                         <meta name="robots" content="{{meta_robots}}">
  26.                     {% else %}
  27.                         <meta name="robots" content= "{% if ParametreSite().metaindex == 1 %}INDEX{% else %}NOINDEX{% endif %} , {% if ParametreSite().metafollow == 1 %}FOLLOW{% else %}NOFOLLOW{% endif %}"> 
  28.                 {% endif %}
  30.                 {% set currentPath = '/' %}
  32.                 {% if app.request.attributes.get('_route_params')['slug'] is defined and app.request.attributes.get('_route_params')['slug'] == 'home' %}
  33.                     <link href="{{app.request.schemeAndHttpHost}}" rel="canonical"/>
  34.                 {% else %}
  35.                     {% if canonical is defined and canonical != null  %}
  36.                         <link href="{{app.request.schemeAndHttpHost ~ canonical}}" rel="canonical"/>
  37.                     {% else %}
  38.                         <link href="{{app.request.uri}}" rel="canonical" />
  39.                     {% endif %} 
  40.                 {% endif %}
  41.              
  43.                 {# <link rel="alternate" hreflang="x-default" href="{{app.request.schemeAndHttpHost ~ currentPath}}" />  #}
  44.                 {# {% if ActifLanguage() %}
  45.                     {% for item in ActifLanguage() %}
  46.                         <link rel="alternate" hreflang="{{item.languagecode}}" href="{{app.request.schemeAndHttpHost ~ currentPath}}"/>
  47.                     {% endfor %}
  48.                 {% endif %} #}
  50.                 {% if custom_schemaOrg is defined and custom_schemaOrg != null  %}
  51.                     {{custom_schemaOrg|raw}}
  52.                 {% endif %}
  53.                 
  55.                 {% if schemaOrg is defined %}
  56.                      {{schemaOrg|replace({"\\": "/"})|replace({"//": "/"})|raw}}
  57.                 {% endif %}
  59.                 {% if schema_breadcrumb is defined %}
  60.                     {{schema_breadcrumb|replace({"\\": "/"})|replace({"//": "/"})|raw}}
  61.                 {% endif %}
  62.         {% endblock %}
  64.         {% if ParametreSite().googleverification and ParametreSite().googleverification is not empty %}
  65.                 <meta name="google-site-verification" content="{{ParametreSite().googleverification|raw}}" />
  66.         {% endif %}
  68.         {% if ParametreSite().codehead and ParametreSite().codehead is not empty %}
  69.             {{ParametreSite().codehead|raw}}
  70.         {% endif %}
  72.        
  74.         {% block preload %}{% endblock %}
  77.         {% block stylesheets %}
  78.         {#  {{ encore_entry_link_tags('app-theme') }} #}
  79.             <style>
  80.                 {{ source ('front/'~ app.request.server.get('APP_THEME') ~'/assets/css/_fonts.css')}}
  81.                 {{ source ('front/'~ app.request.server.get('APP_THEME') ~'/assets/css/_variables.min.css')}}
  82.                 {# {% include 'front/config_theme.html.twig' %} #}
  83.                 {% for file in encore_entry_css_files('app-theme') %}
  84.                     {{ source('@PUBLIC' ~ file) }}
  85.                 {% endfor %}
  87.                 {{ source ('front/'~ app.request.server.get('APP_THEME') ~'/assets/css/style.min.css')}}
  88.             </style>
  89.         {% endblock %}
  90.         
  91.     </head>
  92.     {% apply spaceless %}
  93.     <body {% if app.request.attributes.get('_route') is null %}class="page-404"{% endif %}>
  94.         {% if ParametreSite().codebody and ParametreSite().codebody is not empty %}
  95.             {{ParametreSite().codebody|raw}}
  96.         {% endif %}
  98.         {% block navbar %}
  99.             {% set className = app.request.attributes.get('_route') == 'index_page_home'?'home_page':'' %}
  100.             {{ render(controller('App\\Controller\\Front\\FunctionController::renderMenu',{'className': className })) }} 
  101.         {% endblock %}
  104.         <main class="{{app.request.attributes.get('_route') == 'index_page_home'?'home_page':''}} {{custom_class_page()!= null?custom_class_page():''}}">
  105.           {% block body %}{% endblock %} 
  106.         </main>
  108.         <a href="javascript:void(0);" class="scroll-to-top" title="{{ 'label.haut'|trans({} , 'textes' ) }}" style="display: none;"><span>{{ 'label.haut'|trans({} , 'textes' ) }}</span></a>
  110.         <div id="myOverlay" class="overlay">
  111.             <span class="closebtn" onclick="closeSearch()" title="Close Overlay">×</span>
  112.             <div class="overlay-content">
  113.                 <form action="{{path('page_search')}}" method="GET">
  114.                     <div class="position-relative w-100">
  115.                         <input type="text" placeholder="Rechercher..." name="search" class="resRecord" required>
  116.                         <div id="recButton" class="w-md waves-effect waves-light"><i class="fa fa-microphone"></i></div>
  117.                     </div>
  118.                    <button type="submit"><i class="fa fa-search"></i></button>
  119.                 </form>
  120.             </div>
  121.         </div>
  123.   
  124.         {{ render(controller('App\\Controller\\Front\\FunctionController::renderDefaultBloc')) }}
  126.         {% block footer %}
  127.             {{ render(controller('App\\Controller\\Front\\FunctionController::renderFooter',{ 'TypeMenu': 'Footer' })) }}
  128.         {% endblock %}
  130.         {% block javascripts %}
  132.             <script src="{{asset('templates/front/theme1/assets/js/jquery-3.6.0.min.js')}}" ></script>
  133.             <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js" async></script>
  134.             {# <script src="{{asset('templates/front/theme1/assets/plugins/wow-animate/js/wow.min.js')}}"></script> #}
  135.             {# <script src="{{asset('templates/front/theme1/assets/plugins/galerie-isotope-wow/js/isotope.pkgd.min.js')}}"></script> #}
  136.             <script src="{{asset('templates/front/theme1/assets/plugins/galerie-isotope-wow/js/plugins.js')}}"></script>
  138.             {# <script src="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.1.4/dist/js/datepicker-full.min.js"></script>
  139.             <script src="https://cdn.jsdelivr.net/npm/vanillajs-datepicker@1.2.0/dist/js/locales/fr.js"></script> #}
  140.             {{ encore_entry_script_tags('app-theme') }} 
  142.     
  143.             <script>
  144.                     function openSearch() {
  145.                         document.getElementById("myOverlay").style.display = "block";
  146.                         setTimeout(function() {
  147.                             document.getElementById("myOverlay").style.opacity = "1";
  148.                         }, 2); 
  149.                     
  150.                     }
  152.                     function closeSearch() {
  153.                         document.getElementById("myOverlay").style.display = "none";
  154.                         setTimeout(function() {
  155.                             document.getElementById("myOverlay").style.opacity = "0";
  156.                         }, 2); 
  157.                     }
  159.                   // new WOW().init();
  160.                    (function () {
  161.                         'use strict'
  162.                         // Fetch all the forms we want to apply custom Bootstrap validation styles to
  163.                         var forms = document.querySelectorAll('.needs-validation')
  165.                         // Loop over them and prevent submission
  166.                         Array.prototype.slice.call(forms)
  167.                             .forEach(function (form) {
  168.                             form.addEventListener('submit', function (event) {
  169.                                 form.classList.add('was-validated')
  170.                                 if (!form.checkValidity()) {
  171.                                     event.preventDefault()
  172.                                     event.stopPropagation()
  173.                                     return false;
  174.                                 }
  176.                                 event.preventDefault();
  177.                                 $(form).find('button[type="submit"]').attr('disabled','true');
  178.                                 grecaptcha.execute('{{ParametreSite().clekey}}', {action: 'create_comment'}).then(token => {
  179.                                     $(form).find('[name=g-recaptcha-response]').val(token);
  180.                                     form.submit();
  181.                                 });
  182.                             }, false)
  183.                             })
  184.                     })()  
  186.                     function reCaptchaOnFocus() {
  187.                         var head = document.getElementsByTagName('head')[0]
  188.                         var script = document.createElement('script')
  189.                         script.type = 'text/javascript';
  190.                         script.src = 'https://www.google.com/recaptcha/api.js?render={{ParametreSite().clekey}}'
  191.                         head.appendChild(script);
  192.                     };  
  194.                     if(document.getElementsByClassName('form-recap')){
  195.                         for (let i = 0; i < document.getElementsByClassName('form-recap').length; i++) {
  196.                             document.getElementsByClassName('form-recap')[i].addEventListener('focus', (event) => {
  197.                                 reCaptchaOnFocus()
  198.                             }, true);
  199.                         }
  200.                     }
  201.             </script>
  203.             <script>
  205.                 $(document).ready(function(){
  207.                     /* const elems = document.querySelectorAll('.datepicker_input');
  208.                     for (const elem of elems) {
  209.                         const datepicker = new Datepicker(elem, {
  210.                             'format': 'dd/mm/yyyy',
  211.                             'language' : 'fr',
  212.                            // title: getDatePickerTitle(elem)
  213.                         });
  215.                     } */
  216.              
  218.                     $(window).on("scroll", function () {
  219.                         if ($(this).scrollTop() > $(window).height() / 2) {
  220.                             $(".scroll-to-top").fadeIn();
  221.                         } else {
  222.                              $(".scroll-to-top").fadeOut();
  223.                         }
  224.                     });
  226.                     $('.header-savoir-plus').on("click", function () {
  227.                         $("html, body").animate({ scrollTop: $('#bloc-content').offset().top - 100 }, "slow" );
  228.                         return false;
  229.                     });
  231.                     $(".scroll-to-top").on("click", function () {
  232.                         $("html, body").animate({ scrollTop: 0 }, 500);
  233.                         return false;
  234.                     });
  236.                     $('input[name="prestation[]"]').change(function(){
  237.                         if(this.hasAttribute('checked')){
  238.                             $(this).attr('checked',false);
  239.                         }else{
  240.                             $(this).attr('checked',true);
  241.                         }
  243.                         $.each($("input[name='prestation[]']"), function () {
  244.                             if (this.value == 'Autre' && this.hasAttribute('checked')) {
  245.                                 $('.autre_prestation').removeClass('d-none');
  246.                                 $('input[name="autre_prestation"]').attr('required',true);
  247.                             }else{
  248.                                 $('.autre_prestation').addClass('d-none');
  249.                                 $('input[name="autre_prestation"]').attr('required',false);
  250.                             }
  251.                         });
  253.                     
  254.                     });
  256.                     $('input[name="vous_etes"]').change(function(){
  257.                         if (this.value == 'Autre') {
  258.                             $('.autre_coordonne').removeClass('d-none');
  259.                             $('input[name="autre_coordonne"]').attr('required',true);
  260.                         }else{
  261.                             $('.autre_coordonne').addClass('d-none');
  262.                             $('input[name="autre_coordonne"]').attr('required',false);
  263.                         }
  264.                     });
  265.                 });
  266.             </script>
  267.             
  268.             {% if parametreProduits() and parametreProduits().actifpanier %}
  269.                 <script>
  270.                     // Fonction pour mettre à jour le panier côté client
  271.                     function updatePanier(panier) {
  272.                         $.ajax({
  273.                             url: '{{ path('cart_content') }}',
  274.                             type: 'GET',
  275.                             success: function(response) {
  276.                                 var panier = response.panier;
  277.                                 var commandeDiv = $('.commande_div');
  278.                                 commandeDiv.empty();
  280.                                 var commandeTable = $('.table-panier tbody');
  281.                                 if(commandeTable.length){
  282.                                     commandeTable.empty();
  283.                                 }
  285.                                 var total = 0;
  287.                                 $('#nb_span').text(Object.keys(panier).length);
  289.                                 for (var key in panier) {
  290.                                     if (panier.hasOwnProperty(key)) {
  291.                                         var item = panier[key];
  292.                                         var id = item['product'].id;
  293.                                         var name = item['product'].title;
  294.                                         var prix = item['product'].prix_produit;
  295.                                         var qte = item.qte;
  296.                                         var nameDiv = $('<div>', { class: 'name_div', 'data-id': id });
  297.                                         var nameSpan = $('<span>', { class: 'name_span' }).text(name);
  298.                                         var content_prix = prix ? ' - '+prix+' €' : ''
  299.                                         var condSpan = $('<span>', { class: 'cond_span' }).text(content_prix);
  300.                                         var qteSpan = $('<span>', { class: 'qte_span' }).text(' - ' + qte);
  302.                                         total +=  prix * qte;
  304.                                         var viderLink = $('<button>', { class: 'vider_selection_prod cart-remove', 'data-qte': qte, 'data-id-produit': id }).html('<i class="fa fa-trash-o"></i>');
  306.                                         var clearDiv = $('<div>', { class: 'clear' });
  308.                                         nameSpan.append(condSpan);
  309.                                         nameDiv.append(nameSpan, qteSpan, viderLink, clearDiv);
  310.                                         commandeDiv.append(nameDiv);
  312.                                         if(commandeTable.length){
  313.                                             
  314.                                             var inputQte = $('<input>', { class: 'form-control input-qte', 'type': 'number', 'value': qte,'name': 'qte','id': 'qte','min': '0','max': '1000', 'data-id-produit': id });
  315.                                             var btnQteUpdate = $('<button>', { class: 'btn-update-qte disabled', 'disabled' : '' }).html('Modifier');
  317.                                             var nameTr = $('<tr>', { class: 'name_div', 'data-id': id });
  318.                                             var nameTd = $('<td>', { class: 'name_span' }).text(name);
  319.                                             var qteTd = $('<td>', { class: 'qte_span' }).append(inputQte,btnQteUpdate);
  320.                                             var prixTd = $('<td>', { class: 'cond_span' }).text(prix);
  321.                                             var viderLinkTd = $('<button>', { class: 'vider_selection_prod cart-remove float-none', 'data-qte': qte, 'data-id-produit': id }).html('<i class="fa fa-trash-o"></i>');
  322.                                             var actionsTd = $('<td>', { class: 'actions' }).append(viderLinkTd);
  324.                                             nameTr.append(nameTd, qteTd,prixTd, actionsTd);
  325.                                             commandeTable.append(nameTr);
  326.                                         }
  327.                                     }
  328.                                 }
  330.                                 var totalTr = $('<tr>', { class: 'total' });
  331.                                 var totalTd1 = $('<td>', { class: 'text-right' , 'colspan' : '2' }).html('<strong>Total(€) :</strong>');
  332.                                 var totalTd2 = $('<td>', { class: 'total-prix' }).html('<strong>'+ total +'</strong>');
  334.                                 totalTr.append(totalTd1,totalTd2);
  336.                                 if(commandeTable.length){
  337.                                     commandeTable.append(totalTr);
  338.                                 }
  340.                             },
  341.                             error: function(xhr, status, error) {
  342.                                 console.log(error);
  343.                             }
  344.                         });
  345.                     }
  347.                     function removeFromCart(id_produit){
  348.                                 $.ajax({
  349.                                     url: '/panier/remove/'+escape(id_produit),
  350.                                     type: 'POST',
  351.                                     dataType: 'JSON',
  352.                                     success: function(response) {
  353.                                         var panier = response;
  354.                                         updatePanier(panier);
  355.                                     },
  356.                                     error: function(xhr, status, error) {
  357.                                         console.log(error); // Affichez l'erreur pour le débogage
  358.                                     }
  359.                                 });
  360.                             
  361.                     }
  363.                     function updateQtePanier(id_produit,qte){
  364.                         
  365.                         $.ajax({
  366.                             url: '/panier/update/'+escape(id_produit)+'/'+escape(qte),
  367.                             type: 'POST',
  368.                             dataType: 'JSON',
  369.                             success: function(response) {
  370.                                 var panier = response.panier;
  371.                                 updatePanier(panier);
  372.                             },
  373.                             error: function(xhr, status, error) {
  374.                                 console.log(error); // Affichez l'erreur pour le débogage
  375.                             }
  376.                         });
  377.                     }
  378.                     
  379.                     $(document).ready(function() {
  380.                         
  381.                         $(document).on('click', '.cart-remove', function() {
  382.                             var id_produit = $(this).data('id-produit');
  383.                             removeFromCart(id_produit);
  384.                         });
  386.                         $(document).on('change', '.input-qte', function() {
  387.                             $(this).closest('tr.name_div').find('.btn-update-qte').removeClass('disabled');
  388.                             $(this).closest('tr.name_div').find('.btn-update-qte').removeAttr('disabled');
  389.                         });
  391.                         $(document).on('click', '.btn-update-qte', function() {
  392.                             var productId = $(this).closest('tr.name_div').data('id');
  393.                             var qte = $(this).closest('tr.name_div').find('input.input-qte').val();
  394.                             updateQtePanier(productId,qte);
  395.                         });
  397.                     });
  398.                 </script>
  400.             {% endif %}
  402.             {% if Cookies() != null %}
  403.                   {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/cookies/cookie.html.twig',{}, with_context = false)}}
  404.             {% endif %}
  405.             <script>
  406.                 {{ source ('front/'~ app.request.server.get('APP_THEME') ~'/assets/js/script.js')}}
  407.             </script>
  409.         {% endblock %} 
  411.     </body>
  412.     {% endapply %}
  413. </html>