templates/particuliers/baseparticuliers.html.twig line 49

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, shrink-to-fit=no">
  6.     <meta name="description" content="Suha - Multipurpose Ecommerce Mobile HTML Template">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="theme-color" content="#ff3c00">
  9.     <meta name="apple-mobile-web-app-capable" content="yes">
  10.     <meta name="apple-mobile-web-app-status-bar-style" content="black">
  11.     <!-- The above tags *must* come first in the head, any other head content must come *after* these tags -->
  12.     <!-- Title -->
  13.     <title>MR panini - fast-food Africain de panini</title>
  14.     <link rel="preconnect" href="https://fonts.googleapis.com/">
  15.     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
  16.     <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet">
  17.     <!-- Favicon -->
  19.     {% block stylesheets %}
  20.             {{ encore_entry_link_tags('app') }}
  21.         
  23.     <link rel="icon" href="{{asset('img/icons/icon-72x72.png')}}">
  24.     <!-- Apple Touch Icon -->
  25.     <link rel="apple-touch-icon" href="{{asset('img/icons/icon-96x96.png')}}">
  26.     <link rel="apple-touch-icon" sizes="152x152" href="{{asset('img/icons/icon-152x152.png')}}">
  27.     <link rel="apple-touch-icon" sizes="167x167" href="{{asset('img/icons/icon-167x167.png')}}">
  28.     <link rel="apple-touch-icon" sizes="180x180" href="{{asset('img/icons/icon-180x180.png')}}">
  29.     <!-- CSS Libraries -->
  30.     <link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">
  31.     <link rel="stylesheet" href="{{asset('css/animate.css')}}">
  32.     <link rel="stylesheet" href="{{asset('css/all.min.css')}}">
  33.     <link rel="stylesheet" href="{{asset('css/brands.min.css')}}">
  34.     <link rel="stylesheet" href="{{asset('css/solid.min.css')}}">
  35.     <link rel="stylesheet" href="{{asset('css/owl.carousel.min.css')}}">
  36.     <link rel="stylesheet" href="{{asset('css/magnific-popup.css')}}">
  37.     <link rel="stylesheet" href="{{asset('css/nice-select.css')}}">
  38.     <!-- Stylesheet -->
  39.     <link rel="stylesheet" href="{{asset('css/style.css')}}">
  40.     <link rel="stylesheet" href="{{asset('css/card.css')}}">
  41.     <!-- Web App Manifest -->
  42.     <link rel="manifest" href="{{asset('js/manifest.json')}}">
  44.     {% endblock %}
  46.   </head>
  47.   <body>
  49.     {% block body %}
  50.     <!-- Preloader-->
  51.     <div class="preloader" id="preloader">
  52.       <div class="spinner-grow text-secondary" role="status">
  53.         <div class="sr-only"></div>
  54.       </div>
  55.     </div>
  56.     <!-- Header Area -->
  57.     <div class="header-area" id="headerArea">
  58.       <div class="container h-100 d-flex align-items-center justify-content-between d-flex rtl-flex-d-row-r">
  59.         <!-- Logo Wrapper -->
  60.         <div class="logo-wrapper"><a href="#">
  61.           <img src="img/core-img/logo-small.png" alt="">
  62.       </a>
  63.         </div>
  64.         <div class="navbar-logo-container d-flex align-items-center">
  65.           <!-- Cart Icon -->
  67.            {% if app.user %}
  69.           <div class="cart-icon-wrap">
  70.             <a href="{{ path('cart_index') }}">
  71.               <i class="fa-solid fa-bag-shopping"></i><span>
  73.               ({{ totalItems > 1 ? totalItems ~ ' ' : totalItems ~ ' ' }})
  75.             </span></a>
  76.             </div>
  77.           <div class="user-profile-icon ms-2">
  78.             <a href="{{ path('app_boutique_client_profil', {id: app.user.id} ) }}">
  79.               <img src="img/bg-img/icon.jpg" alt="">
  80.             </a>
  81.           </div>
  82.           
  83.           <!-- Navbar Toggler -->
  84.           <div class="suha-navbar-toggler ms-2" data-bs-toggle="offcanvas" data-bs-target="#suhaOffcanvas" aria-controls="suhaOffcanvas">
  85.             <div><span></span><span></span><span></span></div>
  86.           </div>
  88.           <!-- PWA Install Alert -->
  89.     <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">
  90.       <div class="toast-body">
  91.         <div class="content d-flex align-items-center mb-2"><img src="img/core-img/logo-white.png" alt="">
  92.           <h6 class="mb-0">Bienvenue...</h6>
  93.           <button class="btn-close ms-auto" type="button" data-bs-dismiss="toast" aria-label="Close"></button>
  94.         </div>
  95.         <span class="mb-0 d-block">
  96.           {% include 'flashMessage/flash.html.twig' %}
  97.         </span>
  98.       </div>
  99.      </div>
  101.         {% else %}
  103.           <!-- Navbar Toggler -->
  104.           <div class="cart-icon-wrap">
  105.             <a href="{{ path('cart_index') }}">
  106.               <i class="fa-solid fa-bag-shopping"></i><span>
  108.               {{ totalItems }}
  110.             </span></a>
  111.             </div>
  112.           <div class="suha-navbar-toggler ms-2" data-bs-toggle="offcanvas" data-bs-target="#suhaOffcanvas" aria-controls="suhaOffcanvas">
  113.             <div><span></span><span></span><span></span></div>
  114.           </div>
  116.         {% endif %}
  118.         </div>
  119.       </div>
  120.     </div>
  123.     {% include 'main/menuClient.html.twig' %}
  125.     
  126.     <div class="page-content-wrapper">
  127.       <!-- Search Form-->
  128.       <!-- Search Form-->
  129.       <div class="container-fluid ">
  130.         <div class="search-form pt-3 rtl-flex-d-row-r">
  131.           <form action="{{ path('searchSection') }}" method="">
  132.             <input class="form-control" type="search" placeholder="Recherche dans AidMarket">
  133.             <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
  134.           </form>
  135.           
  136.         </div>
  137.       </div>
  138.       <!-- Hero Wrapper -->
  140.       {% include 'flashMessage/flash.html.twig' %}
  142.       <div class="hero-wrapper">
  143.         <div class="container">
  144.           <div class="pt-3">
  145.             <!-- Hero Slides-->
  146.             <div class="hero-slides  owl-carousel">
  147.               <!-- Single Hero Slide-->
  148.               <div class="single-hero-slide active" 
  149.                  style="background-image: url({{ asset('img/bg-img/1.jpg')  }})">
  150.                 <div class="slide-content h-100 d-flex align-items-center">
  151.                   <div class="slide-text">
  152.                     <h4 class="text-white mb-0" data-animation="fadeInUp" data-delay="1000ms" data-duration="1000ms">AidMarket</h4>
  153.                     <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>
  154.                   </div>
  155.                 </div>
  156.               </div>
  157.               <!-- Single Hero Slide-->
  158.               <div class="single-hero-slide" 
  159.               style="background-image: url({{ asset('img/bg-img/2.jpg')  }})">
  160.                 <div class="slide-content h-100 d-flex align-items-center">
  161.                   <div class="slide-text">
  162.                     <h4 class="text-white mb-0" data-animation="fadeInUp" data-delay="1000ms" data-duration="1000ms">AidMarket</h4>
  163.                     <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>
  164.                   </div>
  165.                 </div>
  166.               </div>
  167.               <!-- Single Hero Slide-->
  168.               <div class="single-hero-slide" 
  169.                  style="background-image: url( {{ asset('img/bg-img/14.jpg') }})"
  170.                  >
  171.                 <div class="slide-content h-100 d-flex align-items-center">
  172.                   <div class="slide-text">
  173.                     <h4 class="text-white mb-0" data-animation="fadeInUp" data-delay="1000ms" data-duration="1000ms">AidMarket</h4>
  174.                     <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>
  175.                   </div>
  176.                 </div>
  177.               </div>
  178.             </div>
  179.           </div>
  180.         </div>
  181.       </div>
  183.       <!-- Product Catagories -->
  184.       <div class="product-catagories-wrapper py-3">
  185.         <div class="container">
  186.           <div class="row g-2 rtl-flex-d-row-r">
  187.             <!-- Catagory Card -->
  188.             <div class="col-3">
  189.               <div class="card catagory-card">
  190.                 <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>
  191.               </div>
  192.             </div>
  193.             <!-- Catagory Card 
  194.             <div class="col-3">
  195.               <div class="card catagory-card">
  196.                 <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>
  197.               </div>
  198.             </div>-->
  199.             <!-- Catagory Card -->
  200.             <div class="col-3">
  201.               <div class="card catagory-card">
  202.                 <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>
  203.               </div>
  204.             </div>
  205.             <!-- Catagory Card 
  206.             <div class="col-3">
  207.               <div class="card catagory-card">
  208.                 <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>
  209.               </div>
  210.             </div>-->
  211.             <!-- Catagory Card -->
  212.             <div class="col-3">
  213.               <div class="card catagory-card">
  214.                 <div class="card-body px-2">
  215.                   <a href="{{path('app_boutique_Boutiques')}}">
  216.                   <img src="img/core-img/tv-table.png" alt="">
  217.                   <span>Vos boutiques</span>
  218.                  </a>
  219.                 </div>
  220.               </div>
  221.             </div>
  222.             <!-- Catagory Card -->
  223.             <div class="col-3">
  224.               <div class="card catagory-card">
  225.                 <div class="card-body px-2">
  226.                   <a href="{{path('app_boutique_Prestataires')}}"><img src="img/core-img/beach.png" alt="">
  227.                     <span>Vos prestataires</span>
  228.                   </a>
  229.                 </div>
  230.               </div>
  231.             </div>
  232.             <!-- Catagory Card 
  233.             <div class="col-3">
  234.               <div class="card catagory-card">
  235.                 <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>
  236.               </div>
  237.             </div>-->
  238.             <!-- Catagory Card 
  239.             <div class="col-3">
  240.               <div class="card catagory-card active">
  241.                 <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>
  242.               </div>
  243.             </div>-->
  244.           </div>
  245.         </div>
  246.       </div>
  247.       <!-- Flash Sale Slide -->
  248.       <div class="flash-sale-wrapper">
  249.         <div class="container">
  250.           <div class="section-heading d-flex align-items-center justify-content-between rtl-flex-d-row-r">
  251.             <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>
  252.             <!-- Please use event time this format: YYYY/MM/DD hh:mm:ss -->
  253.             <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">
  254.               <li><span class="days">0</span>d</li>
  255.               <li><span class="hours">0</span>h</li>
  256.               <li><span class="minutes">0</span>m</li>
  257.               <li><span class="seconds">0</span>s</li>
  258.             </ul>
  259.           </div>
  260.           <!-- Flash Sale Slide-->
  263.           <!-- Flash Sale Slide-->
  264.           <div class="flash-sale-slide owl-carousel">
  265.             <!-- Flash Sale Card -->
  267.             {% for listeArticles in articles %}
  269.             <div class="card flash-sale-card">
  270.               <div class="card-body">
  271.                 <a href="{{ path('app_details', {id: listeArticles.id}) }}">
  272.                   <img src="{{ vich_uploader_asset(listeArticles) | imagine_filter('version_carre_medium') }}" alt="{{ listeArticles.titre }}">
  273.                   <span class="product-title">{{ listeArticles.titre }}</span>
  274.                   <p class="sale-price">{{ listeArticles.prixdeVente  }} Fr<span class="real-price">{{ listeArticles.prixArticle }} Fr</span></p>
  275.                   <span class="progress-title">33% Sold</span>
  276.                   <!-- Progress Bar-->
  277.                   <div class="progress">
  278.                     <div class="progress-bar" role="progressbar" style="width: 33%" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100"></div>
  279.                   </div>
  280.                   </a>
  281.                 </div>
  282.             </div>
  283.             
  284.             {% endfor %}
  286.           </div>
  287.         </div>
  288.       </div>
  289.       <!-- Dark Mode 
  290.       <div class="container">
  291.         <div class="dark-mode-wrapper mt-3 bg-img p-4 p-lg-5">
  292.           <p class="text-white">You can change your display to a dark background using a dark mode.</p>
  293.           <div class="form-check form-switch mb-0">
  294.             <label class="form-check-label text-white h6 mb-0" for="darkSwitch">Switch to Dark Mode</label>
  295.             <input class="form-check-input" id="darkSwitch" type="checkbox" role="switch">
  296.           </div>
  297.         </div>
  298.       </div>
  300.       Top Products -->
  302.    <div class="top-products-area py-3">
  303.         <div class="container">
  304.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  305.             <h6>Nos boutiques</h6>
  306.             <a class="btn p-0" href="{{path('app_touteboutique')}}">Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  307.             <div class="layout-options">
  308.               <a  href="{{ path('app_indexlist') }}"><i class="fa-solid fa-list-ul"></i></a>
  309.               {#<a  href="{{path('app_indexlist')}}"><i class="fa-solid fa-list-ul"></i></a>#}
  310.               <a class="active" href="#"><i class="fa-solid fa-border-all"></i></a>
  311.             </div>
  312.           </div>
  314. <div class="row g-2">
  315.             <!-- Product Card -->
  317.  {% for ListeUserVendeur in UserVendeur %}
  319. <div class="col-6 col-md-4">
  320.               <!-- code start -->
  321. <div class="profile-area">
  322. <div class="twPc-div ">
  323.     <a class="twPc-bg twPc-block"></a>
  325.   <div>
  326.     <div class="twPc-button">
  327.             <!-- Twitter Button | you can get from: https://about.twitter.com/tr/resources/buttons#follow -->
  330.     <a href="{{ path('suivre_boutique', {id: ListeUserVendeur.id }) }}" class="js-abonne rounded " data-show-count="false" data-size="large" data-show-screen-name="false" data-dnt="true">
  332.   {% if app.user and ListeUserVendeur.BoutiqueAbonneAboutique(app.user) %}
  335.      <span class="bx bx-like btn btn-secondary suivres">
  336.       Abonné 
  338.        <span class="js-abon">( {{ ListeUserVendeur.suivres | length }} )</span>
  340.     </span>
  341.       
  342.      {% else %}
  344.       <span class="bx bx-like btn btn-info suivre">
  345.         Suivre
  346.       <span class="js-abon">( {{ ListeUserVendeur.suivres | length }} )</span>
  347.        </span>
  350.      {% endif %}
  352.      </a>
  354.     </div>
  356.     <a title="page boutique" href="#" class="twPc-avatarLink">
  357.       <img alt="Mert S. Kaplan" width="50px" src="img/bg-img/9.jpg" class="twPc-avatarImg">
  358.     </a>
  360.     <div class="twPc-divUser">
  361.       <div class="twPc-divName">
  362.         <a href="{{ path('app_boutique_vendeur', {id: ListeUserVendeur.id}) }}">
  363.           {{ ListeUserVendeur.getToutleNom }}</a>
  364.       </div>
  365.       
  366.     </div>
  368.     <div class="twPc-divStats">
  369.       <ul class="twPc-Arrange">
  370.         <li class="twPc-ArrangeSizeFit">
  371.           <a href="#" title="9.840 Tweet">
  372.             <span class="twPc-StatLabel twPc-block">Vues</span>
  373.             <span class="twPc-StatValue ">-</span>
  374.           </a>
  375.         </li>
  376.         <li class="twPc-ArrangeSizeFit">
  377.           <a href="#" title="885 Following">
  378.             <span class="twPc-StatLabel twPc-block">Suivi.es</span>
  379.             <span class="twPc-StatValue text-center">{{ ListeUserVendeur.suivres | length }}</span>
  380.           </a>
  381.         </li>
  382.         <li class="twPc-ArrangeSizeFit">
  383.           <a href="#" title="1.810 Followers">
  384.             <span class="twPc-StatLabel twPc-block">Following</span>
  385.             <span class="twPc-StatValue text-center">-</span>
  386.           </a>
  387.         </li>
  388.       </ul>
  389.     </div>
  390.   </div>
  391. </div>
  392. </div>
  393. <!-- code end -->
  394. </div>
  396. {% endfor %}
  399.   </div>
  400. </div>
  401. </div>
  405.       <!-- CTA Area -->
  406.       <div class="container">
  407.         <div class="cta-text dir-rtl p-4 p-lg-5">
  408.           <div class="row">
  409.             <div class="col-9">
  410.               <h4 class="text-white mb-1">20% de réduction sur vos premières commandes</h4>
  411.               <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>
  412.             </div>
  413.           </div><img src="img/bg-img/make-up.png" alt="">
  414.         </div>
  415.       </div>
  416.       <!-- Weekly Best Sellers-->
  417.       <div class="weekly-best-seller-area py-3">
  418.         <div class="container">
  419.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  420.             <h6>Les plus vendus</h6><a class="btn p-0" href="{{ path('app_touteboutique') }}">
  421.                Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  422.           </div>
  423.           <div class="row g-2">
  425.             {% if LesPlusVendu|length > 0 %}
  428.             {% for lesArticlesLesPlusVendu in LesPlusVendu %}
  429.             <!-- Weekly Product Card -->
  430.             <div class="col-12">
  431.               <div class="horizontal-product-card">
  432.                 <div class="d-flex align-items-center">
  433.                   <div class="product-thumbnail-side">
  434.                     <!-- Thumbnail -->
  435.                     <a class="product-thumbnail shadow-sm d-block" href="{{ path('app_details', {id: lesArticlesLesPlusVendu.id}) }}">
  436.                       <img src="{{ vich_uploader_asset(lesArticlesLesPlusVendu) | imagine_filter('version_carre_small') }}" alt=""></a>
  437.                   </div>
  438.                   <div class="product-description">
  439.                     <!-- Wishlist  -->
  440.                     <a class="wishlist-btn" href="#"><i class="fa-solid fa-heart"></i></a>
  441.                     <!-- Product Title -->
  442.                     <a class="product-title d-block" href="{{ path('app_details', {id: lesArticlesLesPlusVendu.id}) }}">{{ lesArticlesLesPlusVendu.titre }}</a>
  443.                     <!-- Price -->
  444.                     <p class="sale-price">
  445.                       <i class="fa-solid fa-money-bill"></i>{{ lesArticlesLesPlusVendu.prixdeVente  }} Fr<span>{{ lesArticlesLesPlusVendu.prixArticle }} Fr</span>
  446.                     </p>
  447.                     <!-- Rating -->
  448.                     <div class="product-rating"><i class="fa-solid fa-star"></i>4.88 <span class="ms-1">(39 notes)</span></div>
  449.                   </div>
  450.                 </div>
  451.               </div>
  452.             </div>
  454.             {% endfor %}
  456.             {% else %}
  458.           <p> aucun article n'est disponible...</p>
  460.          {% endif %}
  461.             
  462.           </div>
  463.         </div>
  464.       </div>
  465.       <!-- Discount Coupon Card-->
  466.       <div class="container">
  467.         <div class="discount-coupon-card p-4 p-lg-5 dir-rtl">
  468.           <div class="d-flex align-items-center">
  469.             <div class="discountIcon"><img class="w-100" src="img/core-img/discount.png" alt=""></div>
  470.             <div class="text-content">
  471.               <h4 class="text-white mb-1">Obtenez 20 % de réduction !</h4>
  472.               <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>
  473.             </div>
  474.           </div>
  475.         </div>
  476.       </div>
  478.       <!-- Featured Products Wrapper-->
  481.       <div class="featured-products-wrapper py-3">
  482.         <div class="container">
  483.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  484.             <h6>Produits dans les boutiques ({{ articles|length }})</h6><a class="btn p-0" href="{{path('app_plusvendus')}}">Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  485.           </div>
  487.           <div class="row g-2">
  489.    {% if articles|length > 0 %}
  491.        {% for listeArticles in articles %}
  493.             <!-- Featured Product Card-->
  494.             <div class="col-4">
  495.               <div class="card featured-product-card">
  496.                 <div class="card-body">
  497.                   <!-- Badge-->
  498.                   <span class="badge badge-warning custom-badge">
  499.                   <i class="fa-solid fa-star"></i></span>
  500.                   <div class="product-thumbnail-side">
  501.                     <!-- Thumbnail -->
  502.                     <a class="product-thumbnail d-block" href="{{ path('app_details', {id: listeArticles.id}) }}">
  503.                       <img src="{{ vich_uploader_asset(listeArticles) | imagine_filter('version_carre_medium') }}" alt="{{ listeArticles.titre }}">
  504.                     </a>
  505.                   </div>
  506.                   <div class="product-description">
  507.                     <!-- Product Title -->
  508.                     <a class="product-title d-block" href="#">{{ listeArticles.titre }}</a>
  509.                     <!-- Price -->
  510.                     <p class="sale-price">
  511.                       {{ listeArticles.prixdeVente }} Fr
  512.                       <span>{{ listeArticles.prixArticle }} Fr</span>
  513.                     </p>
  514.                   </div>
  515.                 </div>
  516.               </div>
  517.             </div>
  519.       {% endfor %}
  521.  {% else %}
  523.   <p> aucun article n'est disponible...</p>
  525.  {% endif %}
  526.             
  527.             
  528.           </div>
  529.         </div>
  530.       </div>
  533.       <div class="pb-3">
  534.         <div class="container">
  535.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  536.             <h6>Catégories</h6><a class="btn p-0" href="#">
  537.                Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  538.           </div>
  539.           <!-- Collection Slide-->
  540.           <div class="collection-slide owl-carousel">
  541.             <!-- Collection Card-->
  542.             <div class="card collection-card">
  543.               <a href="{{path('app_boutique_categorie')}}">
  544.                 <img src="img/core-img/woman-clothes.png" alt=""></a>
  545.               <div class="collection-title">
  546.                 <span>Vos magasins</span>
  547.                 <span class="badge bg-danger">9</span>
  548.               </div>
  549.             </div>
  550.             <!-- Collection Card-->
  551.             <div class="card collection-card">
  552.               <a href="{{path('app_boutique_esthetique')}}"><img src="img/core-img/shampoo.png" alt=""></a>
  553.               <div class="collection-title">
  554.                 <span>Esthétique...</span><span class="badge bg-danger">29</span>
  555.               </div>
  556.             </div>
  557.             <!-- Collection Card-->
  558.             <div class="card collection-card">
  559.               <a href="{{path('app_boutique_Boutiques')}}">
  560.                 <img src="img/core-img/tv-table.png" alt=""></a>
  561.               <div class="collection-title"><span>Vos Boutiques</span>
  562.                 <span class="badge bg-danger">4</span></div>
  563.             </div>
  564.             <!-- Collection Card-->
  565.             <div class="card collection-card">
  566.               <a href="{{path('app_boutique_Prestataires')}}"><img src="img/core-img/beach.png" alt=""></a>
  567.               <div class="collection-title"><span>Vos prestataires</span>
  568.                 <span class="badge bg-danger">11</span></div>
  569.             </div>
  570.             
  571.           </div>
  572.         </div>
  573.       </div>
  574.     </div>
  575.     <!-- Internet Connection Status-->
  576.     <div class="internet-connection-status" id="internetStatus"></div>
  577.     <!-- Footer Nav-->
  580.     {% include 'main/footer.html.twig' %}
  581.     
  582.     {% if app.user and app.user.compte == 'client' %}
  584.       {% include 'main/footerparticulier.html.twig' %}
  586.     {% elseif app.user and app.user.compte == 'vendeur' %}
  588.     {% include 'main/footer.html.twig' %}
  590.     <a href="{{ path('app_ajouterProduit') }}">
  591.       <div data-js="back-top" class="back-top">
  592.       
  593.         <img src="img/plus.png" width="110px"  alt="">
  594.      </div>
  595.     </a>
  597.   {% else %}
  599.    
  601.   {% endif %}
  603.  {% endblock %}
  606.         {% block javascripts %}
  607.             {{ encore_entry_script_tags('app') }}
  609.       <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  611.      <script src="js/djoumaf/abonnecode.js"> </script>  
  613.    <!-- All JavaScript Files-->
  614.     <script src="{{asset('js/bootstrap.bundle.min.js')}}"></script>
  615.     <script src="{{asset('js/jquery.min.js')}}"></script>
  616.     <script src="{{asset('js/waypoints.min.js')}}"></script>
  617.     <script src="{{asset('js/jquery.easing.min.js')}}"></script>
  618.     <script src="{{asset('js/owl.carousel.min.js')}}"></script>
  619.     <script src="{{asset('js/jquery.magnific-popup.min.js')}}"></script>
  620.     <script src="{{asset('js/jquery.counterup.min.js')}}"></script>
  621.     <script src="{{asset('js/jquery.countdown.min.js')}}"></script>
  622.     <script src="{{asset('js/jquery.passwordstrength.js')}}"></script>
  623.     <script src="{{asset('js/jquery.nice-select.min.js')}}"></script>
  624.     <script src="{{asset('js/theme-switching.js')}}"></script>
  625.     <script src="{{asset('js/no-internet.js')}}"></script>
  626.     <script src="{{asset('js/active.js')}}"></script>
  627.     <script src="{{asset('js/pwa.js')}}"></script>
  630.     {% endblock %}
  631.     
  632.   </body>
  633. </html>