templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="{{ app.request.locale }}">
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         
  7.         <meta name="viewport" content="width=device-width, initial-scale=1.0{% if current == "cart" %}, user-scalable=no{% endif %}">
  8.         <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9.         
  10.         {% block meta %}{% endblock %}
  11.         <title> {% block title %}{% endblock %} | {{ 'app.title'|trans }}</title>
  13.         <!-- Google Font -->
  14.         <link
  15.         href="https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;900&display=swap" rel="stylesheet">
  17.         <!-- Css Styles -->
  18.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  19.         <link rel="stylesheet" href="{{ asset('assets/css/theme/font-awesome.min.css') }}" type="text/css">
  20.         <link rel="stylesheet" href="{{ asset('assets/css/theme/elegant-icons.css') }}" type="text/css">
  21.         {# <link rel="stylesheet" href="{{ asset('assets/css/theme/nice-select.css') }}" type="text/css"> #}
  22.         <link rel="stylesheet" href="{{ asset('assets/css/theme/jquery-ui.min.css') }}" type="text/css">
  23.         <link rel="stylesheet" href="{{ asset('assets/css/theme/owl.carousel.min.css') }}" type="text/css">
  24.         <link rel="stylesheet" href="{{ asset('assets/css/theme/slicknav.min.css') }}" type="text/css">
  25.         <link rel="stylesheet" type="text/css" href="//unpkg.com/leaflet/dist/leaflet.css" />
  26.         {# <link rel="stylesheet" href="{{ asset('assets/css/utils.css') }}" type="text/css"> #}
  27.         <link rel="stylesheet" href="{{ asset('assets/css/theme/theme.css') }}" type="text/css">
  28.         <link rel="icon" href="{{ asset('favicon.ico') }}"/>
  29.         {# JS #}
  30.         {% if typePaiement is defined and typePaiement == 'cb' %}
  31.             <script src="https://js.stripe.com/v3/"></script>
  32.             <script>
  33.                 var url = '';
  34.                 var stripePublicKey = "{{ stripePublicKey }}";
  35.             </script>
  36.         {% endif %}
  37.         <script src="{{ asset('assets/js/theme/jquery-3.3.1.min.js') }}"></script>
  38.         <script type="text/javascript" src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
  39.         <script type="text/javascript" src="https://widget.mondialrelay.com/parcelshop-picker/jquery.plugin.mondialrelay.parcelshoppicker.min.js"></script>
  40.         <script type="module" src="{{ asset('assets/js/app.js') }}"></script>
  41.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-772LLKY5NX"></script>
  42.         <script>
  43.             window.dataLayer = window.dataLayer || [];
  44.             function gtag(){window.dataLayer.push(arguments);}
  45.             gtag('js', new Date());
  46.             gtag('config', 'G-772LLKY5NX');
  47.         </script>
  48.         
  49.         {% if app.user and (current == 'cart' or current == 'orders') %}
  50.         {# Mondial Relay #}
  51.         <script>
  52.             let pointRelais = {};
  53.             let shippingAddress = '';
  54.             $("#prAddress").on("click", function (e) {
  55.                 e.stopPropagation();
  56.                 e.preventDefault();
  57.             });
  58.             $(document).ready(function () {  
  59.                 $("#Zone_Widget").MR_ParcelShopPicker({     
  60.                         Target: "#Retour_Widget", 
  61.                         Brand: "CC22689G",
  62.                         PostCode: {{ app.user.address.postalcode }}, 
  63.                         Country: "FR",
  64.                         Theme: "mondialrelay",
  65.                         Responsive: true,
  66.                         NbResults: 15,
  67.                         OnParcelShopSelected:                                 
  68.                             function (data) { 
  69.                                 pointRelais = data;
  70.                                 var output = document.querySelector("#shippingAddress");
  71.                                 shippingAddress = output.innerHTML;                                    
  72.                                 var html = '';
  73.                                 html +='<div class="row">';
  74.                                 html +='<div class="col">{{ "base.recipient"|trans }}</div>';
  75.                                 html +='<div class="col">'+ data.Nom +'</div>';
  76.                                 html +='</div>';
  77.                                 html +='<div class="row">';
  78.                                 html +='<div class="col">{{ "base.address"|trans }}</div>';
  79.                                 html +='<div class="col">'+ data.Adresse1 + ' ' + data.Adresse2 +'</div>';
  80.                                 html +='</div>';
  81.                                 html +='<div class="row">';
  82.                                 html +='<div class="col">{{ "base.postal_code"|trans }}</div>';
  83.                                 html +='<div class="col">'+ data.CP +'</div>';
  84.                                 html +='</div>';
  85.                                 html +='<div class="row">';
  86.                                 html +='<div class="col">{{ "base.city"|trans }}</div>';
  87.                                 html +='<div class="col">'+ data.Ville +' ('+ data.Pays +')</div>';
  88.                                 html +='</div>';
  89.                                 output.innerHTML = html;
  90.                             } 
  91.                 });
  92.                 $("#MrMap").on("hidden.bs.modal", function () {
  93.                     $.ajax({
  94.                         url: "/panier/add-shipping-address",
  95.                         method: "POST",
  96.                         dataType: "json",
  97.                         data: null,
  98.                         success: function(result){
  99.                             window.location.reload();
  100.                         }
  101.                     });
  102.                 });
  104.                 let url = '';
  105.                 {% if current == 'cart' %}
  106.                     url = "/panier/add-shipping-address";
  107.                 {% elseif current == 'orders' %}
  108.                     url = "envoi-mise-de-cote/add-shipping-address";
  109.                 {% endif %}
  110.                 
  111.                 $("#userAddress").on("click", function(){
  112.                     $.ajax({
  113.                         url: url,
  114.                         method: "POST",
  115.                         dataType: "json",
  116.                         data: pointRelais,
  117.                         success: function(result){
  118.                             window.location.reload();
  119.                         }
  120.                     });
  121.                 });
  122.                 $("#selectPR").on('click', function (){
  123.                     /*let response = fetch("/panier/add-shipping-address").then((result)=>{
  124.                         console.log(result.json());
  125.                     });*/
  126.                     $.ajax({
  127.                         url: url,
  128.                         method: "POST",
  129.                         dataType: "json",
  130.                         data: pointRelais,
  131.                         success: function(result){
  132.                             window.location.reload();
  133.                         }
  134.                     });
  135.                     
  136.                 });
  137.             });
  138.         </script>
  139.         {% endif %}
  140.     </head>
  141.     <body>
  142.         <script>
  143.             let isConnected = false;
  144.             {% if app.user %}
  145.                 isConnected = true;
  146.             {% endif %}
  147.         </script>
  148.         
  149.         {# FB SHARE #}
  150.         <div id="fb-root"></div>
  151.         <!--<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v13.0" nonce="dRMvUNa1"></script>-->
  152.         {# <div id="preloder">
  153.             <div class="loader"></div>
  154.         </div> #}
  155.         <div id="preloader">
  156.             <div class="loader">
  157.                 <div class="bar bar1"></div>
  158.                 <div class="bar bar2"></div>
  159.                 <div class="bar bar3"></div>
  160.                 <div class="bar bar4"></div>
  161.                 <div class="bar bar5"></div>
  162.                 <div class="bar bar6"></div>
  163.                 <div class="bar bar7"></div>
  164.                 <div class="bar bar8"></div>
  165.             </div>
  166.         </div>
  167.         {% if params %}
  168.             {% set now = "now"|date("m/d/Y H:i:s") %}
  169.             {% for param in params %}
  170.                 {% if param.name == 'admin_msg' %}
  171.                     {% if (now > param.startAt|date("m/d/Y H:i:s") and now < param.endAt|date("m/d/Y H:i:s")) and param.value %}
  172.                     <div class="admin_msg text-center">
  173.                         <h4><i class="icon_info_alt me-3"></i> {{ param.value }}</h4>
  174.                     </div>
  175.                     {% endif %}
  176.                     
  177.                 {% endif %}
  178.                 
  179.             {% endfor %}
  180.         {% endif %}
  181.         {# <div class="admin_msg text-center">
  182.             <h4><i class="icon_info_alt me-3"></i> Promotion de la plupart des vinyles du site du 24 décembre au 24 janvier</h4>
  183.         </div> #}
  184.         {# Menu RESPONSIVE #}
  185.         {% include "components/theme/_menu_hamburger.html.twig" %}
  187.         {# Header #}
  188.         {% include "components/theme/header.html.twig" %}
  190.         <main class="container-fluid p-0">
  191.             <div class="row justify-content-center">
  192.                 <div class="col-lg-11 col-md-12">
  193.                     {% include "components/_flashcontainer.html.twig" %}
  194.                 </div>
  195.             </div>
  196.             <div class="row justify-content-center">
  197.                 <div class="col-11 col-lg-11 text-center txt-defil">
  198.                     <h4 class="fw-bold">{{ 'base.free_shipping'|trans }}</h4>
  199.                 </div>
  200.             </div>
  201.             <section class="hero">
  202.                 <div class="container g-0">
  203.                     <div class="row">
  204.                         {% if 
  205.                             current != "register" and 
  206.                             current != "reset_password" and 
  207.                             current != "cart" and 
  208.                             current != "login" and 
  209.                             current != "account" and 
  210.                             current != "orders" and
  211.                             current != "order_details"and
  212.                             current != "page"
  213.                         %}
  214.                         <div class="col-lg-3">
  215.                             {% if current != "accessories" %}
  216.                                 {% include "components/theme/_search.html.twig" %}
  217.                             {% endif %}
  218.                         </div>
  219.                         {% endif %}
  220.                         
  221.                         <div class="
  222.                             {% if 
  223.                                 current != "register" and 
  224.                                 current != "reset_password" and 
  225.                                 current != "cart" and 
  226.                                 current != "login" and 
  227.                                 current != "account" and 
  228.                                 current != "orders" and
  229.                                 current != "order_details"and
  230.                                 current != "page"
  231.                             %}col-lg-9{% else %}col-lg-10  ms-auto me-auto{% endif %}"  {% if current == "home" %}style="min-height: 460px;"{% endif %}>
  232.                             {% if current == "home" %}
  233.                                 {% include "components/theme/_heroHome.html.twig" %}
  234.                             {% else %}
  235.                                 <div class="hero__text text-left">
  236.                                     {% block hero %}{% endblock %}
  237.                                 </div>
  238.                                 <br>
  239.                             {% endif %}
  240.                             {% block body %}{% endblock %}
  241.                         </div>
  242.                     </div>
  243.                 </div>
  244.             {% block extras %}{% endblock %}
  245.             </section>
  246.         </main>
  247.         {# Footer #}
  248.         {% include "components/theme/footer.html.twig" %}
  250.         {# MODALS #}
  251.         {% if (app.user == null) %}
  252.             <div class="modal fade" id="needConnexionModal" role="dialog" aria-labelledby="needConnexionModalLabel" aria-hidden="true">
  253.                 <div class="modal-dialog modal-dialog-centered">
  254.                     <div class="modal-content">
  255.                         <div class="modal-header">
  256.                             <h1 class="modal-title fs-5" id="staticBackdropLabel">{{ 'base.must_be_connected'|trans }}</h1>
  257.                             <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  258.                         </div>
  259.                         <div class="modal-body text-center">
  260.                             <i class="fa fa-user"></i> <a href="{{ path('app_login') }}" class="mx-2"><span class="">{{ 'base.login'|trans }}</span></a> |
  261.                             <i class="fa fa-pencil"></i> <a href="{{ path('app_register') }}" class="mx-2"><span class="">{{ 'base.register'|trans }}</span></a>
  262.                         </div>
  263.                     </div>
  264.                 </div>
  265.             </div>
  266.         {% endif %}
  267.         <!-- Js Plugins -->
  268.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  269.         <script src="{{ asset('assets/js/theme/jquery-ui.min.js') }}"></script>
  270.         <script src="{{ asset('assets/js/theme/jquery.slicknav.js') }}"></script>
  272.         <script src="{{ asset('assets/js/theme/owl.carousel.min.js') }}"></script>
  273.         <script src="{{ asset('assets/js/theme/main.js') }}"></script>
  274.         <script src="{{ asset('assets/js/theme/mixitup.min.js') }}"></script>
  275.         <script>
  276.             let routeName = "{{ app.request.get('_route') }}";
  277.         </script>
  278.         {% block javascript %}{% endblock %}
  279.         
  280.     </body>
  281. </html>