<div id="sidebar"> {% block sidebar %}<div class="offcanvas offcanvas-start suha-offcanvas-wrap" tabindex="-1" id="suhaOffcanvas" aria-labelledby="suhaOffcanvasLabel"> <!-- Close button--> <button class="btn-close btn-close-white" type="button" data-bs-dismiss="offcanvas" aria-label="Close"></button> <!-- Offcanvas body--> <div class="offcanvas-body"> <!-- Sidenav Profile--> <div class="sidenav-profile"> <!--<div class="user-profile"><img src="img/bg-img/9.jpg" alt=""></div>--> <div class="user-profile"> <a href="{{ path('app_boutique_client_profil', {id: app.user.id} ) }}"> <img src="img/icon.jpg" alt=""> </a> </div> {% if app.user and app.user.compte == 'vendeur' %} <div class="user-info"> <h5 class="user-name mb-1 text-white">{{ app.user.nomBoutique }}</h5> <!-- <p class="available-balance text-white">Available points <span class="counter">499</span></p>--> </div> {% elseif app.user and app.user.compte == 'client' %} <div class="user-info"> <h5 class="user-name mb-1 text-white">{{ app.user.getToutleNom }}</h5> <!-- <p class="available-balance text-white">Available points <span class="counter">499</span></p>--> </div> {% else %} <div class="user-info"> <h5 class="user-name mb-1 text-white">Aid Market</h5> <!-- <p class="available-balance text-white">Available points <span class="counter">499</span></p>--> </div> {% endif %} </div> <!-- Sidenav Nav--> {% if app.user %} <ul class="sidenav-nav ps-0"> <li><a href="{{ path('app_boutique_client_profil', {id: app.user.id} ) }}"><i class="fa-solid fa-user"></i>Mon Profil</a></li> <li><a href="#"><i class="fa-solid fa-bell lni-tada-effect"></i>Notifications<span class="ms-1 badge badge-warning">0</span></a></li> <li><a href="#"><i class="fa-solid fa-file-code"></i>Mes commandes</a></li> <li><a href="#"><i class="fa-solid fa-sliders"></i>Paramètres</a></li> <li><a href="#"><i class="fa-solid fa-user"></i>Conditions d'utilisation</a></li> <li><a href="{{path('app_logout')}}"><i class="fa-solid fa-user"></i>Se deconnecter</a></li> </ul> {% else %}<ul class="sidenav-nav ps-0"><li><a href="#" data-bs-toggle="modal" data-bs-target="#myModaler"> <i class="fa-solid fa-user"></i>Mon Profil</a></li> <li><a href="{{path('app_login')}}"><i class="fa-solid fa-user-secret"></i>Se connecter</a></li> <li><a href="#" data-bs-toggle="modal" data-bs-target="#myModal" ><i class="fa-solid fa-user-circle"></i>s'inscrire</a></li> <li><a href="#"><i class="fa-solid fa-user"></i>Conditions d'utilisation</a></li> </ul> {% endif %} </div> </div> {% endblock %} </div> <!-- The Modal --><div class="modal" id="myModaler"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal Header --> <div class="modal-header"> <h4 class="modal-title">Le type de compte à créer</h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <!-- Modal body --> <div class="modal-body"> <a href="{{ path('app_particulier') }}" class="btn btn-primary"> Compte particulier</a> <a href="{{ path('app_auth') }}" class="btn btn-primary"> Compte Etablissement</a> </div> <!-- Modal footer --> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Close</button> </div> </div> </div></div>