templates/main/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  5. <head>
  6.     <meta charset="UTF-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.     <title>{{app_name }} - {% block title %}{% endblock %} </title>
  10.     <meta name="keywords" content="boutique informatique, ordinateurs portables, dakar, sénégal, composants PC, réparation informatique, assistance technique, matériel informatique, logiciels">
  11.     <meta name="description" content="PMD boutique - Boutique informatique proposant une large gamme de produits et de services informatiques.">
  12.     <meta name="author" content="Pmd Developper">
  13.     <!-- Favicon -->
  14.     {% block favicon %}
  15.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('img/apple-touch-icon.png') }}">
  16.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('img/favicon-32x32.png') }}">
  17.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('img/favicon-16x16.png') }}">
  18.     <link rel="manifest" href="{{ asset('img/site.webmanifest') }}">
  19.     {% endblock %}
  20.     <meta name="apple-mobile-web-app-title" content="{{app_name}}">
  21.     <meta name="application-name" content="{{app_name}}">
  22.     <meta name="theme-color" content="#ffffff">
  23.     <link rel="stylesheet" href="{{ asset('vendor/line-awesome/line-awesome/line-awesome/css/line-awesome.min.css')}}">
  24.     <!-- Plugins CSS File -->
  25.     <link rel="stylesheet" href="{{ asset('vendor/fontawesome/css/all.min.css') }}">
  26.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  28.     <link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}">
  29.     <link rel="stylesheet" href="{{asset('assets/css/plugins/owl-carousel/owl.carousel.css')}}">
  30.     <link rel="stylesheet" href="{{ asset('vendor/magnific-popup/magnific-popup.css') }}">
  31.     <link rel="stylesheet" href="{{ asset('assets/css/plugins/jquery.countdown.css')}}">
  32.     <!-- Main CSS File -->
  33.     <link rel="stylesheet" href="{{asset('assets/css/pmd-boutique.css')}}">
  34.     {% block head %}{% endblock %}
  35. </head>
  37. <body>
  38.     <div id="loader-app">
  39.         <div class="loader-app">
  40.             <img width="40%" src="{{ asset('img/' ~ site.logo) }}" class="d-block mx-auto" alt="...">
  41.             Chargement...
  42.         </div>
  43.     </div>
  44.     <div class="js-loader js-loader-hide">
  45.         <div class="text-center js-loader-content">
  46.             <div class="spinner-border d-inline-block" style="width: 3rem; height: 3rem;" role="status">
  47.                 <span class="sr-only">Loading...</span>
  48.             </div>
  49.             <p class="js-loader-text">Chargement...</p>
  50.         </div>
  51.     </div>
  52.     <div class="page-wrapper">
  53.         <header class="header header-intro-clearance header-4">
  54.             <div class="header-top">
  55.                 <div class="container">
  56.                     <div class="header-left">
  57.                         <a href="tel:{{ site.tel_1 }}"><i class="icon-phone"></i>{{'Call'|trans}}: +{{ site.tel_1|phone_format}}</a>
  58.                     </div><!-- End .header-left -->
  60.                     <div class="header-right">
  62.                         <ul class="top-menu">
  63.                             <li>
  64.                                 <a href="#">{{'Links'|trans}}</a>
  65.                                 <ul>
  66.                                     {# <li>
  67.                                         <div class="header-dropdown">
  68.                                             <a href="#">English</a>
  69.                                             <div class="header-menu">
  70.                                                 <ul>
  71.                                                     <li><a href="#">English</a></li>
  72.                                                     <li><a href="#">French</a></li>
  73.                                                     <li><a href="#">Spanish</a></li>
  74.                                                 </ul>
  75.                                             </div><!-- End .header-menu -->
  76.                                         </div>
  77.                                     </li> #}
  78.                                     {% if not is_granted('ROLE_CLIENT') %}
  79.                                     <li><a href="#signin-modal" data-toggle="modal"><i class="icon-user"></i>Se
  80.                                             connecter</a></li>
  82.                                             <li><a href="{{path('app_register')}}"> <i class="fas fa-user-lock"></i>Créer un compte</a></li>
  83.                                     
  84.                                                 
  85.                                     {% else %}
  86.                                                 
  87.                                     <li><a class="btn-logout" href="#"><i class="fas fa-power-off"></i>Se
  88.                                           Deconnecter</a></li>
  89.                                     {% endif %}
  90.                                     {# <li><a href="#signin-modal" data-toggle="modal">Sign in / Sign up</a></li> #}
  91.                                 </ul>
  92.                             </li>
  93.                         </ul><!-- End .top-menu -->
  94.                     </div><!-- End .header-right -->
  96.                 </div><!-- End .container -->
  97.             </div><!-- End .header-top -->
  99.             <div class="header-middle">
  100.                 <div class="container">
  101.                     <div class="header-left">
  102.                         <button class="mobile-menu-toggler">
  103.                             <span class="sr-only">{{'Toggle mobile menu'|trans}}</span>
  104.                             <i class="icon-bars"></i>
  105.                         </button>
  106.                         
  107.                         <a href="{{ path('home')}}" class="PMD logo">
  108.                             <img src="{{ asset('img/' ~ site.logo) }}" alt="{{app_name }} Logo" width="125" height="25">
  109.                         </a>
  110.                     </div><!-- End .header-left -->
  112.                     <div class="header-center">
  113.                         <div class="header-search header-search-extended header-search-visible d-none d-lg-block">
  114.                             <a href="#" class="search-toggle" role="button"><i class="icon-search"></i></a>
  115.                             <form action="{{ path('articles')}}" method="get">
  116.                                 <div class="header-search-wrapper search-wrapper-wide">
  117.                                     <label for="q" class="sr-only">{{'Search'|trans}}</label>
  118.                                     <button class="btn btn-primary" type="submit"><i class="icon-search"></i></button>
  119.                                     <input type="search" class="form-control" name="mots" id="q" value="{{app.request.get('mots')}}" placeholder="{{'Search product'|trans}} ..." required>
  120.                                 </div><!-- End .header-search-wrapper -->
  121.                             </form>
  122.                         </div><!-- End .header-search -->
  123.                     </div>
  125.                     <div class="header-right">
  126.                     <div class="wishlist">
  127.                             {% include base ~ "/favoris/ajax/wishlist.html.twig" %}
  128.                         </div><!-- End .compare-dropdown -->
  129.                         <div class="dropdown cart-dropdown js-cart-load">
  130.                             {% include "includes/cart/_load.html.twig" %}
  131.                         </div>
  132.                        <!-- End .cart-dropdown -->
  133.                     </div><!-- End .header-right -->
  134.                 </div><!-- End .container -->
  135.             </div><!-- End .header-middle -->
  137.             <div class="header-bottom sticky-header">
  138.                 <div class="container">
  139.                     <div class="header-left">
  140.                         <div class="dropdown category-dropdown">
  141.                             <a href="#" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" title="Browse Categories">
  142.                                 {{'Browse Categories'|trans}} <i class="icon-angle-down"></i>
  143.                             </a>
  144.                             <div class="dropdown-menu">
  145.                                 <nav class="side-nav">
  146.                                 {% import "macros/category.html.twig" as categoryMacro %}
  147.                                     <ul class="menu-vertical sf-arrows">
  148.                                         <li class="item-lead"><a href="{{ path('articles')}}">Tous</a></li>
  149.                                     {% for item in categories.all %}
  150.                                         <li><a {{ categoryMacro.href_category(item)}}>{{item.title}}</a></li>
  151.                                     {% endfor %}
  152.                                         
  153.                                     </ul><!-- End .menu-vertical -->
  154.                                 </nav><!-- End .side-nav -->
  155.                             </div><!-- End .dropdown-menu -->
  156.                         </div><!-- End .category-dropdown -->
  157.                     </div><!-- End .header-left -->
  159.                     <div class="header-center">
  160.                         <nav class="main-nav">
  161.                             <ul class="menu sf-arrows">
  162.                                 <li {{ app.request.get( '_route' )=='home' ? 'class="active"' : '' }}>
  163.                                     <a href="{{ path('home') }}">{{'Home'|trans}}</a>
  164.                                 </li>
  165.                                 <li {{ ( app.request.get( '_route' )=='articles' or app.request.get( '_route'
  166.                                     )=='articles_category' ) ? 'class="active"' : '' }}>
  167.                                     <a href="{{ path('articles') }}">{{'Shop'|trans}}</a>
  168.                                     <div class="megamenu megamenu-md">
  169.                                         <div class="row no-gutters">
  170.                                             <div class="col-md-8">
  171.                                                 <div class="menu-col">
  172.                                                     <div class="row">
  173.                                                         <div class="col-md-6">
  174.                                                             <div class="menu-title">Magasinez</div>
  175.                                                             <!-- End .menu-title -->
  176.                                                             <ul>
  177.                                                                 <li><a href="{{path('articles') }}">Tous les
  178.                                                                         produits</a></li>
  179.                                                             </ul>
  180.                                                         </div><!-- End .col-md-6 -->
  182.                                                         <div class="col-md-6">
  183.                                                             <div class="menu-title">Catégorie de produit </div>
  184.                                                             <!-- End .menu-title -->
  185.                                                             <ul>
  186.                                                                 <li><a href="/boutique/pmd-store/ordinateurs/ordinateur-portable">Oridinateur pordtables</a>
  187.                                                                 </li>
  188.                                                                 <li><a href="/boutique/reductions">
  189.                                                                         <span>
  190.                                                                             Nos reductions
  191.                                                                         </span>
  192.                                                                     </a>
  193.                                                                 </li>
  194.                                                                 <li><a href="/boutique/pmd-store/accessoires-de-reseau/repeteurs-wi-fi">Repeteurs WI-FI</a>
  195.                                                                 </li>
  196.                                                             </ul>
  197.                                                             <div class="menu-title">Pages de la boutique</div>
  198.                                                             <!-- End .menu-title -->
  199.                                                             <ul>
  200.                                                                 <li>
  201.                                                                     <a href="{{ path('cart_index') }}">{{'Cart'|trans}}</a>
  202.                                                                 </li>
  203.                                                                 {% if is_granted('ROLE_CLIENT') %}
  204.                                                                 <li>
  205.                                                                     <a href="{{ path('favoris_index') }}">{{'My Wishlist'|trans}}</a>
  206.                                                                 </li>
  207.                                                                 {% endif %}
  208.                                                                 {% if not is_granted('ROLE_CLIENT') %}
  209.                                                                 <li>
  210.                                                                     <a href="{{ path('app_register') }}">{{'Sign In'|trans}}</a>
  211.                                                                 </li>
  212.                                                                 {% endif %}
  213.                                                                 <li>
  214.                                                                     <a href="{{ path('track_index') }}">{{'Track My Order'|trans}}</a>
  215.                                                                 </li>
  216.                                                             </ul>
  217.                                                         </div><!-- End .col-md-6 -->
  218.                                                     </div><!-- End .row -->
  219.                                                 </div><!-- End .menu-col -->
  220.                                             </div><!-- End .col-md-8 -->
  222.                                             {# <div class="col-md-4">
  223.                                                 <div class="banner banner-overlay">
  224.                                                     <a href="#" class="banner banner-menu">
  225.                                                         <img src="{{ asset('img/pmd-boutique-2.png')}}" width="100px" alt="Banner">
  227.                                                         {# <div class="banner-content banner-content-top">
  228.                                                             <div class="banner-title text-white">Last
  229.                                                                 <br>Chance<br><span><strong>Sale</strong></span>
  230.                                                             </div><!-- End .banner-title -->
  231.                                                         </div><!-- End .banner-content -->
  232.                                                     </a>
  233.                                                 </div><!-- End .banner banner-overlay -->
  234.                                             </div><!-- End .col-md-4 --> #}
  235.                                         </div><!-- End .row -->
  236.                                     </div><!-- End .megamenu megamenu-md -->
  237.                                 </li>
  238.                                 <li {{ app.request.get( '_route' )=='contact' ? 'class="active"' : '' }}>
  239.                                     <a href="{{ path('contact') }}">{{'Contact'|trans}}</a>
  240.                                 </li>
  241.                                 
  242.                                 {% if is_granted('ROLE_CLIENT') %}
  243.                                 <li class="">
  244.                                     <a href="#" class="">
  245.                                         <i class="fas fa-user-circle fa-2x"></i> {{app.user.fullName}}
  246.                                     </a>
  247.                                     <ul style="display: none;">
  248.                                         <li>
  249.                                             <a href="{{ path('client_index') }}">{{'Dashboard'|trans}}</a>
  250.                                         </li>
  251.                                         <li>
  252.                                             <a href="{{ path('client_index',{tab:'orders'}) }}">Commande</a>
  253.                                         </li>
  254.                                         <li>
  255.                                             <a href="{{ path('client_index',{tab:'buy'}) }}">Mes achats</a>
  256.                                         </li>
  257.                                         <li>
  258.                                             <a href="{{ path('client_index',{tab:'details'}) }}">Details du
  259.                                                 compte</a>
  260.                                         </li>
  261.                                         <li>
  262.                                             <a class="btn-logout" href="#">{{'Log out'|trans}}</a>
  263.                                         </li>
  265.                                     </ul>
  266.                                 </li>
  267.                                 {% endif %}
  268.                                 {# <li {{ app.request.get( '_route' )=='about' ? 'class="active"' : '' }}>
  269.                                     <a href="{{ path('about') }}">A propos</a>
  270.                                 </li> #}
  271.                             </ul><!-- End .menu -->
  272.                         </nav><!-- End .main-nav -->
  273.                     </div><!-- End .header-center -->
  275.                     <div class="header-right">
  276.                         {# <i class="la la-lightbulb-o"></i><p>Clearance<span class="highlight">&nbsp;Up to 30% Off</span></p> #}
  277.                     </div>
  278.                 </div><!-- End .container -->
  279.             </div><!-- End .header-bottom -->
  280.         </header><!-- End .header -->
  281.         
  282.         {% block main %}{% endblock %}
  284.         <footer class="footer">
  285.             {# <div class="cta bg-image bg-dark pt-4 pb-5 mb-0" style="background-image: url(assets/images/demos/demo-4/bg-5.jpg);">
  286.                 <div class="container">
  287.                     <div class="row justify-content-center">
  288.                         <div class="col-sm-10 col-md-8 col-lg-6">
  289.                             <div class="cta-heading text-center">
  290.                                 <h3 class="cta-title text-white">Get The Latest Deals</h3><!-- End .cta-title -->
  291.                                 <p class="cta-desc text-white">and receive <span class="font-weight-normal">$20 coupon</span> for first shopping</p><!-- End .cta-desc -->
  292.                             </div><!-- End .text-center -->
  293.                         
  294.                             <form action="#">
  295.                                 <div class="input-group input-group-round">
  296.                                     <input type="email" class="form-control form-control-white" placeholder="Enter your Email Address" aria-label="Email Adress" required>
  297.                                     <div class="input-group-append">
  298.                                         <button class="btn btn-primary" type="submit"><span>Subscribe</span><i class="icon-long-arrow-right"></i></button>
  299.                                     </div><!-- .End .input-group-append -->
  300.                                 </div><!-- .End .input-group -->
  301.                             </form>
  302.                         </div><!-- End .col-sm-10 col-md-8 col-lg-6 -->
  303.                     </div><!-- End .row -->
  304.                 </div><!-- End .container -->
  305.             </div><!-- End .cta --> #}
  306.             <div class="footer-middle">
  307.                 <div class="container">
  308.                     <div class="row">
  309.                         <div class="col-sm-6 col-lg-3">
  310.                             <div class="widget widget-about">
  311.                                 <img src="{{ asset('img/' ~  site.logo) }}" class="footer-logo" alt="Footer Logo" width="150" height="25">
  312.                                 <p class="text-justify">PMD Boutique s'engage à vous offrir une expérience de magasinage en ligne exceptionnelle, avec les produits les plus récents et les plus innovants du monde de la technologie électronique. Explorez notre boutique dès aujourd'hui et découvrez des solutions électroniques de pointe pour améliorer votre vie quotidienne. </p>
  314.                                 <div class="widget-call">
  315.                                     <i class="icon-phone"></i>
  316.                                     Des  Question? Applelez nous
  317.                                     <a href="tel:#">+221 78 127 82 88</a>         
  318.                                 </div><!-- End .widget-call -->
  319.                             </div><!-- End .widget about-widget -->
  320.                         </div><!-- End .col-sm-6 col-lg-3 -->
  322.                         <div class="col-sm-6 col-lg-3">
  323.                             <div class="widget">
  324.                                 <h4 class="widget-title">Liens utiles</h4><!-- End .widget-title -->
  326.                                 <ul class="widget-list">
  327.                                     {# <li><a href="#">{{'About'|trans}}</a></li> #}
  328.                                     {# <li><a href="#">Nos Services</a></li> #}
  329.                                     <li><a href="{{path('faq') }}">FAQ</a></li>
  330.                                     <li><a href="{{ path('contact')}}">Contactez nous</a></li>
  331.                                 </ul><!-- End .widget-list -->
  332.                             </div><!-- End .widget -->
  333.                         </div><!-- End .col-sm-6 col-lg-3 -->
  335.                         <div class="col-sm-6 col-lg-3">
  336.                             <div class="widget">
  337.                                 <h4 class="widget-title">Service Client</h4><!-- End .widget-title -->
  339.                                 <ul class="widget-list">
  340.                                     {# <li><a href="#">{{'Payment Methods'|trans}}</a></li> #}
  341.                                     {# <li><a href="#">Money-back guarantee!</a></li> #}
  342.                                     <li><a href="{{path('politique_retour')}}">Politique de retour</a></li>
  343.                                     {# <li><a href="#">{{'Shipping'|trans}}</a></li> #}
  344.                                     <li><a href="{{ path('conditions')}}">{{'Terms and conditions'|trans}}</a></li>
  345.                                 </ul><!-- End .widget-list -->
  346.                             </div><!-- End .widget -->
  347.                         </div><!-- End .col-sm-6 col-lg-3 -->
  349.                         <div class="col-sm-6 col-lg-3">
  350.                             <div class="widget">
  351.                                 <h4 class="widget-title">Mon compte</h4><!-- End .widget-title -->
  353.                                 <ul class="widget-list">
  354.                                     <li><a href="{{ path('app_login')}}">Se connecter</a></li>
  355.                                     <li><a href="{{path('cart_index')}}">Voir le panier</a></li>
  356.                                     {# <li><a href="#">Ma liste de favoris</a></li> #}
  357.                                     <li><a href="{{ path('track_index')}}">{{'Track My Order'|trans}}</a></li>
  358.                                     <li><a href="{{ path('help')}}">Aides</a></li>
  359.                                 </ul><!-- End .widget-list -->
  360.                             </div><!-- End .widget -->
  361.                         </div><!-- End .col-sm-6 col-lg-3 -->
  362.                     </div><!-- End .row -->
  363.                 </div><!-- End .container -->
  364.             </div><!-- End .footer-middle -->
  366.             <div class="footer-bottom">
  367.                 <div class="container">
  368.                     <p class="footer-copyright">Copyright © <span id="year"></span> {{  app_name }} Store. All Rights Reserved.</p><!-- End .footer-copyright -->
  369.                     <figure class="footer-payments">
  370.                         <img src="{{ asset('assets/images/payments-2.jpg')}}" alt="Payment methods" width="80px">
  371.                     </figure><!-- End .footer-payments -->
  372.                 </div><!-- End .container -->
  373.             </div><!-- End .footer-bottom -->
  374.         </footer><!-- End .footer -->
  375.     </div><!-- End .page-wrapper -->
  376.     <button id="scroll-top" title="Back to Top"><i class="icon-arrow-up"></i></button>
  377.     <div id="sticky-bar-product"></div> 
  378.     <!-- Mobile Menu -->
  379.     <div class="mobile-menu-overlay"></div><!-- End .mobil-menu-overlay -->
  381.     <div class="mobile-menu-container mobile-menu-light">
  382.         <div class="mobile-menu-wrapper">
  383.             <span class="mobile-menu-close"><i class="icon-close"></i></span>
  384.             
  385.             <form action="{{ path('articles') }}" method="get" class="mobile-search">
  386.                 <label for="mobile-search" class="sr-only">{{'Search'|trans}}</label>
  387.                 <input type="search" value="{{ app.request.get('mots') }}" class="form-control" name="mots" id="mobile-search" placeholder="Search in..." required>
  388.                 <button class="btn btn-primary" type="submit"><i class="icon-search"></i></button>
  389.             </form>
  391.             <ul class="nav nav-pills-mobile nav-border-anim" role="tablist">
  392.                 <li class="nav-item">
  393.                     <a class="nav-link active" id="mobile-menu-link" data-toggle="tab" href="#mobile-menu-tab" role="tab" aria-controls="mobile-menu-tab" aria-selected="true">Menu</a>
  394.                 </li>
  395.                 <li class="nav-item">
  396.                     <a class="nav-link" id="mobile-cats-link" data-toggle="tab" href="#mobile-cats-tab" role="tab" aria-controls="mobile-cats-tab" aria-selected="false">Categories</a>
  397.                 </li>
  398.             </ul>
  400.             <div class="tab-content">
  401.                 <div class="tab-pane fade show active" id="mobile-menu-tab" role="tabpanel" aria-labelledby="mobile-menu-link">
  402.                     <nav class="mobile-nav">
  403.                         <ul class="mobile-menu">
  404.                             <li {{ app.request.get( '_route' )=='home' ? 'class="active"' : '' }}>
  405.                                     <a href="{{ path('home') }}">{{'Home'|trans}}</a>
  406.                             </li>
  407.                             <li>
  408.                                 <a href="{{ path('articles') }}">{{'Shop'|trans}}</a>
  409.                                 
  410.                             </li>
  411.                             <li>
  412.                         <a href="#">Pages<span class="mmenu-btn"></span></a>
  413.                         <ul>
  414.                             <li>
  415.                                 <a href="{{ path('contact') }}">Contact</a>
  416.                             </li>
  417.                             {% if not is_granted('ROLE_CLIENT') %}
  418.                             <li><a href="{{ path('app_login') }}">{{'Login'|trans}}</a></li>
  419.                             {% endif %}
  420.                             <li><a href="{{ path('faq') }}">FAQs</a></li>
  421.                         </ul>
  422.                     </li>
  423.                         
  424.                         </ul>
  425.                     </nav><!-- End .mobile-nav -->
  426.                 </div><!-- .End .tab-pane -->
  427.                 <div class="tab-pane fade" id="mobile-cats-tab" role="tabpanel" aria-labelledby="mobile-cats-link">
  428.                     <nav class="mobile-cats-nav">
  429.                         <ul class="mobile-cats-menu">
  430.                             <li class="item-lead"><a href="{{ path('articles')}}">Tous</a></li>
  431.                             {% for item in categories.all %}
  432.                                         <li><a {{ categoryMacro.href_category(item)}}>{{item.title}}</a></li>
  433.                                     {% endfor %}
  434.                         </ul><!-- End .mobile-cats-menu -->
  435.                     </nav><!-- End .mobile-cats-nav -->
  436.                 </div><!-- .End .tab-pane -->
  437.             </div><!-- End .tab-content -->
  439.             <div class="social-icons">
  440.             {% if site.facebook is defined %}
  441.                 <a href="{{site.facebook}}" class="social-icon" target="_blank" title="Facebook"><i class="icon-facebook-f"></i></a>            
  442.             {% endif %}
  444.             {% if site.twitter is defined %}
  445.                 <a href="{{site.twitter}}" class="social-icon" target="_blank" title="Twitter"><i class="icon-twitter"></i></a>
  446.             {% endif %}
  447.             {% if site.instagram is defined %}
  448.                 <a href="{{site.instagram}}" class="social-icon" target="_blank" title="Instagram"><i class="icon-instagram"></i></a>
  449.             {% endif %}
  450.             {% if site.youtube is defined %}
  451.                 <a href="{{site.youtube}}" class="social-icon" target="_blank" title="Youtube"><i class="icon-youtube"></i></a>
  452.             {% endif %}
  453.             
  454.             
  455.             </div><!-- End .social-icons -->
  456.         </div><!-- End .mobile-menu-wrapper -->
  457.     </div><!-- End .mobile-menu-container -->
  459.     {% block modal %}{% endblock %}
  461.     <!-- Sign in / Register Modal -->
  462.     <div class="modal fade" id="signin-modal" tabindex="-1" role="dialog" aria-hidden="true">
  463.         <div class="modal-dialog modal-dialog-centered" role="document">
  464.             <div class="modal-content">
  465.                 <div class="modal-body">
  466.                     <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  467.                         <span aria-hidden="true">
  468.                             <i class="icon-close"></i>
  469.                         </span>
  470.                     </button>
  472.                     <div class="form-box">
  473.                         <div class="form-tab">
  474.                             <ul class="nav nav-pills nav-fill nav-border-anim" role="tablist">
  475.                                 <li class="nav-item">
  476.                                     <a class="nav-link active" id="signin-tab" data-toggle="tab" href="#signin"
  477.                                         role="tab" aria-controls="signin" aria-selected="true">{{'Sign In'|trans}}</a>
  478.                                 </li>
  480.                             </ul>
  481.                             <div class="tab-content" id="tab-content-5">
  482.                                 <div class="tab-pane fade show active" id="signin" role="tabpanel"
  483.                                     aria-labelledby="signin-tab">
  484.                                     <form action="{{ path('app_login') }}" method="post">
  485.                                         <div class="form-group">
  486.                                             <label for="singin-email">{{'Username or email address'|trans}} *</label>
  487.                                             <input type="email"
  488.                                                 value="{{ last_username is defined ? last_username:'' }}" name="email"
  489.                                                 id="inputEmail" placeholder="email" class="form-control"
  490.                                                 autocomplete="email" required autofocus>
  491.                                         </div>
  492.                                         <!-- End .form-group -->
  494.                                         <div class="form-group">
  495.                                             <label for="singin-password">{{'Password'|trans}} *</label>
  496.                                             <input type="password" name="password" id="inputPassword"
  497.                                                 placeholder="{{'password'|trans}}" class="form-control"
  498.                                                 autocomplete="current-password" required>
  499.                                             <input type="hidden" name="_csrf_token"
  500.                                                 value="{{ csrf_token('authenticate') }}">
  501.                                         </div>
  502.                                         <!-- End .form-group -->
  504.                                         <div class="form-footer">
  505.                                             <button type="submit" class="btn btn-outline-primary-2">
  506.                                                 <span>{{'LOG IN'|trans}}</span>
  507.                                                 <i class="icon-long-arrow-right"></i>
  508.                                             </button>
  509.                                             {# {% include 'includes/google/google_login.html.twig' %} #}
  510.                                             <div class="custom-control custom-checkbox">
  511.                                                 <input type="checkbox" class="custom-control-input"
  512.                                                     id="signin-remember">
  513.                                                 <label class="custom-control-label" for="signin-remember">
  514.                                                     {{'Remember Me'|trans}}</label>
  515.                                             </div>
  516.                                             <!-- End .custom-checkbox -->
  517.                                             <a href="{{ path('app_forgot_password_request') }}"
  518.                                                 class="forgot-link">{{'Forgot Your Password'|trans}}?</a>
  519.                                         </div>
  520.                                         <div class="text-center">
  521.                                             <a href="{{ path('app_register') }}"
  522.                                                 class="btn btn-outline-primary-2 mx-auto">
  523.                                                 {{'Create an account'|trans}}
  524.                                             </a>
  525.                                         </div>
  526.                                         <!-- End .form-footer -->
  527.                                     </form>
  528.                                     {# <div class="form-choice">
  529.                                         <p class="text-center">{{'or sign in with'|trans}}</p>
  530.                                         <div class="row">
  531.                                             <div class="col-sm-6">
  532.                                                 <a href="{{ path('connect_google') }}" class="btn btn-login btn-g">
  533.                                                     <i class="icon-google"></i> {{'Login With Google'|trans}}
  534.                                                 </a>
  535.                                             </div>
  536.                                             <!-- End .col-6 -->
  537.                                             <div class="col-sm-6">
  538.                                                 <a href="#" class="btn btn-login btn-f">
  539.                                                     <i class="icon-facebook-f"></i> {{'Login With Facebook'|trans}}
  540.                                                 </a>
  541.                                             </div>
  542.                                             <!-- End .col-6 -->
  543.                                         </div>
  544.                                         <!-- End .row -->
  545.                                     </div> #}
  546.                                     <!-- End .form-choice -->
  547.                                 </div>
  548.                                 <!-- .End .tab-pane -->
  549.                                 <div class="tab-pane fade" id="register" role="tabpanel" aria-labelledby="register-tab">
  550.                                     {# {% include "registration/_form.html.twig" %} #}
  551.                                     <form name="registration_form" method="post" action="/register"
  552.                                         novalidate="novalidate">
  554.                                         <div class="form-group">
  555.                                             <label for="registration_form_personne_firstName" class="required">{{'First
  556.                                                 name'|trans}}
  557.                                                 *</label><input type="text" id="registration_form_personne_firstName"
  558.                                                 name="registration_form[personne][firstName]" required="required"
  559.                                                 placeholder="{{'First name'|trans}}" class="form-control" value="">
  560.                                         </div>
  561.                                         <div class="form-group">
  562.                                             <label for="registration_form_personne_lastName" class="required">{{'Last
  563.                                                 name'|trans}}
  564.                                                 *</label><input type="text" id="registration_form_personne_lastName"
  565.                                                 name="registration_form[personne][lastName]" required="required"
  566.                                                 placeholder="Nom" class="form-control" value="Tounkara">
  567.                                         </div>
  568.                                         <div class="form-group">
  569.                                             <label for="registration_form_email" class="required">
  570.                                                 Email *
  571.                                             </label><input type="email" id="registration_form_email"
  572.                                                 name="registration_form[email]" required="required"
  573.                                                 class="form-control">
  574.                                         </div>
  575.                                         <div class="form-group">
  576.                                             <label for="registration_form_phone_number" class="required">
  577.                                                 {{'Phone number'|trans}}
  578.                                                 Numéro det téléphone
  579.                                                 *
  580.                                             </label><input type="text" id="registration_form_phone_number"
  581.                                                 name="registration_form[phone_number]" required="required"
  582.                                                 placeholder="Numéro de téléphone" value="781278288"
  583.                                                 class="form-control">
  584.                                         </div>
  585.                                         <div class="form-group">
  586.                                             <label for="registration_form_password" class="required">
  587.                                                 {{'Password'}} *
  588.                                             </label><input type="password" id="registration_form_password"
  589.                                                 name="registration_form[password]" required="required"
  590.                                                 autocomplete="new-password" placeholder="Mot de passe"
  591.                                                 class="form-control">
  592.                                         </div>
  593.                                         <div class="form-group">
  594.                                             <div class="form-check">
  595.                                                 <input type="checkbox" id="registration_form_agreeTerms"
  596.                                                     name="registration_form[agreeTerms]" required="required"
  597.                                                     class="form-check-input" value="1">
  598.                                                 <label class="form-check-label required"
  599.                                                     for="registration_form_agreeTerms">
  600.                                                     {{'I accept the user conditions'|trans}}
  601.                                                     {# J'acceptes les conditions d'utilisateurs #}
  602.                                                 </label>
  603.                                             </div>
  604.                                         </div>
  606.                                         <div class="form-footer">
  607.                                             <button type="submit" class="btn btn-outline-primary-2">
  608.                                                 <span>{{'SIGN UP'|trans}}</span>
  609.                                                 <i class="icon-long-arrow-right"></i>
  610.                                             </button>
  611.                                         </div>
  612.                                         <div id="registration_form"><input type="hidden" id="registration_form__token"
  613.                                                 name="registration_form[_token]"
  614.                                                 value="{{ csrf_token('registration') }}">
  615.                                         </div>
  616.                                         <!-- End .form-footer -->
  617.                                         <div class="form-choice">
  618.                                             <p class="text-center">{{'or sign in with'|trans}}</p>
  619.                                             <div class="row">
  620.                                                 {# <div class="col-sm-6">
  621.                                                     <a href="#" class="btn btn-login btn-g">
  622.                                                         <i class="icon-google"></i> {{'Login With Google'|trans}}
  623.                                                     </a>
  624.                                                 </div> #}
  625.                                                 <!-- End .col-6 -->
  626.                                             </div>
  627.                                             <!-- End .row -->
  628.                                         </div>
  629.                                         <!-- End .form-choice -->
  630.                                     </form>
  631.                                     <div class="form-choice">
  632.                                         {# <p class="text-center">{{'or sign in with'|trans}}</p> #}
  633.                                         <div class="row">
  634.                                             {# <div class="col-sm-6">
  635.                                                 <a href="#" class="btn btn-login btn-g">
  636.                                                     <i class="icon-google"></i> {{'Login With Google'|trans}}
  637.                                                 </a>
  638.                                             </div> #}
  639.                                             <!-- End .col-6 -->
  640.                                             {# <div class="col-sm-6">
  641.                                                 <a href="{{ site.facebook }}" class="btn btn-login  btn-f">
  642.                                                     <i class="icon-facebook-f"></i> {{'Login With Facebook'|trans}}
  643.                                                 </a>
  644.                                             </div> #}
  645.                                             <!-- End .col-6 -->
  646.                                         </div>
  647.                                         <!-- End .row -->
  648.                                     </div>
  649.                                     <!-- End .form-choice -->
  650.                                 </div>
  651.                                 <!-- .End .tab-pane -->
  652.                             </div>
  653.                             <!-- End .tab-content -->
  654.                         </div>
  655.                         <!-- End .form-tab -->
  656.                     </div>
  657.                     <!-- End .form-box -->
  658.                 </div>
  659.                 <!-- End .modal-body -->
  660.             </div>
  661.             <!-- End .modal-content -->
  662.         </div>
  663.         <!-- End .modal-dialog -->
  664.     </div>
  666.     {# <div class="container newsletter-popup-container mfp-hide" id="newsletter-popup-form">
  667.         <div class="row justify-content-center">
  668.             <div class="col-10">
  669.                 <div class="row no-gutters bg-white newsletter-popup-content">
  670.                     <div class="col-xl-3-5col col-lg-7 banner-content-wrap">
  671.                         <div class="banner-content text-center">
  672.                             <img src="{{site.logo}}" class="logo" alt="logo" width="60" height="15">
  673.                             <h2 class="banner-title">get <span>25<light>%</light></span> off</h2>
  674.                             <p>Subscribe to the Molla eCommerce newsletter to receive timely updates from your favorite products.</p>
  675.                             <form action="#">
  676.                                 <div class="input-group input-group-round">
  677.                                     <input type="email" class="form-control form-control-white" placeholder="Your Email Address" aria-label="Email Adress" required>
  678.                                     <div class="input-group-append">
  679.                                         <button class="btn" type="submit"><span>go</span></button>
  680.                                     </div><!-- .End .input-group-append -->
  681.                                 </div><!-- .End .input-group -->
  682.                             </form>
  683.                             <div class="custom-control custom-checkbox">
  684.                                 <input type="checkbox" class="custom-control-input" id="register-policy-2" required>
  685.                                 <label class="custom-control-label" for="register-policy-2">Do not show this popup again</label>
  686.                             </div><!-- End .custom-checkbox -->
  687.                         </div>
  688.                     </div>
  689.                     <div class="col-xl-2-5col col-lg-5 ">
  690.                         <img src="assets/images/popup/newsletter/img-1.jpg" class="newsletter-img" alt="newsletter">
  691.                     </div>
  692.                 </div>
  693.             </div>
  694.         </div>
  695.     </div> #}
  696.     <!-- Plugins JS File -->
  697.     <script src="{{ asset('assets/js/jquery.min.js') }}"></script>
  698.     <script src="{{ asset('assets/js/bootstrap.bundle.min.js') }}"></script>
  699.     <script src="{{ asset('assets/js/jquery.hoverIntent.min.js') }}"></script>
  700.     <script src="{{ asset('assets/js/jquery.waypoints.min.js') }}"></script>
  701.     <script src="{{ asset('assets/js/superfish.min.js') }}"></script>
  702.     <script src="{{ asset('assets/js/owl.carousel.min.js') }}"></script>
  703.     <script src="{{ asset('assets/js/bootstrap-input-spinner.js') }}"></script>
  704.     <script src="{{ asset('assets/js/jquery.plugin.min.js') }}"></script>
  705.     <script src="{{ asset('assets/js/jquery.countdown.min.js') }}"></script>
  706.     <script src="{{ asset('js/lest/jquery.magnific-popup.min.js') }}"></script>
  708.         <!-- sweetalert2 -->
  709.     <script src="{{ asset('vendor/sweetalert2/sweetalert2.all.min.js') }}"></script>
  710.     <!-- Main JS File -->
  711.     <script src="{{ asset('js/article.js') }}"></script>
  712.     <script src="{{ asset('js/store.js') }}"></script>
  713.     <script src="{{ asset('assets/js/main.js') }}"></script>
  714.     <script src="{{ asset('js/admin.js') }}"></script>
  715.     <script src="{{ asset('assets/js/demos/demo-4.js') }}"></script>
  716.     <script src="{{ asset('js/util.js') }}"></script>
  717.     {% block foot %}{% endblock %}
  718.         <script>
  719.             $(document).ready(function(){
  720.                 $(document).on('click', '#btn-product-gallery', function (e) {
  721.                     $(this).magnificPopup({
  722.                         gallery: {
  723.                             enabled: true
  724.                         },
  725.                         type: 'image'
  726.                     })
  728.                 })
  729.                 $('.product-gallery-show').magnificPopup({
  730.                 gallery: {
  731.                     enabled: true
  732.                 },
  733.                 type: 'image',
  734.                 fixedContentPos: false,
  735.                 removalDelay: 600,
  736.                 closeBtnInside: false
  737.             })
  738.             })
  739.         </script>
  740.     {% block javascripts %}
  741.     {% endblock %}
  742. </body>
  745. </html>