templates/vendeurs/modificationProfil.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  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="#100DD1">
  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>Suha - Multipurpose Ecommerce Mobile HTML Template</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 -->
  18.     {% block stylesheets %}
  19.             {{ encore_entry_link_tags('app') }}
  20.         
  22.     <link rel="icon" href="{{asset('img/icons/icon-72x72.png')}}">
  23.     <!-- Apple Touch Icon -->
  24.     <link rel="apple-touch-icon" href="{{asset('img/icons/icon-96x96.png')}}">
  25.     <link rel="apple-touch-icon" sizes="152x152" href="{{asset('img/icons/icon-152x152.png')}}">
  26.     <link rel="apple-touch-icon" sizes="167x167" href="{{asset('img/icons/icon-167x167.png')}}">
  27.     <link rel="apple-touch-icon" sizes="180x180" href="{{asset('img/icons/icon-180x180.png')}}">
  28.     <!-- CSS Libraries -->
  29.     <link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">
  30.     <link rel="stylesheet" href="{{asset('css/animate.css')}}">
  31.     <link rel="stylesheet" href="{{asset('css/all.min.css')}}">
  32.     <link rel="stylesheet" href="{{asset('css/brands.min.css')}}">
  33.     <link rel="stylesheet" href="{{asset('css/solid.min.css')}}">
  34.     <link rel="stylesheet" href="{{asset('css/owl.carousel.min.css')}}">
  35.     <link rel="stylesheet" href="{{asset('css/magnific-popup.css')}}">
  36.     <link rel="stylesheet" href="{{asset('css/nice-select.css')}}">
  37.     <!-- Stylesheet -->
  38.     <link rel="stylesheet" href="{{asset('css/style.css')}}">
  40.     <!-- Web App Manifest -->
  41.     <link rel="manifest" href="{{asset('js/manifest.json')}}">
  43.     {% endblock %}
  46.   </head>
  47.   <body>
  48.     <!-- Preloader-->
  49.     
  50.     {% block body %}
  52.     <!-- Header Area-->
  53.     <!-- Header Area-->
  54.     <div class="header-area" id="headerArea">
  55.       <div class="container h-100 d-flex align-items-center justify-content-between rtl-flex-d-row-r">
  56.         <!-- Back Button-->
  57.         
  58.         {% if app.user and app.user.compte == 'client' %}
  60.         <div class="back-button me-2">
  61.           <a href="{{path('app_main_particulier')}}">
  62.           <i class="fa-solid fa-arrow-left-long"></i>
  63.          </a>
  64.        </div>
  66.        {% elseif app.user and app.user.compte == 'vendeur' %}
  68.         <div class="back-button me-2">
  69.           <a href="{{path('app_main')}}">
  70.           <i class="fa-solid fa-arrow-left-long"></i>
  71.          </a>
  72.        </div>
  74.        {% else %}
  76.    
  78.       {% endif %}
  79.         <!-- Page Title-->
  80.         <div class="page-heading">
  81.           <h6 class="mb-0">Mettre à jour votre profil</h6>
  82.         </div>
  83.         <!-- Filter Option
  84.         <div class="filter-option ms-2" data-bs-toggle="offcanvas" data-bs-target="#suhaFilterOffcanvas" aria-controls="suhaFilterOffcanvas"><i class="fa-solid fa-sliders"></i></div>-->
  86.         <div class="filter-option ms-2" data-bs-toggle="offcanvas" aria-controls="suhaFilterOffcanvas"><i class="fa-solid fa-sliders"></i></div>
  87.       </div>
  88.     </div>
  89.     <!--
  90.     <div class="offcanvas offcanvas-start suha-offcanvas-wrap" tabindex="-1" id="suhaOffcanvas" aria-labelledby="suhaOffcanvasLabel">
  91.        Close button-->
  93.        <div class="offcanvas offcanvas-start suha-offcanvas-wrap" tabindex="-1" >
  95.       <button class="btn-close btn-close-white" type="button" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  96.       <!-- Offcanvas body-->
  97.       <div class="offcanvas-body">
  98.         <!-- Sidenav Profile-->
  99.         <div class="sidenav-profile">
  100.           <div class="user-profile"><img src="img/bg-img/9.jpg" alt=""></div>
  101.           <div class="user-info">
  102.             <h5 class="user-name mb-1 text-white">Suha Sarah</h5>
  103.             <p class="available-balance text-white">Available points <span class="counter">499</span></p>
  104.           </div>
  105.         </div>
  106.         <!-- Sidenav Nav-->
  107.         <ul class="sidenav-nav ps-0">
  108.           <li><a href="profile.html"><i class="fa-solid fa-user"></i>My Profile</a></li>
  109.           <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>
  110.           <li class="suha-dropdown-menu"><a href="#"><i class="fa-solid fa-store"></i>Shop Pages</a>
  111.             <ul>
  112.               <li><a href="shop-grid.html">Shop Grid</a></li>
  113.               <li><a href="shop-list.html">Shop List</a></li>
  114.               <li><a href="single-product.html">Product Details</a></li>
  115.               <li><a href="featured-products.html">Featured Products</a></li>
  116.               <li><a href="flash-sale.html">Flash Sale</a></li>
  117.             </ul>
  118.           </li>
  119.           <li><a href="pages.html"><i class="fa-solid fa-file-code"></i>All Pages</a></li>
  120.           <li class="suha-dropdown-menu"><a href="wishlist-grid.html"><i class="fa-solid fa-heart"></i>My Wishlist</a>
  121.             <ul>
  122.               <li><a href="wishlist-grid.html">Wishlist Grid</a></li>
  123.               <li><a href="wishlist-list.html">Wishlist List</a></li>
  124.             </ul>
  125.           </li>
  126.           <li><a href="settings.html"><i class="fa-solid fa-sliders"></i>Settings</a></li>
  127.           <li><a href="intro.html"><i class="fa-solid fa-toggle-off"></i>Sign Out</a></li>
  128.         </ul>
  129.       </div>
  130.     </div>
  132.     
  134.     <div class="page-content-wrapper">
  135.       <div class="container">
  136.         <!-- Profile Wrapper-->
  137.         <div class="profile-wrapper-area py-3">
  138.           <!-- User Information-->
  139.           <div class="card user-info-card">
  140.             <div class="card-body p-4 d-flex align-items-center">
  141.               <div class="user-profile me-3">
  142.                 <img src="{{ asset('img/icon.jpg') }}" alt="">
  143.                 <div class="change-user-thumb">
  144.                  
  145.                    
  146.                     <a href="{{ path('app_ajouterPhoto') }}"><i class="fa-solid fa-pen"></i></a>
  147.                   
  148.                 </div>
  149.               </div>
  150.               <div class="user-info">
  151.                 <p class="mb-0 text-dark">@{{ profilVendeur.nom }}</p>
  152.                 <h5 class="mb-0">{{ profilVendeur.prenom }}</h5>
  153.               </div>
  154.             </div>
  155.           </div>
  157.           {{ form_start(profilVendeurModif)}}
  159.           <!-- User Meta Data-->
  160.           <div class="card user-data-card">
  161.             <div class="card-body">
  162.           
  163.                 <div class="mb-3">
  164.                   <div class="title mb-2">
  165.                     <i class="fa-solid fa-at"></i><span>Nom</span>
  166.                   </div>
  167.                   {{ form_row(profilVendeurModif.nom,
  168.                          {'class': 'form-control',
  169.                         'label': ' ',
  170.                         'attr': {'placeholder':'Votre texte ici'}})
  172.                   }}
  173.                 </div>
  174.                 <div class="mb-3">
  175.                   <div class="title mb-2"><i class="fa-solid fa-user">
  176.                   </i><span>Prenom</span>
  177.                 </div>
  178.                   {{ form_row(profilVendeurModif.prenom,
  179.                          {'class': 'form-control',
  180.                         'label': ' ',
  181.                         'attr': {'placeholder':'Votre texte ici'}})
  183.                   }}
  184.                 </div>
  185.                 <div class="mb-3">
  186.                   <div class="title mb-2">
  187.                     <i class="fa-solid fa-phone">
  188.                     </i><span>Numéro</span>
  189.                   </div>
  190.                   {{ form_row(profilVendeurModif.numero,
  191.                          {'class': 'form-control',
  192.                         'label': ' ',
  193.                         'attr': {'placeholder':'Votre texte ici'}})
  195.                   }}
  196.                 </div>
  198.                 <div class="mb-3">
  199.                   <div class="title mb-2">
  200.                     <i class="fa-solid fa-location-arrow">
  201.                     </i><span>Nom de boutique</span>
  202.                   </div>
  203.                   {{ form_row(profilVendeurModif.nomBoutique,
  204.                          {'class': 'form-control',
  205.                         'label': ' ',
  206.                         'attr': {'placeholder':'Votre texte ici'}})
  208.                   }}
  209.                 </div>
  211.                 <div class="mb-3">
  212.                   <div class="title mb-2">
  213.                     <i class="fa-solid fa-bars">
  214.                     </i><span>Catégorie de votre boutique</span>
  215.                   </div>
  216.                   {{ form_row(profilVendeurModif.categorie,
  217.                          {'class': 'form-control',
  218.                         'label': ' ',
  219.                         'attr': {'placeholder':'Votre texte ici'}})
  221.                   }}
  222.                 </div>
  224.                 <div class="mb-3">
  225.                   <div class="title mb-2">
  226.                     <i class="fa-solid fa-bars">
  227.                     </i><span>Description boutique</span>
  228.                   </div>
  229.                   {{ form_row(profilVendeurModif.description,
  230.                          {'class': 'form-control',
  231.                         'label': ' ',
  232.                         'attr': {'placeholder':'Votre texte ici'}})
  234.                   }}
  235.                 </div>
  237.                 <div class="mb-3">
  238.                   <div class="title mb-2">
  239.                     <i class="fa-solid fa-bars">
  240.                     </i><span>géolocalisation de votre boutique</span>
  241.                   </div>
  242.                   {{ form_row(profilVendeurModif.geolocalisation,
  243.                          {'class': 'form-control',
  244.                         'label': ' ',
  245.                         'attr': {'placeholder':'Votre texte ici'}})
  247.                   }}
  248.                 </div>
  249.                 
  250.                 
  251.                 <button class="btn btn-success w-100" type="submit">Mettre à jour mon profil</button>
  252.            
  253.             </div>
  254.           </div>
  255.         </div>
  256.       </div>
  257.     </div>
  259.     {{ form_rest(profilVendeurModif) }}
  261.     {{ form_end(profilVendeurModif)}}
  263.     <!-- Internet Connection Status-->
  264.     <div class="internet-connection-status" id="internetStatus"></div>
  265.     <!-- Footer Nav-->
  267.    {% if app.user and app.user.compte == 'client' %}
  269.       {% include 'main/footerparticulier.html.twig' %}
  271.     {% elseif app.user and app.user.compte == 'vendeur' %}
  273.     {% include 'main/footer.html.twig' %}
  275.     <a href="{{ path('app_ajouterProduit') }}">
  276.       <div data-js="back-top" class="back-top">
  277.       
  278.         <img src="img/plus.png" width="110px"  alt="">
  279.      </div>
  280.     </a>
  282.   {% else %}
  284.    
  286.   {% endif %}
  288.   {% endblock %}
  291.         {% block javascripts %}
  292.             {{ encore_entry_script_tags('app') }}
  295.         
  296.    <!-- All JavaScript Files-->
  297.     <script src="{{asset('js/bootstrap.bundle.min.js')}}"></script>
  298.     <script src="{{asset('js/jquery.min.js')}}"></script>
  299.     <script src="{{asset('js/waypoints.min.js')}}"></script>
  300.     <script src="{{asset('js/jquery.easing.min.js')}}"></script>
  301.     <script src="{{asset('js/owl.carousel.min.js')}}"></script>
  302.     <script src="{{asset('js/jquery.magnific-popup.min.js')}}"></script>
  303.     <script src="{{asset('js/jquery.counterup.min.js')}}"></script>
  304.     <script src="{{asset('js/jquery.countdown.min.js')}}"></script>
  305.     <script src="{{asset('js/jquery.passwordstrength.js')}}"></script>
  306.     <script src="{{asset('js/jquery.nice-select.min.js')}}"></script>
  307.     <script src="{{asset('js/theme-switching.js')}}"></script>
  308.     <script src="{{asset('js/no-internet.js')}}"></script>
  309.     <script src="{{asset('js/active.js')}}"></script>
  310.     <script src="{{asset('js/pwa.js')}}"></script>
  312.     
  314.     {% endblock %}
  315.   </body>
  317. </html>