templates/base.html.twig line 1

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
  6.     <title>{% block title %}Welcome!{% endblock %}</title>
  7.     <link rel="icon" href="{{ asset ('assets/img/logo/logo.ico') }}">
  8.     <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet"/>
  9.     <link rel="preconnect" href="https://fonts.googleapis.com">
  10.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  11.     <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap" rel="stylesheet">
  13.     {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  14.     {% block stylesheets %}
  15.         {{ encore_entry_link_tags('app') }}
  16.         <link href="{{ asset('assets/css/vendor.min.css') }}" rel="stylesheet"/>
  17.         <link href="{{ asset('assets/css/app.min.css') }}" rel="stylesheet"/>
  18.         <link href="{{ asset('assets/css/style.css') }}" rel="stylesheet"/>
  19.         <link href="{{ asset('assets/css/banner.css') }}" rel="stylesheet"/>
  20.         <link href="{{ asset('assets/css/button.css') }}" rel="stylesheet"/>
  21.         <link rel="stylesheet"
  22.               href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css">
  23.         <link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.3/dist/sweetalert2.min.css" rel="stylesheet">
  25.     {% endblock %}
  26.     {% block javascripts %}
  27.         {{ encore_entry_script_tags('app') }}
  28.         <!-- ================== BEGIN BASE JS ================== -->
  29.         <script src="{{ asset('assets/js/vendor.min.js') }}"></script>
  30.         <script src="{{ asset('assets/js/app.min.js') }}"></script>
  31.         <script src="{{ asset('assets/js/password_toggle.js') }}"></script>
  32.         <script src="{{ asset('assets/js/alert.js') }}"></script>
  33.         <script src="{{ asset('assets/js/search_functions.js') }}"></script>
  34.         <script src="{{ asset('assets/js/tag_functions.js') }}"></script>
  35.         <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.7.3/dist/sweetalert2.all.min.js"></script>
  36.     {% endblock %}
  37. </head>
  38. <body>
  39. {% block header %}
  40.     {% set cartData = cartPreview() %}
  41.     {% set cartTotal = cartTotal() %}
  42.     {% set brands = findAllBrandLogos() %}
  43.     <!-- BEGIN #top-nav -->
  44.     <div id="top-nav" class="top-nav"></div>
  45.     <!-- END #top-nav -->
  46.     <!-- BEGIN #header -->
  47.     <div id="header" class="header" data-fixed-top="true">
  48.         <div class="bg-gray-300 p-0 m-0 overflow-hidden">
  49.             <p class="horizontal_scroll p-2 m-1 text-uppercase">Bienvenue sur <strong class="text-red-600">MOPO</strong> !</p>
  50.         </div>
  51.         <!-- BEGIN container -->
  52.         <div class="container-fluid d-none d-lg-block">
  53.             <!-- BEGIN header-container -->
  54.             <div class="header-container">
  55.                 <!-- BEGIN navbar-toggle -->
  56.                 <button type="button" class="navbar-toggle collapsed" data-bs-toggle="collapse"
  57.                         data-bs-target="#navbar-collapse">
  58.                     <span class="icon-bar"></span>
  59.                     <span class="icon-bar"></span>
  60.                     <span class="icon-bar"></span>
  61.                 </button>
  62.                 <!-- END navbar-toggle -->
  63.                 <!-- BEGIN header-logo -->
  64.                 <div class="header-logo">
  65.                     <a href="{{ path('home') }}" class="justify-content-center">
  66.                             <span>
  67.                                 <img src="{{ asset('assets/img/logo/logo.png') }}" alt="logo">
  68.                             </span>
  69.                         <span class="brand-text">
  70.                                 <span>MOPO</span>
  71.                                 <small>Motos Ouest Pieces Occasions</small>
  72.                             </span>
  73.                     </a>
  74.                 </div>
  75.                 <!-- END header-logo -->
  76.                 <!-- BEGIN header-nav -->
  77.                 <div class="header-nav">
  78.                     <div class="collapse navbar-collapse" id="navbar-collapse">
  79.                         <ul class="nav justify-content-center flex-lg-nowrap">
  80.                             <li class="active"><a href="{{ path('home') }}"><i
  81.                                             class="fa-solid fa-house-chimney"></i> Accueil</a></li>
  82.                             <li class="dropdown dropdown-full-width dropdown-hover">
  83.                                 <a href="#" data-bs-toggle="dropdown">
  84.                                     Pièces occasions
  85.                                     <b class="caret"></b>
  86.                                     <span class="arrow top"></span>
  87.                                 </a>
  88.                                 <!-- BEGIN dropdown-menu -->
  89.                                 <div class="dropdown-menu p-0">
  90.                                     <!-- BEGIN dropdown-menu-container -->
  91.                                     <div class="dropdown-menu-container">
  92.                                         <!-- BEGIN dropdown-menu-content -->
  93.                                         <div class="dropdown-menu-content">
  94.                                             <h4 class="title text-uppercase">Les différentes marques</h4>
  95.                                             <ul class="dropdown-brand-list mb-0">
  96.                                                 {% for logo in brands %}
  97.                                                     <li>
  98.                                                         <a href="{{ path('brand', {'id': logo.id}) }}">
  99.                                                             <img src="{{ asset('assets/img/brand/' ~ logo.brandLogoImage) }}"
  100.                                                                  alt="{{ logo.brandName }}"/>
  101.                                                         </a>
  102.                                                     </li>
  103.                                                 {% endfor %}
  104.                                             </ul>
  105. {#                                            <a href="#" class="dropdown-item">VOIR PLUS</a>
  106.                                             <h4 class="title mt-2 text-uppercase">Les différentes catégories</h4>
  107.                                             <ul style="list-style: none;" class="p-0">
  108.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos
  109.                                                         classiques</a></li>
  110.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos
  111.                                                         routières</a></li>
  112.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos
  113.                                                         sportives</a></li>
  114.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Autre</a>
  115.                                                 </li>
  116.                                             </ul>#}
  117.                                         </div>
  118.                                         <!-- END dropdown-menu-content -->
  119.                                     </div>
  120.                                     <!-- END dropdown-menu-container -->
  121.                                 </div>
  122.                                 <!-- END dropdown-menu -->
  123.                             </li>
  124.                             {# <li class="dropdown dropdown-full-width dropdown-hover">
  125.                                 <a href="#" data-bs-toggle="dropdown">
  126.                                     Pièces neuves
  127.                                     <b class="caret"></b>
  128.                                     <span class="arrow top"></span>
  129.                                 </a>
  130.                                 <!-- BEGIN dropdown-menu -->
  131.                                 <div class="dropdown-menu p-0">
  132.                                     <!-- BEGIN dropdown-menu-container -->
  133.                                     <div class="dropdown-menu-container">
  134.                                         <!-- BEGIN dropdown-menu-content -->
  135.                                         <div class="dropdown-menu-content">
  136.                                             <h4 class="title text-uppercase">Les différentes marques</h4>
  137.                                             <ul class="dropdown-brand-list mb-0">
  138.                                                 <li><a href="#"><img
  139.                                                                 src="{{ asset('assets/img/brand/honda.png') }}"
  140.                                                                 alt="logo honda"/></a></li>
  141.                                                 <li><a href="#"><img
  142.                                                                 src="{{ asset('assets/img/brand/kawasaki.png') }}"
  143.                                                                 alt="logo kawasaki"/></a>
  144.                                                 </li>
  145.                                                 <li><a href="#"><img
  146.                                                                 src="{{ asset('assets/img/brand/suzuki.png') }}"
  147.                                                                 alt="logo suzuki"/></a>
  148.                                                 </li>
  149.                                                 <li><a href="#"><img
  150.                                                                 src="{{ asset('assets/img/brand/yamaha.png') }}"
  151.                                                                 alt="logo yamaha"/></a></li>
  152.                                             </ul>
  153.                                             <a href="#" class="dropdown-item">VOIR PLUS</a>
  154.                                             <h4 class="title mt-2 text-uppercase">Les différentes catégories</h4>
  155.                                             <ul style="list-style: none;" class="p-0">
  156.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos classiques</a></li>
  157.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos routières</a></li>
  158.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos sportives</a></li>
  159.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Autre</a></li>
  160.                                             </ul>
  161.                                         </div>
  162.                                         <!-- END dropdown-menu-content -->
  163.                                     </div>
  164.                                     <!-- END dropdown-menu-container -->
  165.                                 </div>
  166.                                 <!-- END dropdown-menu -->
  167.                             </li> #}
  168.                             <li class="dropdown dropdown-hover">
  169.                                 <a href="#" data-bs-toggle="dropdown">
  170.                                     <i class="fa-solid fa-user-large"></i> Mon compte
  171.                                     <b class="caret"></b>
  172.                                     <span class="arrow top"></span>
  173.                                 </a>
  174.                                 <div class="dropdown-menu">
  175.                                     {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  176.                                         <a class="dropdown-item" href="{{ path('app_account') }}"><i
  177.                                                     class="fa-solid fa-user-gear"></i> Mon profil</a>
  178.                                         <a class="dropdown-item" href="{{ path('logout') }}"><i
  179.                                                     class="fa-solid fa-right-from-bracket"></i> Me déconnecter</a>
  180.                                     {% else %}
  181.                                         <a class="dropdown-item" href="{{ path('login') }}"><i
  182.                                                     class="fa-solid fa-user-check"></i> Me connecter</a>
  183.                                     {% endif %}
  184.                                     <a class="dropdown-item" href="{{ path('create_account') }}"><i
  185.                                                 class="fa-solid fa-user-plus"></i> Créer compte</a>
  186.                                 </div>
  187.                             </li>
  188.                             <li><a href="{{ path('contact') }}"><i class="fa-solid fa-envelope"></i> Contact</a></li>
  189.                             <li class="dropdown dropdown-hover">
  190.                                 <a href="#" data-bs-toggle="dropdown">
  191.                                     <i class="fa fa-search search-btn"></i>
  192.                                     <span class="arrow top"></span>
  193.                                 </a>
  194.                                 <div class="dropdown-menu p-15px">
  195.                                     <form action="{{ path('keyword') }}" method="POST" name="search_form">
  196.                                         <div class="input-group">
  197.                                             <input type="text" placeholder="Search" name="keyword"
  198.                                                    class="form-control bg-light"/>
  199.                                             <button class="btn btn-dark" type="submit"><i
  200.                                                         class="fa fa-search"></i>
  201.                                             </button>
  202.                                         </div>
  203.                                     </form>
  204.                                 </div>
  205.                             </li>
  206.                         </ul>
  207.                     </div>
  208.                 </div>
  209.                 <!-- END header-nav -->
  210.                 <!-- BEGIN header-nav -->
  211.                 <div class="header-nav">
  212.                     <ul class="nav justify-content-end">
  213.                         <li class="dropdown dropdown-hover">
  214.                             <a href="#" class="header-cart" data-bs-toggle="dropdown">
  215.                                 <i class="fa-solid fa-basket-shopping"></i>
  216.                                 <span class="total">{{ cartData|length }}</span>
  217.                                 <span class="arrow top"></span>
  218.                             </a>
  219.                             <div class="dropdown-menu dropdown-menu-cart p-0">
  220.                                 {% if cartData %}
  221.                                     <div class="cart-header">
  222.                                         <h4 class="cart-title">Mon panier </h4>
  223.                                     </div>
  224.                                     <div class="cart-body">
  226.                                         <ul class="cart-item">
  227.                                             {% for item in cartData %}
  228.                                                 <li>
  229.                                                     <div class="cart-item-image">
  230.                                                         <img src="{{ asset('assets/img/product/' ~ item.image) }}"
  231.                                                              alt="{{ item.image }}"/>
  232.                                                     </div>
  233.                                                     <div class="cart-item-info">
  234.                                                         <h4>{{ item.product.productName }}</h4>
  235.                                                         <p class="price">{{ (item.product.productPrice * item.quantity)|number_format(2, ',', ' ') }}
  236.                                                             € TTC</p>
  237.                                                         <p class="price">Quantité: {{ item.quantity }}</p>
  238.                                                     </div>
  239.                                                     <div class="cart-item-close">
  240.                                                         <a href="{{ path("cart_delete", {'id': item.product.id}) }}"
  241.                                                            data-bs-toggle="tooltip" data-bs-title="Supprimer"><i
  242.                                                                     class="fa-regular fa-trash-can fa-xs"></i></a>
  243.                                                     </div>
  244.                                                 </li>
  245.                                             {% endfor %}
  246.                                             <li>
  247.                                                 <div class="cart-item-info">
  248.                                                     <h4 class="text-red-600">
  249.                                                         Total: {{ cartTotal|number_format(2, ',', ' ') }}
  250.                                                         € TTC</h4>
  251.                                                 </div>
  252.                                             </li>
  253.                                         </ul>
  254.                                     </div>
  255.                                     <div class="cart-footer">
  256.                                         <div class="row gx-2">
  257.                                             <div class="col-6">
  258.                                                 <a href="{{ path('cart') }}" class="btn btn-default btn-theme d-block">Voir
  259.                                                     mon panier</a>
  260.                                             </div>
  261.                                             <div class="col-6">
  262.                                                 <a href="{{ path('checkout') }}" class="btn btn-dark btn-theme d-block">Commander</a>
  263.                                             </div>
  264.                                         </div>
  265.                                     </div>
  266.                                 {% else %}
  267.                                     <div class="cart-header">
  268.                                         <h4 class="cart-title">Votre panier est vide.</h4>
  269.                                     </div>
  270.                                 {% endif %}
  271.                             </div>
  272.                         </li>
  273.                     </ul>
  274.                 </div>
  275.                 <!-- END header-nav -->
  276.             </div>
  277.             <!-- END header-container -->
  278.         </div>
  279.         <!-- END container -->
  280.         <div class="container d-lg-none">
  281.             <!-- BEGIN header-container -->
  282.             <div class="header-container">
  283.                 <!-- BEGIN navbar-toggle -->
  284.                 <button type="button" class="navbar-toggle collapsed" data-bs-toggle="collapse"
  285.                         data-bs-target="#navbar-collapse">
  286.                     <span class="icon-bar"></span>
  287.                     <span class="icon-bar"></span>
  288.                     <span class="icon-bar"></span>
  289.                 </button>
  290.                 <!-- END navbar-toggle -->
  291.                 <!-- BEGIN header-logo -->
  292.                 <div class="header-logo">
  293.                     <a href="{{ path('home') }}" class="justify-content-center">
  294.                             <span>
  295.                                 <img src="{{ asset('assets/img/logo/logo.png') }}" alt="logo">
  296.                             </span>
  297.                         <span class="brand-text">
  298.                                 <span>MOPO</span>
  299.                                 <small>Motos Ouest Pieces Occasions</small>
  300.                             </span>
  301.                     </a>
  302.                 </div>
  303.                 <!-- END header-logo -->
  304.                 <!-- BEGIN header-nav -->
  305.                 <div class="header-nav">
  306.                     <div class="collapse navbar-collapse" id="navbar-collapse">
  307.                         <ul class="nav justify-content-center flex-lg-nowrap">
  308.                             <li class="active"><a href="{{ path('home') }}"><i
  309.                                             class="fa-solid fa-house-chimney"></i> Accueil</a></li>
  310.                             <li class="dropdown dropdown-full-width dropdown-hover">
  311.                                 <a href="#" data-bs-toggle="dropdown">
  312.                                     Pièces occasions
  313.                                     <b class="caret"></b>
  314.                                     <span class="arrow top"></span>
  315.                                 </a>
  316.                                 <!-- BEGIN dropdown-menu -->
  317.                                 {% set brands = findAllBrandLogos() %}
  318.                                 <div class="dropdown-menu p-0">
  319.                                     <!-- BEGIN dropdown-menu-container -->
  320.                                     <div class="dropdown-menu-container">
  321.                                         <!-- BEGIN dropdown-menu-content -->
  322.                                         <div class="dropdown-menu-content">
  323.                                             <h4 class="title text-uppercase">Les différentes marques</h4>
  324.                                             <ul class="dropdown-brand-list mb-0">
  325.                                                 {% for logo in brands %}
  326.                                                     <li>
  327.                                                         <a href="#">
  328.                                                             <img src="{{ asset('assets/img/brand/' ~ logo.brandLogoImage) }}"
  329.                                                                  alt="{{ logo.brandName }}"/>
  330.                                                         </a>
  331.                                                     </li>
  332.                                                 {% endfor %}
  333.                                             </ul>
  334. {#                                            <a href="#" class="dropdown-item">VOIR PLUS</a>
  335.                                             <h4 class="title mt-2 text-uppercase">Les différentes catégories</h4>
  336.                                             <ul style="list-style: none;" class="p-0">
  337.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos
  338.                                                         classiques</a></li>
  339.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos
  340.                                                         routières</a></li>
  341.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos
  342.                                                         sportives</a></li>
  343.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Autre</a>
  344.                                                 </li>
  345.                                             </ul>#}
  346.                                         </div>
  347.                                         <!-- END dropdown-menu-content -->
  348.                                     </div>
  349.                                     <!-- END dropdown-menu-container -->
  350.                                 </div>
  351.                                 <!-- END dropdown-menu -->
  352.                             </li>
  353.                             {# <li class="dropdown dropdown-full-width dropdown-hover">
  354.                                 <a href="#" data-bs-toggle="dropdown">
  355.                                     Pièces neuves
  356.                                     <b class="caret"></b>
  357.                                     <span class="arrow top"></span>
  358.                                 </a>
  359.                                 <!-- BEGIN dropdown-menu -->
  360.                                 <div class="dropdown-menu p-0">
  361.                                     <!-- BEGIN dropdown-menu-container -->
  362.                                     <div class="dropdown-menu-container">
  363.                                         <!-- BEGIN dropdown-menu-content -->
  364.                                         <div class="dropdown-menu-content">
  365.                                             <h4 class="title text-uppercase">Les différentes marques</h4>
  366.                                             <ul class="dropdown-brand-list mb-0">
  367.                                                 <li><a href="#"><img
  368.                                                                 src="{{ asset('assets/img/brand/honda.png') }}"
  369.                                                                 alt="logo honda"/></a></li>
  370.                                                 <li><a href="#"><img
  371.                                                                 src="{{ asset('assets/img/brand/kawasaki.png') }}"
  372.                                                                 alt="logo kawasaki"/></a>
  373.                                                 </li>
  374.                                                 <li><a href="#"><img
  375.                                                                 src="{{ asset('assets/img/brand/suzuki.png') }}"
  376.                                                                 alt="logo suzuki"/></a>
  377.                                                 </li>
  378.                                                 <li><a href="#"><img
  379.                                                                 src="{{ asset('assets/img/brand/yamaha.png') }}"
  380.                                                                 alt="logo yamaha"/></a></li>
  381.                                             </ul>
  382.                                             <a href="#" class="dropdown-item">VOIR PLUS</a>
  383.                                             <h4 class="title mt-2 text-uppercase">Les différentes catégories</h4>
  384.                                             <ul style="list-style: none;" class="p-0">
  385.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos classiques</a></li>
  386.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos routières</a></li>
  387.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Motos sportives</a></li>
  388.                                                 <li class="text-uppercase"><a class="dropdown-item" href="#">Autre</a></li>
  389.                                             </ul>
  390.                                         </div>
  391.                                         <!-- END dropdown-menu-content -->
  392.                                     </div>
  393.                                     <!-- END dropdown-menu-container -->
  394.                                 </div>
  395.                                 <!-- END dropdown-menu -->
  396.                             </li> #}
  397.                             <li class="dropdown dropdown-hover">
  398.                                 <a href="#" data-bs-toggle="dropdown">
  399.                                     <i class="fa-solid fa-user-large"></i> Mon compte
  400.                                     <b class="caret"></b>
  401.                                     <span class="arrow top"></span>
  402.                                 </a>
  403.                                 <div class="dropdown-menu">
  404.                                     {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  405.                                         <a class="dropdown-item" href="{{ path('logout') }}"><i
  406.                                                     class="fa-solid fa-right-from-bracket"></i> Me déconnecter</a>
  407.                                     {% else %}
  408.                                         <a class="dropdown-item" href="{{ path('login') }}"><i
  409.                                                     class="fa-solid fa-user-check"></i> Me connecter</a>
  410.                                     {% endif %}
  411.                                     <a class="dropdown-item" href="{{ path('create_account') }}"><i
  412.                                                 class="fa-solid fa-user-plus"></i> Créer compte</a>
  413.                                 </div>
  414.                             </li>
  415.                             <li><a href="{{ path('contact') }}"><i class="fa-solid fa-envelope"></i> Contact</a></li>
  416.                             <li class="dropdown dropdown-hover">
  417.                                 <a href="#" data-bs-toggle="dropdown">
  418.                                     <i class="fa fa-search search-btn"></i>
  419.                                     <span class="arrow top"></span>
  420.                                 </a>
  421.                                 <div class="dropdown-menu p-15px">
  422.                                     <form action="#" method="POST" name="search_form">
  423.                                         <div class="input-group">
  424.                                             <input type="text" placeholder="Search"
  425.                                                    class="form-control bg-light"/>
  426.                                             <button class="btn btn-dark" type="submit"><i
  427.                                                         class="fa fa-search"></i>
  428.                                             </button>
  429.                                         </div>
  430.                                     </form>
  431.                                 </div>
  432.                             </li>
  433.                         </ul>
  434.                     </div>
  435.                 </div>
  436.                 <!-- END header-nav -->
  437.                 <!-- BEGIN header-nav -->
  438.                 <div class="header-nav">
  439.                     <ul class="nav justify-content-end">
  440.                         <li class="dropdown dropdown-hover">
  441.                             <a href="#" class="header-cart" data-bs-toggle="dropdown">
  442.                                 <i class="fa-solid fa-basket-shopping"></i>
  443.                                 <span class="total">{{ cartData|length }}</span>
  444.                                 <span class="arrow top"></span>
  445.                             </a>
  446.                             <div class="dropdown-menu dropdown-menu-cart p-0">
  447.                                 {% if cartData %}
  448.                                     <div class="cart-header">
  449.                                         <h4 class="cart-title">Mon panier </h4>
  450.                                     </div>
  451.                                     <div class="cart-body">
  453.                                         <ul class="cart-item">
  454.                                             {% for item in cartData %}
  455.                                                 <li>
  456.                                                     <div class="cart-item-image">
  457.                                                         <img src="{{ asset('assets/img/product/moteur_2.jpg') }}"
  458.                                                              alt="{{ item.product.productName }}"/>
  459.                                                     </div>
  460.                                                     <div class="cart-item-info">
  461.                                                         <h4>{{ item.product.productName }}</h4>
  462.                                                         <p class="price">{{ (item.product.productPrice * item.quantity)|number_format(2, ',', ' ') }}
  463.                                                             € TTC</p>
  464.                                                         <p class="price">Quantité: {{ item.quantity }}</p>
  465.                                                     </div>
  466.                                                     <div class="cart-item-close">
  467.                                                         <a href="{{ path("cart_delete", {'id': item.product.id}) }}"
  468.                                                            data-bs-toggle="tooltip" data-bs-title="Supprimer"><i
  469.                                                                     class="fa-regular fa-trash-can fa-xs"></i></a>
  470.                                                     </div>
  471.                                                 </li>
  472.                                             {% endfor %}
  473.                                             <li>
  474.                                                 <div class="cart-item-info">
  475.                                                     <h4 class="text-red-600">
  476.                                                         Total: {{ cartTotal|number_format(2, ',', ' ') }}
  477.                                                         € TTC</h4>
  478.                                                 </div>
  479.                                             </li>
  480.                                         </ul>
  481.                                     </div>
  482.                                     <div class="cart-footer">
  483.                                         <div class="row gx-2">
  484.                                             <div class="col-6">
  485.                                                 <a href="{{ path('cart') }}" class="btn btn-default btn-theme d-block">Voir
  486.                                                     mon panier</a>
  487.                                             </div>
  488.                                             <div class="col-6">
  489.                                                 <a href="{{ path('checkout') }}" class="btn btn-dark btn-theme d-block">Commander</a>
  490.                                             </div>
  491.                                         </div>
  492.                                     </div>
  493.                                 {% else %}
  494.                                     <div class="cart-header">
  495.                                         <h4 class="cart-title">Votre panier est vide.</h4>
  496.                                     </div>
  497.                                 {% endif %}
  498.                             </div>
  499.                         </li>
  500.                     </ul>
  501.                 </div>
  502.                 <!-- END header-nav -->
  503.             </div>
  504.             <!-- END header-container -->
  505.         </div>
  506.         <!-- END container -->
  507.     </div>
  508.     <!-- END #header -->
  510. {% endblock %}
  511. {% block body %}
  513. {% endblock %}
  514. {% block footer %}
  515.     <!-- BEGIN #policy -->
  516.     <div id="policy" class="section-container bg-gray-100">
  517.         <!-- BEGIN container -->
  518.         <div class="container">
  519.             <!-- BEGIN row -->
  520.             <div class="row">
  521.                 <!-- BEGIN col-4 -->
  522.                 {#                <div class="col-lg-3 col-md-3 mb-4 mb-md-0">
  523.                     <!-- BEGIN policy -->
  524.                     <div class="policy">
  525.                         <div class="policy-icon"><i class="fa fa-truck"></i></div>
  526.                         <div class="policy-info">
  527.                             <h4>Livraison</h4>
  528.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
  529.                         </div>
  530.                     </div>
  531.                     <!-- END policy -->
  532.                 </div> #}
  533.                 <!-- END col-3 -->
  534.                 <!-- BEGIN col-3 -->
  535.                 <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
  536.                     <!-- BEGIN policy -->
  537.                     <div class="policy">
  538.                         <div class="policy-icon"><i class="fa-solid fa-circle-check"></i></div>
  539.                         <div class="policy-info">
  540.                             <h4>Garantie</h4>
  541.                             <p>Pièces contrôlées et testées </br>par nos techniciens agréés.</p>
  542.                         </div>
  543.                     </div>
  544.                     <!-- END policy -->
  545.                 </div>
  546.                 <!-- END col-3 -->
  547.                 <!-- BEGIN col-3 -->
  548.                 <div class="col-lg-4 col-md-4 mb-4 mb-md-0">
  549.                     <!-- BEGIN policy -->
  550.                     <div class="policy">
  551.                         <div class="policy-icon"><i class="fa-solid fa-dolly"></i></div>
  552.                         <div class="policy-info">
  553.                             <h4>Commandes</h4>
  554.                             <p>Plus de XXX colis livrés.</p>
  555.                         </div>
  556.                     </div>
  557.                     <!-- END policy -->
  558.                 </div>
  559.                 <!-- END col-3 -->
  560.                 <!-- BEGIN col-3 -->
  561.                 <div class="col-lg-4 col-md-4">
  562.                     <!-- BEGIN policy -->
  563.                     <div class="policy">
  564.                         <div class="policy-icon"><i class="fa-solid fa-lock"></i></div>
  565.                         <div class="policy-info">
  566.                             <h4 class="mb-1">Paiement 100% sécurisé</h4>
  567.                             <span><i class="fa-brands fa-cc-visa fa-2xl"></i> <i
  568.                                         class="fa-brands fa-cc-mastercard fa-2xl"></i> <i
  569.                                         class="fa-brands fa-cc-paypal fa-2xl"></i></span>
  570.                             <p class="mt-1">Carte bancaire | Mastercard | Paypal</p>
  571.                         </div>
  572.                     </div>
  573.                     <!-- END policy -->
  574.                 </div>
  575.                 <!-- END col-3 -->
  576.             </div>
  577.             <!-- END row -->
  578.         </div>
  579.         <!-- END container -->
  580.     </div>
  581.     <!-- END #policy -->
  582.     <!-- BEGIN #footer -->
  583.     <div id="footer" class="bg-gray-400">
  584.         <!-- BEGIN container -->
  585.         <div class="container">
  586.             <!-- BEGIN row -->
  587.             <div class="row">
  588.                 <!-- BEGIN col-3 -->
  589.                 <div class="col-lg-4">
  590.                     <img src="{{ asset('assets/img/logo/logo.png') }}" width="100%">
  591.                 </div>
  592.                 <!-- END col-3 -->
  593.                 <!-- BEGIN col-3 -->
  594.                 <div class="col-lg-4">
  595.                     <h4 class="footer-header uppercase mt-3">Informations</h4>
  596.                     <ul class="fa-ul mb-lg-4 mb-0 p-0">
  597.                         <li><i class="fa-solid fa-angles-right"></i> <a class="card-link" href="{{ path("contact") }}">Contactez-nous</a>
  598.                         </li>
  599.                         {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  600.                             <li><i class="fa-solid fa-angles-right"></i> <a class="card-link" href="{{ path("app_account") }}">Mon compte</a></li>
  601.                         {% else %}
  602.                             <li><i class="fa-solid fa-angles-right"></i> <a class="card-link" href="{{ path("login") }}">Mon compte</a></li>
  603.                         {% endif %}
  604.                         <li><i class="fa-solid fa-angles-right"></i> <a class="card-link" href="#">Commande et
  605.                                 livraison</a></li>
  606.                         <li><i class="fa-solid fa-angles-right"></i> <a class="card-link" href="{{ path('legal_terms') }}">Mentions légales</a>
  607.                         </li>
  608.                         {#<li><i class="fa-solid fa-angles-right"></i> <a class="card-link" href="#">Vie privée</a></li>#}
  609.                         {% if is_granted('ROLE_ADMIN') and is_granted('IS_AUTHENTICATED_FULLY') %}
  610.                         <li><i class="fa-solid fa-angles-right"></i> <a class="card-link" href="{{ path('admin') }}">Interface Administrateur</a></li>
  611.                         {% endif %}
  612.                     </ul>
  613.                 </div>
  614.                 <!-- END col-3 -->
  615.                 <!-- BEGIN col-3 -->
  616.                 <div class="col-lg-4 mt-3 mb-3">
  617.                     <h4 class="footer-header uppercase">Contact</h4>
  618.                     <address class="mb-lg-4 mb-0">
  619.                         <i class="fa-solid fa-location-dot"></i> 16 Lieu-dit le Sene, Écouflant, ANGERS, 49000<br/>
  620.                         <i class="fa-solid fa-phone"></i> <a class="card-link"
  621.                                                              href="+33763980155">07.63.98.01.55</a><br/>
  622.                         <i class="fa-solid fa-envelope"></i> <a
  623.                                 class="card-link"
  624.                                 href="mailto:contact@mopo.fr">contact@mopo.fr</a><br/>
  625.                     </address>
  626.                 </div>
  627.                 <!-- END col-3 -->
  628.             </div>
  629.             <!-- END row -->
  630.         </div>
  631.         <!-- END container -->
  632.     </div>
  633.     <!-- END #footer -->
  635.     <!-- BEGIN #footer-copyright -->
  636.     <div id="footer-copyright" class="footer-copyright">
  637.         <!-- BEGIN container -->
  638.         <div class="container">
  639.             <div class="payment-method text-white">
  640.                 <span><i class="fa-brands fa-cc-visa fa-2xl"></i> <i class="fa-brands fa-cc-mastercard fa-2xl"></i> <i
  641.                             class="fa-brands fa-cc-paypal fa-2xl"></i></span>
  642.             </div>
  643.             <div class="copyright">
  644.                 Copyright &copy; 2023 site réalisé par <a href="https://a2mi-info.com/"
  645.                                                           style="text-decoration: none; color: white">A2MI</a>.
  646.             </div>
  647.         </div>
  648.         <!-- END container -->
  649.     </div>
  650.     <!-- END #footer-copyright -->
  651.     </div>
  652.     <!-- END #page-container -->
  653. {% endblock %}
  654. </body>
  655. </html>