templates/main/indexList.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, shrink-to-fit=no">
  7.     <meta name="description" content="Suha - Multipurpose Ecommerce Mobile HTML Template">
  8.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  9.     <meta name="theme-color" content="#100DD1">
  10.     <meta name="apple-mobile-web-app-capable" content="yes">
  11.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
  12.     <!-- The above tags *must* come first in the head, any other head content must come *after* these tags -->
  13.     <!-- Title -->
  14.     <title>Aide market - plateforme publicitaire en ligne</title>
  15.     <link rel="preconnect" href="https://fonts.googleapis.com/">
  16.     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
  17.     <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
  18.     <!-- Favicon -->
  20.     {% block stylesheets %}
  21.             {{ encore_entry_link_tags('app') }}
  22.         
  24.     <link rel="icon" href="{{asset('img/icons/icon-72x72.png')}}">
  25.     <!-- Apple Touch Icon -->
  26.     <link rel="apple-touch-icon" href="{{asset('img/icons/icon-96x96.png')}}">
  27.     <link rel="apple-touch-icon" sizes="152x152" href="{{asset('img/icons/icon-152x152.png')}}">
  28.     <link rel="apple-touch-icon" sizes="167x167" href="{{asset('img/icons/icon-167x167.png')}}">
  29.     <link rel="apple-touch-icon" sizes="180x180" href="{{asset('img/icons/icon-180x180.png')}}">
  30.     <!-- CSS Libraries -->
  31.     <link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">
  32.     <link rel="stylesheet" href="{{asset('css/animate.css')}}">
  33.     <link rel="stylesheet" href="{{asset('css/all.min.css')}}">
  34.     <link rel="stylesheet" href="{{asset('css/brands.min.css')}}">
  35.     <link rel="stylesheet" href="{{asset('css/solid.min.css')}}">
  36.     <link rel="stylesheet" href="{{asset('css/owl.carousel.min.css')}}">
  37.     <link rel="stylesheet" href="{{asset('css/magnific-popup.css')}}">
  38.     <link rel="stylesheet" href="{{asset('css/nice-select.css')}}">
  39.     <!-- Stylesheet -->
  40.     <link rel="stylesheet" href="{{asset('css/style.css')}}">
  41.     <link rel="stylesheet" href="{{asset('css/card.css')}}">
  42.     <!-- Web App Manifest -->
  43.     <link rel="manifest" href="{{asset('js/manifest.json')}}">
  45.     {% endblock %}
  46.   </head>
  47.   <body>
  49.     {% block body %}
  51.     <!-- Preloader-->
  52.     <div class="preloader" id="preloader">
  53.       <div class="spinner-grow text-secondary" role="status">
  54.         <div class="sr-only"></div>
  55.       </div>
  56.     </div>
  57.     <!-- Header Area -->
  58.     <div class="header-area" id="headerArea">
  59.       <div class="container h-100 d-flex align-items-center justify-content-between d-flex rtl-flex-d-row-r">
  61.         <div class="logo-wrapper">
  62.           <a href="{{ path('app_main')}}">
  63.             <img src="img/core-img/logo-small.png" alt="">
  64.           </a>
  65.         </div>
  69.         <div class="navbar-logo-container d-flex align-items-center">
  70.           <!-- Cart Icon -->
  72.            {% if app.user %}
  74.           <div class="cart-icon-wrap">
  75.             <a href="{{ path('cart_index') }}">
  76.               <i class="fa-solid fa-bag-shopping"></i><span>
  78.               ({{ totalItems > 1 ? totalItems ~ ' ' : totalItems ~ ' ' }})
  80.             </span></a>
  81.             </div>
  82.           <div class="user-profile-icon ms-2">
  83.             <a href="#">
  84.               <img src="img/bg-img/icon.jpg" alt="">
  85.             </a>
  86.           </div>
  87.           
  88.           <!-- Navbar Toggler -->
  89.           <div class="suha-navbar-toggler ms-2" data-bs-toggle="offcanvas" data-bs-target="#suhaOffcanvas" aria-controls="suhaOffcanvas">
  90.             <div><span></span><span></span><span></span></div>
  91.           </div>
  93.           <!-- PWA Install Alert -->
  94.     <div class="toast pwa-install-alert shadow bg-white" role="alert" aria-live="assertive" aria-atomic="true" data-bs-delay="5000" data-bs-autohide="true">
  95.       <div class="toast-body">
  96.        
  97.         <span class="mb-0 d-block">
  98.           {% include 'flashMessage/flash.html.twig' %}
  99.         </span>
  100.       </div>
  101.      </div>
  103.         {% else %}
  105.           <!-- Navbar Toggler -->
  106.           <div class="cart-icon-wrap">
  107.             <a href="{{ path('cart_index') }}">
  108.               <i class="fa-solid fa-bag-shopping"></i><span>
  110.               {{ totalItems }}
  112.             </span></a>
  113.             </div>
  114.           <div class="suha-navbar-toggler ms-2" data-bs-toggle="offcanvas" data-bs-target="#suhaOffcanvas" aria-controls="suhaOffcanvas">
  115.             <div><span></span><span></span><span></span></div>
  116.           </div>
  118.         {% endif %}
  120.         </div>
  122.        
  124.       </div>
  125.     </div>
  128.     <div id="sidebar">
  129.   {% block sidebar %}
  131. <div class="offcanvas offcanvas-start suha-offcanvas-wrap" tabindex="-1" id="suhaOffcanvas" aria-labelledby="suhaOffcanvasLabel">
  132.       <!-- Close button-->
  133.       <button class="btn-close btn-close-white" type="button" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  134.       <!-- Offcanvas body-->
  135.       <div class="offcanvas-body">
  136.         <!-- Sidenav Profile-->
  137.         <div class="sidenav-profile">
  138.           <!--<div class="user-profile"><img src="img/bg-img/9.jpg" alt=""></div>-->
  139.           <div class="user-profile">
  140.             <img src="img/icon.jpg" alt="">
  141.           </div>
  142.           <div class="user-info">
  143.             <h5 class="user-name mb-1 text-white">Aid Market</h5>
  144.            <!-- <p class="available-balance text-white">Available points <span class="counter">499</span></p>-->
  145.           </div>
  146.         </div>
  148.         <!-- Sidenav Nav-->
  150.    
  151.         {% if app.user %}
  152.         <ul class="sidenav-nav ps-0">
  153.          <li><a href="#"><i class="fa-solid fa-user"></i>Mon Profil</a></li>
  154.         <li><a href="#"><i class="fa-solid fa-bell lni-tada-effect"></i>Notifications<span class="ms-1 badge badge-warning">3</span></a></li>
  155.           
  156.           <li><a href="#"><i class="fa-solid fa-file-code"></i>Mes commandes</a></li>
  157.           
  158.           <li><a href="{{ path('app_parametres') }}"><i class="fa-solid fa-sliders"></i>Paramètres</a></li>
  159.          
  160.           <li ><a href="{{ path('app_ajouterProduit') }}"><i class="fa-solid fa-store"></i>Vendre un article</a>
  161.           
  162.           <li><a href="#"><i class="fa-solid fa-user"></i>Conditions d'utilisation</a></li>
  163.           <li><a href="{{path('app_logout')}}"><i class="fa-solid fa-user"></i>Se deconnecter</a></li>
  165.         </ul>
  167.       {% else %}
  169.        <ul class="sidenav-nav ps-0">
  170. <li><a href="#" data-bs-toggle="modal" data-bs-target="#myModale">
  171.        <i class="fa-solid fa-user"></i>Mon Profil</a></li>
  172.                   <!-- The Modal -->
  173. <div class="modal" id="myModale">
  174.   <div class="modal-dialog modal-dialog-centered">
  175.     <div class="modal-content">
  177.       <!-- Modal Header -->
  178.       <div class="modal-header">
  179.         <h4 class="modal-title">Le type de compte à créer</h4>
  180.         <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  181.       </div>
  183.       <!-- Modal body -->
  184.       <div class="modal-body">
  185.         <a href="#" class="btn btn-primary"> Compte particulier</a>
  186.         <a href="#" class="btn btn-primary"> Compte Etablissement</a>
  187.       </div>
  189.       <!-- Modal footer -->
  190.       <div class="modal-footer">
  191.         <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
  192.       </div>
  194.     </div>
  195.   </div>
  196. </div>
  197.           
  198.           <!--<li><a href="settings.html"><i class="fa-solid fa-sliders"></i>setting</a></li>-->
  199.           <li><a href="{{path('app_login')}}"><i class="fa-solid fa-user-secret"></i>Se connecter</a></li>
  200.           <li><a href="#" data-bs-toggle="modal" data-bs-target="#myModal" ><i class="fa-solid fa-user-circle"></i>s'inscrire</a></li>
  201.           <li><a href="#"><i class="fa-solid fa-user"></i>Conditions d'utilisation</a></li>
  203.         </ul>
  205.       {% endif %}
  206.       </div>
  207.     </div>
  209.     {% endblock %}
  210.  </div>
  211.     
  212.     <div class="page-content-wrapper">
  213.       <!-- Search Form-->
  214.       <!-- Search Form-->
  215.       <div class="container-fluid ">
  216.         <div class="search-form pt-3 rtl-flex-d-row-r">
  217.           <form action="#" method="">
  218.             <input class="form-control" type="search" placeholder="Search in Suha">
  219.             <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
  220.           </form>
  221.           
  222.         </div>
  223.       </div>
  224.       <!-- Hero Wrapper -->
  225.       <div class="hero-wrapper">
  226.         <div class="container">
  227.           <div class="pt-3">
  228.             <!-- Hero Slides-->
  229.             <div class="hero-slides owl-carousel">
  230.               <!-- Single Hero Slide-->
  231.               <div class="single-hero-slide" style="background-image: url('img/bg-img/1.jpg')">
  232.                 <div class="slide-content h-100 d-flex align-items-center">
  233.                   <div class="slide-text">
  234.                     <h4 class="text-white mb-0" data-animation="fadeInUp" data-delay="100ms" data-duration="1000ms">Aide Market</h4>
  235.                     <p class="text-white" data-animation="fadeInUp" data-delay="400ms" data-duration="1000ms">Retrouvez prêt de chez vous, <br>des boutiques, des restaurants, <br> des espaces chics  et des magasins... </p><a class="btn btn-primary" href="#" data-animation="fadeInUp" data-delay="800ms" data-duration="1000ms">En savoir plus</a>
  236.                   </div>
  237.                 </div>
  238.               </div>
  239.               <!-- Single Hero Slide-->
  240.               <div class="single-hero-slide" style="background-image: url('img/bg-img/2.jpg')">
  241.                 <div class="slide-content h-100 d-flex align-items-center">
  242.                   <div class="slide-text">
  243.                     <h4 class="text-white mb-0" data-animation="fadeInUp" data-delay="100ms" data-duration="1000ms">Aide Market</h4>
  244.                     <p class="text-white" data-animation="fadeInUp" data-delay="400ms" data-duration="1000ms">Nous vous apportons une visibilité <br> avec une grande communauté</p><a class="btn btn-success" href="#" data-animation="fadeInUp" data-delay="500ms" data-duration="1000ms">En savoir plus</a>
  245.                   </div>
  246.                 </div>
  247.               </div>
  248.               <!-- Single Hero Slide-->
  249.               <div class="single-hero-slide" style="background-image: url('img/bg-img/14.jpg')">
  250.                 <div class="slide-content h-100 d-flex align-items-center">
  251.                   <div class="slide-text">
  252.                     <h4 class="text-white mb-0" data-animation="fadeInUp" data-delay="100ms" data-duration="1000ms">Aide Market</h4>
  253.                     <p class="text-white" data-animation="fadeInUp" data-delay="400ms" data-duration="1000ms">Vendre plus, acheter plus, avec <br> notre communauté grandissante</p><a class="btn btn-danger" href="#" data-animation="fadeInUp" data-delay="800ms" data-duration="1000ms">En savoir plus</a>
  254.                   </div>
  255.                 </div>
  256.               </div>
  257.             </div>
  258.           </div>
  259.         </div>
  260.       </div>
  262. <!-- The Modal -->
  263. <div class="modal" id="myModal">
  264.   <div class="modal-dialog modal-dialog-centered">
  265.     <div class="modal-content">
  267.       <!-- Modal Header -->
  268.       <div class="modal-header">
  269.         <h4 class="modal-title">Le type de compte à créer</h4>
  270.         <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  271.       </div>
  273.       <!-- Modal body -->
  274.       <div class="modal-body">
  275.         <a href="{{ path('app_particulier') }}" class="btn btn-primary"> Compte particulier</a>
  276.         <a href="{{ path('app_auth') }}" class="btn btn-primary"> Compte Etablissement</a>
  277.       </div>
  279.       <!-- Modal footer -->
  280.       <div class="modal-footer">
  281.         <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
  282.       </div>
  284.     </div>
  285.   </div>
  286. </div>
  287.       
  288.       <!-- Product Catagories -->
  289.       <div class="product-catagories-wrapper py-3">
  290.         <div class="container">
  291.           <div class="row g-2 rtl-flex-d-row-r">
  292.             <!-- Catagory Card -->
  293.             <div class="col-3">
  294.               <div class="card catagory-card">
  295.                 <div class="card-body px-2"><a href="{{path('app_boutique_categorie')}}"><img src="img/core-img/woman-clothes.png" alt=""><span>Vos magasins</span></a></div>
  296.               </div>
  297.             </div>
  298.             <!-- Catagory Card 
  299.             <div class="col-3">
  300.               <div class="card catagory-card">
  301.                 <div class="card-body px-2"><a href="catagory.html"><img src="img/core-img/grocery.png" alt=""><span>Vos restaurants préferés</span></a></div>
  302.               </div>
  303.             </div>-->
  304.             <!-- Catagory Card -->
  305.             <div class="col-3">
  306.               <div class="card catagory-card">
  307.                 <div class="card-body px-2"><a href="{{path('app_boutique_esthetique')}}"><img src="img/core-img/shampoo.png" alt=""><span>Esthétique &amp; Beauté</span></a></div>
  308.               </div>
  309.             </div>
  310.             <!-- Catagory Card 
  311.             <div class="col-3">
  312.               <div class="card catagory-card">
  313.                 <div class="card-body px-2"><a href="catagory.html"><img src="img/core-img/rowboat.png" alt=""><span>Espace &amp; détente</span></a></div>
  314.               </div>
  315.             </div>-->
  316.             <!-- Catagory Card -->
  317.             <div class="col-3">
  318.               <div class="card catagory-card">
  319.                 <div class="card-body px-2">
  320.                   <a href="{{path('app_boutique_Boutiques')}}">
  321.                   <img src="img/core-img/tv-table.png" alt="">
  322.                   <span>Vos boutiques</span>
  323.                  </a>
  324.                 </div>
  325.               </div>
  326.             </div>
  327.             <!-- Catagory Card -->
  328.             <div class="col-3">
  329.               <div class="card catagory-card">
  330.                 <div class="card-body px-2">
  331.                   <a href="{{path('app_boutique_Prestataires')}}"><img src="img/core-img/beach.png" alt="">
  332.                     <span>Vos prestataires</span>
  333.                   </a>
  334.                 </div>
  335.               </div>
  336.             </div>
  337.             <!-- Catagory Card 
  338.             <div class="col-3">
  339.               <div class="card catagory-card">
  340.                 <div class="card-body px-2"><a href="catagory.html"><img src="img/core-img/baby-products.png" alt=""><span>Luxe et autre</span></a></div>
  341.               </div>
  342.             </div>-->
  343.             <!-- Catagory Card 
  344.             <div class="col-3">
  345.               <div class="card catagory-card active">
  346.                 <div class="card-body px-2"><a href="catagory.html"><img src="img/core-img/price-tag.png" alt=""><span>Les plus vendus</span></a></div>
  347.               </div>
  348.             </div>-->
  349.           </div>
  350.         </div>
  351.       </div>
  353.       <!-- Flash Sale Slide -->
  354.       <div class="flash-sale-wrapper">
  355.         <div class="container">
  356.           <div class="section-heading d-flex align-items-center justify-content-between rtl-flex-d-row-r">
  357.             <h6 class="d-flex align-items-center rtl-flex-d-row-r"><i class="fa-solid fa-bolt-lightning me-1 text-danger lni-flashing-effect"></i>Vente flash</h6>
  358.             <!-- Please use event time this format: YYYY/MM/DD hh:mm:ss -->
  359.             <ul class="sales-end-timer ps-0 d-flex align-items-center rtl-flex-d-row-r" data-countdown="2022/12/31 14:21:59">
  360.               <li><span class="days">0</span>d</li>
  361.               <li><span class="hours">0</span>h</li>
  362.               <li><span class="minutes">0</span>m</li>
  363.               <li><span class="seconds">0</span>s</li>
  364.             </ul>
  365.           </div>
  366.           <!-- Flash Sale Slide-->
  369.           <!-- Flash Sale Slide-->
  370.           <div class="flash-sale-slide owl-carousel">
  371.             
  372.           {# {% for listeArticles in articles %}
  374.             <div class="card flash-sale-card">
  375.               <div class="card-body">
  376.                 <a href="{{ path('app_details', {id: listeArticles.id}) }}">
  377.                   <img src="{{ vich_uploader_asset(listeArticles) | imagine_filter('version_carre_medium') }}" alt="{{ listeArticles.titre }}">
  378.                   <span class="product-title">{{ listeArticles.titre }}</span>
  379.                   <p class="sale-price">{{ listeArticles.prixdeVente }} Fr<span class="real-price">{{ listeArticles.prixArticle  }} Fr</span></p>
  380.                   <span class="progress-title">33% Sold</span>
  381.                   <!-- Progress Bar-->
  382.                   <div class="progress">
  383.                     <div class="progress-bar" role="progressbar" style="width: 33%" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100"></div>
  384.                   </div>
  385.                   </a>
  386.                 </div>
  387.             </div>
  388.             
  389.             {% endfor %}#}
  391.           </div>
  392.         </div>
  393.       </div>
  394.       
  396. <div class="top-products-area py-3">
  397.     <div class="container">
  398.       <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  399.             <h6>Nos boutiques</h6>
  400.             <a class="btn p-0" href="{{path('app_touteboutique')}}">Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  401.             <div class="layout-options">
  402.               <a  href="{{ path('app_main') }}"><i class="fa-solid fa-border-all"></i></a>
  403.               <a  class="active" href="#"><i class="fa-solid fa-list-ul"></i></a>
  404.             </div>
  405.           </div>
  406.      <div class="page-content-wrapper py-3 mt-1">
  407.       <div class="container">
  408.         <div class="row gy-3">
  410.           {% for ListeUserVendeur in UserVendeur %}
  412.           <div class="col-12">
  413.             <!-- Single Vendor -->
  414.             <div class="single-vendor-wrap bg-img p-4 bg-overlay" style="background-image: url('img/bg-img/10.jpg')">
  415.               <h5 class="vendor-title text-white">{{ ListeUserVendeur.nomBoutique }}</h5>
  416.               <div class="vendor-info">
  417.                 <p class="mb-1 text-white">
  418.                   <i class="fa-solid fa-location-dot me-1">
  419.                     
  420.                   </i>{{ ListeUserVendeur.geolocalisation }}</p>
  421.                 <div class="ratings lh-1">
  422.                   
  423.                   <span class="text-white">VUES : -</span>
  424.                   <span class="text-white">SUIVI.ES : -</span>
  425.                   <span class="text-white">FOLLOWING : -</span>
  426.                 </div>
  427.               </div><a class="btn btn-warning btn-sm mt-3" href="{{ path('app_boutique_vendeur', {id: ListeUserVendeur.id}) }}">Voir la boutique<i class="fa-solid fa-arrow-right-long ms-1"></i></a>
  428.               <!-- Vendor Profile-->
  429.               <div class="vendor-profile shadow">
  430.                 <figure class="m-0"><img src="img/icon.jpg" alt=""></figure>
  431.               </div>
  432.             </div>
  433.           </div>
  434.           
  435.           {% endfor %}
  437.         </div>
  438.       </div>
  439.         
  440.     </div>
  441.    
  442.    <div class="row">
  443.      <a class="btn btn-info mt-1 " href="{{path('app_touteboutique')}}">Voir plus de boutique<i class="fa-solid fa-arrow-right-long ms-1"></i></a>
  444.    </div>
  445.     </div>
  446. </div>
  450.       <!-- CTA Area -->
  451.       <div class="container">
  452.         <div class="cta-text dir-rtl p-2 p-lg-5">
  453.           <div class="row">
  454.             <div class="col-9">
  455.               <h4 class="text-white mb-1">20% de réduction sur vos premières commandes</h4>
  456.               <p class="text-white mb-2 opacity-75">Une offre à ne pas rater sur 3 mois.</p><a class="btn btn-warning" href="#">Saisissez cette offre</a>
  457.             </div>
  458.           </div><img src="img/bg-img/make-up.png" alt="">
  459.         </div>
  460.       </div>
  461.       <!-- Weekly Best Sellers-->
  462.       <div class="weekly-best-seller-area py-3">
  463.         <div class="container">
  464.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  465.             <h6>Les plus vendus</h6><a class="btn p-0" href="shop-list.html">
  466.                Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  467.           </div>
  468.           <div class="row g-2">
  469.             <!-- Weekly Product Card -->
  471.             {% if LesPlusVendu|length > 0 %}
  474.             {% for lesArticlesLesPlusVendu in LesPlusVendu %}
  475.             <!-- Weekly Product Card -->
  476.             <div class="col-12">
  477.               <div class="horizontal-product-card">
  478.                 <div class="d-flex align-items-center">
  479.                   <div class="product-thumbnail-side">
  480.                     <!-- Thumbnail -->
  481.                     <a class="product-thumbnail shadow-sm d-block" href="{{ path('app_details', {id: lesArticlesLesPlusVendu.id}) }}">
  482.                       <img src="{{ vich_uploader_asset(lesArticlesLesPlusVendu) | imagine_filter('version_carre_small') }}" alt=""></a>
  483.                   </div>
  484.                   <div class="product-description">
  485.                     <!-- Wishlist  -->
  486.                     <a class="wishlist-btn" href="#"><i class="fa-solid fa-heart"></i></a>
  487.                     <!-- Product Title -->
  488.                     <a class="product-title d-block" href="{{ path('app_details', {id: lesArticlesLesPlusVendu.id}) }}">{{ lesArticlesLesPlusVendu.titre }}</a>
  489.                     <!-- Price -->
  490.                     <p class="sale-price">
  491.                       <i class="fa-solid fa-money-bill"></i>{{ lesArticlesLesPlusVendu.prixdeVente }} Fr<span>{{ lesArticlesLesPlusVendu.prixdereduction }} Fr</span>
  492.                     </p>
  493.                     <!-- Rating 
  494.                     <div class="product-rating"><i class="fa-solid fa-star"></i>4.88 <span class="ms-1">(39 notes)</span></div>-->
  495.                   </div>
  496.                 </div>
  497.               </div>
  498.             </div>
  500.             {% endfor %}
  502.             {% else %}
  504.           <p> aucun article n'est disponible...</p>
  506.          {% endif %}
  507.            
  508.           </div>
  509.         </div>
  510.       </div>
  511.       <!-- Discount Coupon Card-->
  512.       <div class="container">
  513.         <div class="discount-coupon-card p-4 p-lg-5 dir-rtl">
  514.           <div class="d-flex align-items-center">
  515.             <div class="discountIcon"><img class="w-100" src="img/core-img/discount.png" alt=""></div>
  516.             <div class="text-content">
  517.               <h4 class="text-white mb-1">Obtenez 20 % de réduction !</h4>
  518.               <p class="text-white mb-0">Pour obtenir une réduction, entrez le<span class="px-1 fw-bold">GET20</span>code sur la page de paiement.</p>
  519.             </div>
  520.           </div>
  521.         </div>
  522.       </div>
  523.       <!-- Featured Products Wrapper-->
  524.       <div class="featured-products-wrapper py-3">
  525.         <div class="container">
  526.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  527.             <h6>Produits dans les boutiques ({{ articles|length }})</h6>
  528.             <a class="btn p-0" href="{{path('app_plusvendus')}}">Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  529.           </div>
  530.           <div class="row g-2">
  532.             {% if articles|length > 0 %}
  534.        {% for listeArticles in articles %}
  536.             <!-- Featured Product Card-->
  537.             <div class="col-4">
  538.               <div class="card featured-product-card">
  539.                 <div class="card-body">
  540.                   <!-- Badge-->
  541.                   
  542.                   <div class="product-thumbnail-side">
  543.                     <!-- Thumbnail -->
  544.                     <a class="product-thumbnail d-block" href="{{ path('app_details', {id: listeArticles.id}) }}">
  545.                       <img src="{{ vich_uploader_asset(listeArticles) | imagine_filter('version_carre_medium') }}" alt="{{ listeArticles.titre }}">
  546.                     </a>
  547.                   </div>
  548.                   <div class="product-description">
  549.                     <!-- Product Title -->
  550.                     <a class="product-title d-block" href="#">{{ listeArticles.titre }}</a>
  551.                     <!-- Price -->
  552.                     <p class="sale-price">
  553.                       {{ listeArticles.prixdeVente }} Fr
  554.                       <span>{{ listeArticles.prixdereduction }} Fr</span>
  555.                     </p>
  556.                   </div>
  557.                 </div>
  558.               </div>
  559.             </div>
  561.       {% endfor %}
  563.  {% else %}
  565.   <p> aucun article n'est disponible...</p>
  567.  {% endif %}
  568.             
  569.           </div>
  570.         </div>
  571.       </div>
  572.       <div class="pb-3">
  573.         <div class="container">
  574.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  575.             <h6>Catégories</h6><a class="btn p-0" href="#">
  576.                Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  577.           </div>
  578.           <!-- Collection Slide-->
  579.           <div class="collection-slide owl-carousel">
  580.             <!-- Collection Card-->
  581.             <div class="card collection-card">
  582.               <a href="{{path('app_boutique_categorie')}}">
  583.                 <img src="img/core-img/woman-clothes.png" alt=""></a>
  584.               <div class="collection-title">
  585.                 <span>Vos magasins</span>
  586.                 <span class="badge bg-danger">9</span>
  587.               </div>
  588.             </div>
  589.             <!-- Collection Card-->
  590.             <div class="card collection-card">
  591.               <a href="{{path('app_boutique_esthetique')}}"><img src="img/core-img/shampoo.png" alt=""></a>
  592.               <div class="collection-title">
  593.                 <span>Esthétique...</span><span class="badge bg-danger">29</span>
  594.               </div>
  595.             </div>
  596.             <!-- Collection Card-->
  597.             <div class="card collection-card">
  598.               <a href="{{path('app_boutique_Boutiques')}}">
  599.                 <img src="img/core-img/tv-table.png" alt=""></a>
  600.               <div class="collection-title"><span>Vos Boutiques</span>
  601.                 <span class="badge bg-danger">4</span></div>
  602.             </div>
  603.             <!-- Collection Card-->
  604.             <div class="card collection-card">
  605.               <a href="{{path('app_boutique_Prestataires')}}"><img src="img/core-img/beach.png" alt=""></a>
  606.               <div class="collection-title"><span>Vos prestataires</span>
  607.                 <span class="badge bg-danger">11</span></div>
  608.             </div>
  609.             
  610.           </div>
  611.         </div>
  612.       </div>
  613.     </div>
  614.     <!-- Internet Connection Status-->
  615.     <div class="internet-connection-status" id="internetStatus"></div>
  616.     
  618.   {% include 'main/footer.html.twig' %}
  619.   
  620.     {% if app.user and app.user.compte == 'client' %}
  622.       {% include 'main/footerparticulier.html.twig' %}
  624.     {% elseif app.user and app.user.compte == 'vendeur' %}
  626.     {% include 'main/footer.html.twig' %}
  628.     <a href="{{ path('app_ajouterProduit') }}">
  629.       <div data-js="back-top" class="back-top">
  630.       
  631.         <img src="img/plus.png" width="110px"  alt="">
  632.      </div>
  633.     </a>
  635.   {% else %}
  637.   {% endif %}
  638.     
  640. {% endblock %}
  643.         {% block javascripts %}
  644.             {{ encore_entry_script_tags('app') }}
  645.         
  646.     <!-- All JavaScript Files-->
  647.     <script src="{{asset('js/bootstrap.bundle.min.js')}}"></script>
  648.     <script src="{{asset('js/jquery.min.js')}}"></script>
  649.     <script src="{{asset('js/waypoints.min.js')}}"></script>
  650.     <script src="{{asset('js/jquery.easing.min.js')}}"></script>
  651.     <script src="{{asset('js/owl.carousel.min.js')}}"></script>
  652.     <script src="{{asset('js/jquery.magnific-popup.min.js')}}"></script>
  653.     <script src="{{asset('js/jquery.counterup.min.js')}}"></script>
  654.     <script src="{{asset('js/jquery.countdown.min.js')}}"></script>
  655.     <script src="{{asset('js/jquery.passwordstrength.js')}}"></script>
  656.     <script src="{{asset('js/jquery.nice-select.min.js')}}"></script>
  657.     <script src="{{asset('js/theme-switching.js')}}"></script>
  658.     <script src="{{asset('js/no-internet.js')}}"></script>
  659.     <script src="{{asset('js/active.js')}}"></script>
  660.     <script src="{{asset('js/pwa.js')}}"></script>
  662.     {% endblock %}
  665.    </body>
  666. </html>