templates/main/boutique-vendeur.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 - Multipurpose Ecommerce Mobile HTML Template</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.     <!-- Web App Manifest -->
  42.     <link rel="manifest" href="{{asset('js/manifest.json')}}">
  44.     {% endblock %}
  46.   </head>
  47.   <body>
  49.     {% block body %}
  51.     <!-- Header Area-->
  52.     <div class="header-area" id="headerArea">
  53.       <div class="container h-100 d-flex align-items-center justify-content-between rtl-flex-d-row-r">
  54.         <!-- Back Button-->
  56.         {% if app.user and app.user.compte == 'client' %}
  58.         <div class="back-button me-2">
  59.           <a href="{{path('app_main_particulier')}}">
  60.           <i class="fa-solid fa-arrow-left-long"></i>
  61.          </a>
  62.        </div>
  64.        {% elseif app.user and app.user.compte == 'vendeur' %}
  66.         <div class="back-button me-2">
  67.           <a href="{{path('app_main')}}">
  68.           <i class="fa-solid fa-arrow-left-long"></i>
  69.          </a>
  70.        </div>
  72.        {% else %}
  74.       <div class="back-button me-2">
  75.         <a href="{{ path('app_main')}}"><i class="fa-solid fa-arrow-left-long"></i></a>
  76.       </div>
  78.       {% endif %}
  80.         
  81.         <!-- Page Title-->
  82.         <div class="page-heading">
  83.           <h6 class="mb-0">Bienvenue sur votre espace {{ vendeur.getToutleNom }} </h6>
  84.         </div>
  85.         <!-- Navbar Toggler-->
  86.         <div class="suha-navbar-toggler ms-2" data-bs-toggle="offcanvas" data-bs-target="#suhaOffcanvas" aria-controls="suhaOffcanvas">
  87.           <div><span></span><span></span><span></span></div>
  88.         </div>
  89.       </div>
  90.     </div>
  91.    <div class="offcanvas offcanvas-start suha-offcanvas-wrap" tabindex="-1" id="suhaOffcanvas" aria-labelledby="suhaOffcanvasLabel">
  92.       <!-- Close button-->
  93.       <button class="btn-close btn-close-white" type="button" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  94.       <!-- Offcanvas body-->
  95.       <div class="offcanvas-body">
  96.         <!-- Sidenav Profile-->
  97.         <div class="sidenav-profile">
  98.           <div class="user-profile"><img src="img/inconnu.jpg" alt=""></div>
  99.           
  100.           <!-- profil connecté 
  101.           <div class="user-profile"><img src="img/bg-img/9.jpg" alt=""></div>
  102.           <div class="user-info">
  103.             <h5 class="user-name mb-1 text-white">Aide Market</h5>
  104.             <p class="available-balance text-white">Nombre de visite : <span class="counter">499</span></p>
  105.           </div>-->
  106.         </div>
  107.         <!-- Sidenav Nav avec un compte
  108.         <ul class="sidenav-nav ps-0">
  109.           <li><a href="profile.html"><i class="fa-solid fa-user"></i>Mon Profil</a></li>
  110.           <li><a href="notifications.html"><i class="fa-solid fa-bell lni-tada-effect"></i>Notifications<span class="ms-1 badge badge-warning">3</span></a></li>
  111.           <li class="suha-dropdown-menu"><a href="#"><i class="fa-solid fa-store"></i>Shop Pages</a>
  112.             <ul>
  113.               <li><a href="shop-grid.html">Shop Grid</a></li>
  114.               <li><a href="shop-list.html">Shop List</a></li>
  115.               <li><a href="single-product.html">Product Details</a></li>
  116.               <li><a href="featured-products.html">Featured Products</a></li>
  117.               <li><a href="flash-sale.html">Flash Sale</a></li>
  118.             </ul>
  119.           </li>
  120.           <li><a href="pages.html"><i class="fa-solid fa-file-code"></i>All Pages</a></li>
  121.           <li class="suha-dropdown-menu"><a href="wishlist-grid.html"><i class="fa-solid fa-heart"></i>My Wishlist</a>
  122.             <ul>
  123.               <li><a href="wishlist-grid.html">Wishlist Grid</a></li>
  124.               <li><a href="wishlist-list.html">Wishlist List</a></li>
  125.             </ul>
  126.           </li>
  127.           <li><a href="settings.html"><i class="fa-solid fa-sliders"></i>Settings</a></li>
  128.           <li><a href="intro.html"><i class="fa-solid fa-toggle-off"></i>Sign Out</a></li>
  129.         </ul> -->
  131.         <!-- Sidenav Nav sans compte -->
  132.         <ul class="sidenav-nav ps-0">
  133.           <li><a href="#"><i class="fa-solid fa-user"></i>S'inscrire</a></li>
  134.           <li><a href="#"><i class="fa-solid fa-user"></i>Se connecter</a></li>
  135.           <li><a href="#"><i class="fa-solid fa-bell lni-tada-effect">
  136.             
  137.           </i>Notifications<span class="ms-1 badge badge-warning">3</span></a></li>
  138.           <li><a href="#"><i class="fa-solid fa-store"></i>Créer ma boutique</a>
  139.             
  140.           </li>
  141.           <li><a href="#"><i class="fa-solid fa-file-code"></i>Condition d'utilisation</a></li>
  142.           
  143.           
  144.         </ul>
  145.       </div>
  146.     </div>
  147.     <div class="page-content-wrapper pb-3">
  148.       <!-- Vendor Details Wrap -->
  149.       <div class="vendor-details-wrap bg-img bg-overlay py-4" style="background-image: url('img/bg-img/15.jpg')">
  150.         <div class="container"> <br><br><br><br><br><br>
  151.           <div class="d-flex align-items-start mt-4">
  152.             <!-- Vendor Profile-->
  153.             <div class="vendor-profile shadow me-3 mt-1">
  154.               <figure class="m-0"><img src="{{ vendeur.nomBoutique }}" alt=""></figure>
  155.             </div>
  156.             <!-- Vendor Info-->
  157.             <div class="vendor-info">
  158.               <h5 class="vendor-title text-white">{{ vendeur.nomBoutique }}</h5>
  159.               <p class="mb-1 text-white"><i class="fa-solid fa-location-dot me-1"></i>{{ vendeur.geolocalisation }}</p>
  160.               <div class="ratings lh-1"><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><i class="fa-solid fa-star"></i><span class="text-white">(Bon vendeur)</span></div>
  161.             </div>
  162.           </div>
  163.           <!-- Vendor Basic Info
  164.           <div class="vendor-basic-info d-flex align-items-center justify-content-between mt-4">
  165.             <div class="single-basic-info">
  166.               <div class="icon"><i class="fa-solid fa-shield"></i></div><span>Vendeur de confiance</span>
  167.             </div>
  168.             <div class="single-basic-info">
  169.               <div class="icon"><i class="fa-solid fa-bag-shopping"></i></div><span>100+ produits</span>
  170.             </div>
  171.             <div class="single-basic-info">
  172.               <div class="icon"><i class="fa-solid fa-ship"></i></div><span>Plusieurs produits livrés</span>
  173.             </div>
  174.           </div>-->
  175.         </div>
  176.       </div>
  177.       <!-- Vendor Tabs -->
  178.       <div class="vendor-tabs">
  179.         <div class="container">
  180.           <ul class="nav nav-tabs mb-3" id="vendorTab" role="tablist">
  181.             <li class="nav-item" role="presentation">
  182.               <button class="nav-link" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">A propos</button>
  183.             </li>
  184.             <li class="nav-item" role="presentation">
  185.               <button class="nav-link active" id="products-tab" data-bs-toggle="tab" data-bs-target="#products" type="button" role="tab" aria-controls="products" aria-selected="false">Produits</button>
  186.             </li>
  188.            {% if vendeur.articles|length > 0  %}
  190.             <li class="nav-item" >
  191.               <a href="{{ path('parametre_des_articles') }}" class="nav-link" id="reviews-tab" aria-controls="reviews"> Paramètre des articles </a>
  192.             </li>
  194.             {% else %}
  196.             <li class="nav-item" >
  197.               <a href="{{ path('app_vendeur_tchat') }}" class="nav-link" id="reviews-tab" aria-controls="reviews">Echanger <i class="fa-brands fa-facebook-messenger"></i></a>
  198.             </li>
  200.               {% endif %} 
  202.               {#
  204.               <li class="nav-item">
  205.               <a href="{{ path('app_vendeur_tchat') }}" class="nav-link" id="reviews-tab" aria-controls="reviews">Echanger <i class="fa-brands fa-facebook-messenger"></i>
  206.               </a>
  207.             </li> 
  208.             #}
  210.           </ul>
  211.         </div>
  212.       </div>
  213.       <div class="tab-content" id="vendorTabContent">
  214.         <div class="tab-pane fade" id="home" role="tabpanel" aria-labelledby="home-tab">
  215.           <div class="container">
  216.             <div class="card">
  217.               <div class="card-body about-content-wrap dir-rtl">
  218.                 <h6>Description de votre boutique</h6>
  219.                 <p>{{ vendeur.description }}</p>
  220.                 <ul class="mb-3 ps-3">
  221.                   <li><i class="fa-solid fa-circle-check me-1"></i>Votre contact : {{ vendeur.numero }} </li>
  222.                   <li><i class="fa-solid fa-circle-check me-1"></i>Votre e-mail : {{ vendeur.email }} </li>
  223.                   <li><i class="fa-solid fa-circle-check me-1"></i>Catégorie : {{ vendeur.categorie }} </li>
  225.                   <li><i class="fa-solid fa-circle-check me-1"></i>Date d'inscription : {{ vendeur.datedeCreations|date("d/m/Y") }} </li>
  227.                   <li class="alert alert-success">
  228.                     <i class="fa-solid fa-circle-check me-1"></i>Situation Géographique : {{ vendeur.geolocalisation }}
  229.                    </li>
  231.                 </ul>
  233.                 <div class="contact-btn-wrap text-center">
  234.                   <p class="mb-2">
  235.                    <a href="{{ path('app_modifProfilVendeur', {id: vendeur.id}) }}" 
  236.                    class="btn btn-primary"> Mettre à jour mon profil</a> 
  237.                   </p>
  238.                 </div>
  240.               </div>
  241.             </div>
  243.             <br>
  245.             <div class="card">
  246.               <div class="card-body about-content-wrap dir-rtl">
  247.               <div class="google-maps-wrap">
  248.                     
  250.                     <iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d4050183.8560889005!2d-5.5471!3d7.546855!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sfr!2sci!4v1693790432774!5m2!1sfr!2sci" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
  251.                </div>
  253.                 <div class="contact-btn-wrap text-center">
  254.                   <p class="mb-2">Retrouve moi sur Google Maps avec ma situation Géographique</p>
  255.                 </div>
  256.               </div>
  257.             </div>
  258.           </div>
  259.         </div>
  260.         <div class="tab-pane fade show active" id="products" role="tabpanel" aria-labelledby="products-tab">
  261.           <div class="container">
  262.             <div class="row g-2 rtl-flex-d-row-r">
  263.               <!-- Product Card -->
  266.             {% if vendeur.articles|length > 0  %}
  268.               {% for listedeMesarticles in vendeur.articles %}
  270.               <div class="col-6 col-md-4">
  271.                 <div class="card product-card">
  272.                   <div class="card-body">
  273.                     <!-- Badge
  274.                     <span class="badge rounded-pill badge-warning">Promo</span>
  275.                      Wishlist Button-->
  276.                     <a class="wishlist-btn" href="#">
  277.                       <i class="fa-solid fa-heart">                      
  278.                     </i></a>
  279.                     <!-- Thumbnail -->
  280.                     <a class="product-thumbnail d-block" href="#">
  281.                       <img class="mb-2" src="{{ vich_uploader_asset(listedeMesarticles) | imagine_filter('version_carre_medium') }}" alt="">
  283.                       <!-- Offer Countdown Timer: Please use event time this format: YYYY/MM/DD hh:mm:ss --
  284.                       <ul class="offer-countdown-timer d-flex align-items-center shadow-sm" data-countdown="2023/12/31 23:59:59">
  285.                         <li><span class="days">0</span>d</li>
  286.                         <li><span class="hours">0</span>h</li>
  287.                         <li><span class="minutes">0</span>m</li>
  288.                         <li><span class="seconds">0</span>s</li>
  289.                       </ul>
  290.                     -->
  291.                     </a>
  293.                     <!-- Product Title -->
  294.                     <a class="product-title" href="{{ path('app_details', {id: listedeMesarticles.id}) }}">
  295.                       {{ listedeMesarticles.titre }}
  296.                     </a>
  297.                     <!-- Product Price -->
  298.                     <p class="sale-price">{{ listedeMesarticles.prixdereduction }} Fr<span>{{ listedeMesarticles.prixdeVente }} Fr</span></p>
  299.                     <!-- Rating -->
  300.                     <div class="product-rating">
  301.                       <i class="fa-solid fa-star"></i>
  302.                       <i class="fa-solid fa-star"></i>
  303.                       <i class="fa-solid fa-star"></i>
  304.                       <i class="fa-solid fa-star"></i>
  305.                       <i class="fa-solid fa-star"></i>
  306.                     </div>
  308.                     <!-- Add to Cart -->
  309.                   <a class="btn btn-success btn-sm" href="{{path('cart_add', {id: listedeMesarticles.id})}}">
  310.                       <i class="fa-solid fa-plus"></i>
  311.                     </a>
  312.                   </div>
  313.                 </div>
  314.               </div>
  315.               
  316.               {% endfor %}
  318.               {% else %}
  320.                 <p>Aucun article n'est disponible !</p>
  322.               {% endif %}
  323.               
  324.             </div>
  325.           </div>
  326.         </div>
  327.        
  328.       </div>
  329.     </div>
  330.     <!-- Internet Connection Status-->
  331.     <div class="internet-connection-status" id="internetStatus"></div>
  332.     <!-- Footer Nav-->
  335.     {% if app.user and app.user.compte == 'client' %}
  337.       {% include 'main/footerparticulier.html.twig' %}
  339.     {% elseif app.user and app.user.compte == 'vendeur' %}
  341.     {% include 'main/footer.html.twig' %}
  343.     <a href="{{ path('app_ajouterProduit') }}">
  344.       <div data-js="back-top" class="back-top">
  345.       
  346.         <img src="{{ asset('img/plus.png') }}" width="110px"  alt="">
  347.      </div>
  348.     </a>
  350.   {% else %}
  352.    
  354.   {% endif %}
  356.     {% endblock %}
  359.         {% block javascripts %}
  360.             {{ encore_entry_script_tags('app') }}
  361.         
  362.     <!-- All JavaScript Files-->
  363.     <script src="{{asset('js/bootstrap.bundle.min.js')}}"></script>
  364.     <script src="{{asset('js/jquery.min.js')}}"></script>
  365.     <script src="{{asset('js/waypoints.min.js')}}"></script>
  366.     <script src="{{asset('js/jquery.easing.min.js')}}"></script>
  367.     <script src="{{asset('js/owl.carousel.min.js')}}"></script>
  368.     <script src="{{asset('js/jquery.magnific-popup.min.js')}}"></script>
  369.     <script src="{{asset('js/jquery.counterup.min.js')}}"></script>
  370.     <script src="{{asset('js/jquery.countdown.min.js')}}"></script>
  371.     <script src="{{asset('js/jquery.passwordstrength.js')}}"></script>
  372.     <script src="{{asset('js/jquery.nice-select.min.js')}}"></script>
  373.     <script src="{{asset('js/theme-switching.js')}}"></script>
  374.     <script src="{{asset('js/no-internet.js')}}"></script>
  375.     <script src="{{asset('js/active.js')}}"></script>
  376.     <script src="{{asset('js/pwa.js')}}"></script>
  379.     <script>
  380.               
  381.       (function ($) {
  383.     var $backTop = $('[data-js="back-top"]'),
  384.            posScroll = 0;
  386.     function scrollToTop () {
  387.          posScroll = $(document).scrollTop();
  389.          if (posScroll >= 0) {
  390.              $backTop.fadeIn();
  391.          } else {
  392.              $backTop.fadeOut();
  393.          }
  394.     }
  396.     scrollToTop();
  398.     $(window).scroll(scrollToTop);
  400.     })(jQuery);
  401.  </script>
  404.     {% endblock %}
  405.   </body>
  407. </html>