templates/base.html.twig line 1

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>Aid Market - Publicité des boutiques</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">
  61.           <a href="#">
  62.           <img src="img/core-img/logo-small.png" alt="">
  63.          </a>
  64.         </div>
  68.         <div class="navbar-logo-container d-flex align-items-center">
  69.           <!-- Cart Icon -->
  71.            {% if app.user %}
  73.           <div class="cart-icon-wrap">
  74.             <a href="{{ path('cart_index') }}">
  75.               <i class="fa-solid fa-bag-shopping"></i><span>
  77.               ({{ totalItems > 1 ? totalItems ~ ' ' : totalItems ~ ' ' }})
  79.             </span></a>
  80.             </div>
  81.           <div class="user-profile-icon ms-2">
  82.             <a href="#">
  83.               <img src="img/bg-img/icon.jpg" alt="">
  84.             </a>
  85.           </div>
  86.           
  87.           <!-- Navbar Toggler -->
  88.           <div class="suha-navbar-toggler ms-2" data-bs-toggle="offcanvas" data-bs-target="#suhaOffcanvas" aria-controls="suhaOffcanvas">
  89.             <div><span></span><span></span><span></span></div>
  90.           </div>
  92.           <!-- PWA Install Alert -->
  93.     <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">
  94.       <div class="toast-body">
  95.        
  96.        <p> Bienvenue !</p>
  97.         <span class="mb-0 d-block">
  98.           {% include 'flashMessage/flash.html.twig' %}
  99.         </span>
  101.       </div>
  102.      </div>
  104.         {% else %}
  106.           <!-- Navbar Toggler -->
  107.           <div class="cart-icon-wrap">
  108.             <a href="{{ path('cart_index') }}">
  109.               <i class="fa-solid fa-bag-shopping"></i><span>
  111.               {{ totalItems }}
  113.             </span></a>
  114.             </div>
  115.           <div class="suha-navbar-toggler ms-2" data-bs-toggle="offcanvas" data-bs-target="#suhaOffcanvas" aria-controls="suhaOffcanvas">
  116.             <div><span></span><span></span><span></span></div>
  117.           </div>
  119.         {% endif %}
  121.         </div>
  125.       </div>
  126.     </div>
  129.     {% include 'main/menu.html.twig' %}
  131.     
  132.     <div class="page-content-wrapper">
  133.       <!-- Search Form-->
  134.    
  135.       <div class="container-fluid ">
  136.         <div class="search-form pt-3 rtl-flex-d-row-r">
  137.           <form action="{{ path('searchSection') }}" method="">
  138.             <input class="form-control" type="search" placeholder="Recherche dans AidMarket">
  139.             <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
  140.           </form>
  141.           
  142.         </div>
  143.       </div>
  145.       <!-- Hero Wrapper -->
  147.       {% include 'flashMessage/flash.html.twig' %}
  149.       <div class="hero-wrapper">
  150.         <div class="container">
  151.           <div class="pt-3">
  152.             <!-- Hero Slides-->
  153.             <div class="hero-slides  owl-carousel">
  154.               <!-- Single Hero Slide-->
  155.               <div class="single-hero-slide active" 
  156.                  style="background-image: url({{ asset('img/bg-img/1.jpg')  }})">
  157.                 <div class="slide-content h-100 d-flex align-items-center">
  158.                   <div class="slide-text">
  159.                     <h4 class="text-white mb-0" data-animation="fadeInUp" data-delay="1000ms" data-duration="1000ms">AidMarket</h4>
  160.                     <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>
  161.                   </div>
  162.                 </div>
  163.               </div>
  164.               <!-- Single Hero Slide-->
  165.               <div class="single-hero-slide" 
  166.               style="background-image: url({{ asset('img/bg-img/2.jpg')  }})">
  167.                 <div class="slide-content h-100 d-flex align-items-center">
  168.                   <div class="slide-text">
  169.                     <h4 class="text-white mb-0" data-animation="fadeInUp" data-delay="1000ms" data-duration="1000ms">AidMarket</h4>
  170.                     <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>
  171.                   </div>
  172.                 </div>
  173.               </div>
  174.               <!-- Single Hero Slide-->
  175.               <div class="single-hero-slide" 
  176.                  style="background-image: url( {{ asset('img/bg-img/14.jpg') }})"
  177.                  >
  178.                 <div class="slide-content h-100 d-flex align-items-center">
  179.                   <div class="slide-text">
  180.                     <h4 class="text-white mb-0" data-animation="fadeInUp" data-delay="1000ms" data-duration="1000ms">AidMarket</h4>
  181.                     <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>
  182.                   </div>
  183.                 </div>
  184.               </div>
  185.             </div>
  186.           </div>
  187.         </div>
  188.       </div>
  190.       <!-- Product Catagories -->
  191.       <div class="product-catagories-wrapper py-3">
  192.         <div class="container">
  193.           <div class="row g-2 rtl-flex-d-row-r">
  194.             <!-- Catagory Card -->
  195.             <div class="col-3">
  196.               <div class="card catagory-card">
  197.                 <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>
  198.               </div>
  199.             </div>
  200.             <!-- Catagory Card 
  201.             <div class="col-3">
  202.               <div class="card catagory-card">
  203.                 <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>
  204.               </div>
  205.             </div>-->
  206.             <!-- Catagory Card -->
  207.             <div class="col-3">
  208.               <div class="card catagory-card">
  209.                 <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>
  210.               </div>
  211.             </div>
  212.             <!-- Catagory Card 
  213.             <div class="col-3">
  214.               <div class="card catagory-card">
  215.                 <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>
  216.               </div>
  217.             </div>-->
  218.             <!-- Catagory Card -->
  219.             <div class="col-3">
  220.               <div class="card catagory-card">
  221.                 <div class="card-body px-2">
  222.                   <a href="{{path('app_boutique_Boutiques')}}">
  223.                   <img src="img/core-img/tv-table.png" alt="">
  224.                   <span>Vos boutiques</span>
  225.                  </a>
  226.                 </div>
  227.               </div>
  228.             </div>
  229.             <!-- Catagory Card -->
  230.             <div class="col-3">
  231.               <div class="card catagory-card">
  232.                 <div class="card-body px-2">
  233.                   <a href="{{path('app_boutique_Prestataires')}}"><img src="img/core-img/beach.png" alt="">
  234.                     <span>Vos prestataires</span>
  235.                   </a>
  236.                 </div>
  237.               </div>
  238.             </div>
  240.             <!-- Catagory Card 
  241.             <div class="col-3">
  242.               <div class="card catagory-card">
  243.                 <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>
  244.               </div>
  245.             </div>-->
  246.             <!-- Catagory Card 
  247.             <div class="col-3">
  248.               <div class="card catagory-card active">
  249.                 <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>
  250.               </div>
  251.             </div>-->
  252.             
  253.           </div>
  254.         </div>
  255.       </div>
  256.       <!-- Flash Sale Slide -->
  257.       <div class="flash-sale-wrapper">
  258.         <div class="container">
  259.           <div class="section-heading d-flex align-items-center justify-content-between rtl-flex-d-row-r">
  260.             <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>
  261.             <!-- Please use event time this format: YYYY/MM/DD hh:mm:ss -->
  262.             <!--<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">
  263.               <li><span class="days">0</span>d</li>
  264.               <li><span class="hours">0</span>h</li>
  265.               <li><span class="minutes">0</span>m</li>
  266.               <li><span class="seconds">0</span>s</li>
  267.             </ul>-->
  268.           </div>
  272.           <!-- Flash Sale Slide-->
  273.           <div class="flash-sale-slide owl-carousel">
  274.             <!-- Flash Sale Card -->
  276.            {# {% for listeArticles in articles %}
  278.             <div class="card flash-sale-card">
  279.               <div class="card-body">
  280.                 <a href="{{ path('app_details', {id: listeArticles.id}) }}">
  281.                   <img src="{{ vich_uploader_asset(listeArticles) | imagine_filter('version_carre_medium') }}" alt="{{ listeArticles.titre }}">
  282.                   <span class="product-title">{{ listeArticles.titre }}</span>
  283.                   <p class="sale-price">{{ listeArticles.prixdeVente }} Fr<span class="real-price">{{ listeArticles.prixArticle  }} Fr</span></p>
  284.                   <span class="progress-title">33% Sold</span>
  285.                   <!-- Progress Bar-->
  286.                   <div class="progress">
  287.                     <div class="progress-bar" role="progressbar" style="width: 33%" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100"></div>
  288.                   </div>
  289.                   </a>
  290.                 </div>
  291.             </div>
  292.             
  293.             {% endfor %} #}
  295.           </div>
  296.         </div>
  297.       </div>
  298.       <!-- Dark Mode 
  299.       <div class="container">
  300.         <div class="dark-mode-wrapper mt-3 bg-img p-4 p-lg-5">
  301.           <p class="text-white">You can change your display to a dark background using a dark mode.</p>
  302.           <div class="form-check form-switch mb-0">
  303.             <label class="form-check-label text-white h6 mb-0" for="darkSwitch">Switch to Dark Mode</label>
  304.             <input class="form-check-input" id="darkSwitch" type="checkbox" role="switch">
  305.           </div>
  306.         </div>
  307.       </div>
  309.       Top Products -->
  311.    <div class="top-products-area py-3">
  312.         <div class="container">
  313.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  314.             <h6>Nos boutiques</h6>
  315.             <a class="btn p-0" href="{{path('app_touteboutique')}}">Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  316.             <div class="layout-options">
  317.               <a  href="{{ path('app_indexlist') }}"><i class="fa-solid fa-list-ul"></i></a>
  318.               {#<a  href="{{path('app_indexlist')}}"><i class="fa-solid fa-list-ul"></i></a>#}
  319.               <a class="active" href="#"><i class="fa-solid fa-border-all"></i></a>
  320.             </div>
  321.           </div>
  323. <div class="row g-2">
  324.             <!-- Product Card -->
  326.  {% for ListeUserVendeur in UserVendeur %}
  328. <div class="col-6 col-md-4">
  329.               <!-- code start -->
  330. <div class="profile-area">
  331. <div class="twPc-div ">
  332.     <a class="twPc-bg twPc-block"></a>
  334.   <div>
  335.     <div class="twPc-button">
  336.             <!-- Twitter Button | you can get from: https://about.twitter.com/tr/resources/buttons#follow -->
  338.            
  339. {% if  app.user and app.user.suivres == 'suivre' %}
  341.   <a href="#" class="desabled btn btn-secondary rounded "  data-size="large" data-show-screen-name="true" data-dnt="false">
  342.   
  343.   <span class="bx bx-like">Abonné </span>
  345.  </a>
  347. {% else  %}
  350.         <a href="#" class="desabled btn btn-info rounded " data-show-count="false" data-size="large" data-show-screen-name="false" data-dnt="true" data-bs-toggle="modal" data-bs-target="#myModaler">
  351.           <span class="bx bx-like">Suivre </span>
  353.        </a>
  355.                 <!-- Twitter Button --> 
  356. {% endif %} 
  358.     </div>
  360.     <a title="page boutique" href="{{ path('app_boutique_vendeur', {id: ListeUserVendeur.id}) }}" class="twPc-avatarLink">
  361.       <img alt="Images des boutiques" width="50px" src="img/icon.jpg" class="twPc-avatarImg">
  362.     </a>
  364.     <div class="twPc-divUser">
  365.       <div class="twPc-divName">
  366.         <a href="{{ path('app_boutique_vendeur', {id: ListeUserVendeur.id}) }}">
  367.           {{ ListeUserVendeur.nomBoutique }}</a>
  369.       </div>
  370.       
  371.     </div>
  373.     <div class="twPc-divStats">
  374.       <ul class="twPc-Arrange">
  375.         <li class="twPc-ArrangeSizeFit">
  376.           <a href="#" title="9.840 Tweet">
  377.             <span class="twPc-StatLabel twPc-block">Vues</span>
  378.             <span class="twPc-StatValue ">-</span>
  379.           </a>
  380.         </li>
  381.         <li class="twPc-ArrangeSizeFit">
  382.           <a href="#" title="885 Following">
  383.             <span class="twPc-StatLabel twPc-block">Suivi.es</span>
  384.             <span class="twPc-StatValue text-center">-</span>
  385.           </a>
  386.         </li>
  387.         <li class="twPc-ArrangeSizeFit">
  388.           <a href="#" title="1.810 Followers">
  389.             <span class="twPc-StatLabel twPc-block">Following</span>
  390.             <span class="twPc-StatValue text-center">-</span>
  391.           </a>
  392.         </li>
  393.       </ul>
  394.     </div>
  395.   </div>
  396. </div>
  397. </div>
  398. <!-- code end -->
  399. </div>
  401. {% endfor %}
  404.   </div>
  405. </div>
  406. </div>
  409. <div class="modal" id="myModaler">
  410.   <div class="modal-dialog modal-dialog-centered">
  411.     <div class="modal-content">
  413.       <!-- Modal Header -->
  414.       <div class="modal-header">
  415.         <h4 class="modal-title">Veuillez créer un compte</h4>
  416.         <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
  417.       </div>
  419.       <!-- Modal body -->
  420.       <div class="modal-body">
  421.         <a href="{{ path('app_particulier') }}" class="btn btn-primary"> Compte particulier</a>
  422.         <a href="{{ path('app_auth') }}" class="btn btn-primary"> Compte Etablissement</a>
  423.       </div>
  425.       <!-- Modal footer -->
  426.       <div class="modal-footer">
  427.         <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button>
  428.       </div>
  430.     </div>
  431.   </div>
  432. </div>
  436.       <!-- CTA Area -->
  437.       <div class="container">
  438.         <div class="cta-text dir-rtl p-4 p-lg-5">
  439.           <div class="row">
  440.             <div class="col-9">
  441.               <h4 class="text-white mb-1">20% de réduction sur vos premières commandes</h4>
  442.               <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>
  443.             </div>
  444.           </div><img src="img/bg-img/make-up.png" alt="">
  445.         </div>
  446.       </div>
  447.       <!-- Weekly Best Sellers-->
  448.       <div class="weekly-best-seller-area py-3">
  449.         <div class="container">
  450.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  451.             <h6>Les plus vendus</h6>
  452.             <a class="btn p-0" href="{{path('app_plusvendus')}}">
  453.                Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  454.           </div>
  455.           <div class="row g-2">
  457.             {% if LesPlusVendu|length > 0 %}
  460.             {% for lesArticlesLesPlusVendu in LesPlusVendu %}
  461.             <!-- Weekly Product Card -->
  462.             <div class="col-12">
  463.               <div class="horizontal-product-card">
  464.                 <div class="d-flex align-items-center">
  465.                   <div class="product-thumbnail-side">
  466.                     <!-- Thumbnail -->
  467.                     <a class="product-thumbnail shadow-sm d-block" href="{{ path('app_details', {id: lesArticlesLesPlusVendu.id}) }}">
  468.                       <img src="{{ vich_uploader_asset(lesArticlesLesPlusVendu) | imagine_filter('version_carre_small') }}" alt=""></a>
  469.                   </div>
  470.                   <div class="product-description">
  471.                     <!-- Wishlist  -->
  472.                     <a class="wishlist-btn" href="#"><i class="fa-solid fa-heart"></i></a>
  473.                     <!-- Product Title -->
  474.                     <a class="product-title d-block" href="{{ path('app_details', {id: lesArticlesLesPlusVendu.id}) }}">{{ lesArticlesLesPlusVendu.titre }}</a>
  475.                     <!-- Price -->
  476.                     <p class="sale-price">
  477.                       <i class="fa-solid fa-money-bill"></i>{{ lesArticlesLesPlusVendu.prixdeVente }} Fr<span>{{ lesArticlesLesPlusVendu.prixArticle }} Fr</span>
  478.                     </p>
  479.                     <!-- Rating 
  480.                     <div class="product-rating"><i class="fa-solid fa-star"></i>4.88 <span class="ms-1">(39 notes)</span></div>-->
  481.                   </div>
  482.                 </div>
  483.               </div>
  484.             </div>
  486.             {% endfor %}
  488.             {% else %}
  490.           <p> aucun article n'est disponible...</p>
  492.          {% endif %}
  493.             
  494.           </div>
  495.         </div>
  496.       </div>
  497.       <!-- Discount Coupon Card-->
  498.       <div class="container">
  499.         <div class="discount-coupon-card p-4 p-lg-5 dir-rtl">
  500.           <div class="d-flex align-items-center">
  501.             <div class="discountIcon"><img class="w-100" src="img/core-img/discount.png" alt=""></div>
  502.             <div class="text-content">
  503.               <h4 class="text-white mb-1">Obtenez 20 % de réduction !</h4>
  504.               <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>
  505.             </div>
  506.           </div>
  507.         </div>
  508.       </div>
  510.       <!-- Featured Products Wrapper-->
  513.       <div class="featured-products-wrapper py-3">
  514.         <div class="container">
  515.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  516.             <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>
  517.           </div>
  519.           <div class="row g-2">
  521.    {% if articles|length > 0 %}
  523.        {% for listeArticles in articles %}
  525.             <!-- Featured Product Card-->
  526.             <div class="col-4">
  527.               <div class="card featured-product-card">
  528.                 <div class="card-body">
  529.                   
  530.                   <div class="product-thumbnail-side">
  531.                     <!-- Thumbnail -->
  532.                     <a class="product-thumbnail d-block" href="{{ path('app_details', {id: listeArticles.id}) }}">
  533.                       <img src="{{ vich_uploader_asset(listeArticles) | imagine_filter('version_carre_medium') }}" alt="{{ listeArticles.titre }}">
  534.                     </a>
  535.                   </div>
  536.                   <div class="product-description">
  537.                     <!-- Product Title -->
  538.                     <a class="product-title d-block" href="#">{{ listeArticles.titre }}</a>
  539.                     <!-- Price -->
  540.                     <p class="sale-price">
  541.                       {{ listeArticles.prixdeVente }} Fr
  542.                       <span>{{ listeArticles.prixArticle }} Fr</span>
  543.                     </p>
  544.                   </div>
  545.                 </div>
  546.               </div>
  547.             </div>
  549.       {% endfor %}
  551.  {% else %}
  553.   <p> aucun article n'est disponible...</p>
  555.  {% endif %}
  556.             
  557.             
  558.           </div>
  559.         </div>
  560.       </div>
  563.       <div class="pb-3">
  564.         <div class="container">
  565.           <div class="section-heading d-flex align-items-center justify-content-between dir-rtl">
  566.             <h6>Catégories</h6><a class="btn p-0" href="#">
  567.                Voir plus<i class="ms-1 fa-solid fa-arrow-right-long"></i></a>
  568.           </div>
  569.           <!-- Collection Slide-->
  570.           <div class="collection-slide owl-carousel">
  571.             <!-- Collection Card-->
  572.             <div class="card collection-card">
  573.               <a href="{{path('app_boutique_categorie')}}">
  574.                 <img src="img/core-img/woman-clothes.png" alt=""></a>
  575.               <div class="collection-title">
  576.                 <span>Vos magasins</span>
  577.                 <span class="badge bg-danger">9</span>
  578.               </div>
  579.             </div>
  580.             <!-- Collection Card-->
  581.             <div class="card collection-card">
  582.               <a href="{{path('app_boutique_esthetique')}}">
  583.                 <img src="img/core-img/shampoo.png" alt="">
  584.               </a>
  585.               <div class="collection-title">
  586.                 <span>Esthétique...</span><span class="badge bg-danger">29</span>
  587.               </div>
  588.             </div>
  589.             <!-- Collection Card-->
  590.             <div class="card collection-card">
  591.               <a href="{{path('app_boutique_Boutiques')}}">
  592.                 <img src="img/core-img/tv-table.png" alt=""></a>
  593.               <div class="collection-title"><span>Vos Boutiques</span>
  594.                 <span class="badge bg-danger">4</span></div>
  595.             </div>
  596.             <!-- Collection Card-->
  597.             <div class="card collection-card">
  598.               <a href="{{path('app_boutique_Prestataires')}}"><img src="img/core-img/beach.png" alt=""></a>
  599.               <div class="collection-title"><span>Vos prestataires</span>
  600.                 <span class="badge bg-danger">11</span></div>
  601.             </div>
  602.             
  603.           </div>
  604.         </div>
  605.       </div>
  606.     </div>
  607.     <!-- Internet Connection Status-->
  608.     <div class="internet-connection-status" id="internetStatus"></div>
  609.     <!-- Footer Nav-->
  611.     {% include 'main/footer.html.twig' %}
  613.     {% if app.user and app.user.compte == 'client' %}
  615.       {% include 'main/footerparticulier.html.twig' %}
  617.     {% elseif app.user and app.user.compte == 'vendeur' %}
  619.     {% include 'main/footer.html.twig' %}
  621.     <a href="{{ path('app_ajouterProduit') }}">
  622.       <div data-js="back-top" class="back-top">
  623.       
  624.         <img src="img/plus.png" width="110px"  alt="">
  625.      </div>
  626.     </a>
  628.   {% else %}
  630.    
  632.   {% endif %}
  635.  {% endblock %}
  638.         {% block javascripts %}
  639.             {{ encore_entry_script_tags('app') }}
  640.  
  641.    <!-- All JavaScript Files-->
  642.     <script src="{{asset('js/bootstrap.bundle.min.js')}}"></script>
  643.     <script src="{{asset('js/jquery.min.js')}}"></script>
  644.     <script src="{{asset('js/waypoints.min.js')}}"></script>
  645.     <script src="{{asset('js/jquery.easing.min.js')}}"></script>
  646.     <script src="{{asset('js/owl.carousel.min.js')}}"></script>
  647.     <script src="{{asset('js/jquery.magnific-popup.min.js')}}"></script>
  648.     <script src="{{asset('js/jquery.counterup.min.js')}}"></script>
  649.     <script src="{{asset('js/jquery.countdown.min.js')}}"></script>
  650.     <script src="{{asset('js/jquery.passwordstrength.js')}}"></script>
  651.     <script src="{{asset('js/jquery.nice-select.min.js')}}"></script>
  652.     <script src="{{asset('js/theme-switching.js')}}"></script>
  653.     <script src="{{asset('js/no-internet.js')}}"></script>
  654.     <script src="{{asset('js/active.js')}}"></script>
  655.     <script src="{{asset('js/pwa.js')}}"></script>
  657.     <script>
  658.               
  659.       (function ($) {
  661.     var $backTop = $('[data-js="back-top"]'),
  662.            posScroll = 0;
  664.     function scrollToTop () {
  665.          posScroll = $(document).scrollTop();
  667.          if (posScroll >= 0) {
  668.              $backTop.fadeIn();
  669.          } else {
  670.              $backTop.fadeOut();
  671.          }
  672.     }
  674.     scrollToTop();
  676.     $(window).scroll(scrollToTop);
  678. })(jQuery);
  679.             </script>
  681.     {% endblock %}
  682.     
  683.   </body>
  684. </html>