<div id="footer">
{% block footer %}
<div class="footer-nav-area" id="footerNav">
<div class="suha-footer-nav">
<ul class="h-100 d-flex align-items-center justify-content-between ps-0 d-flex rtl-flex-d-row-r">
<li><a href="{{path('app_main')}}"><i class="fa-solid fa-house"></i>Fil d'actualité</a></li>
<!-- quand vous êtes connecté <li><a href="message.html"><i class="fa-solid fa-comment-dots"></i>Chat</a></li>-->
<!-- <li><a href="#" data-bs-toggle="modal" data-bs-target="#myModal"><i class="fa-solid fa-comment-dots"></i>Chat</a></li>-->
{% if app.user and app.user.compte == 'vendeur' %}
<li><a href="{{ path('app_boutique_vendeur', {id: app.user.id}) }}"><i class="fa-solid fa-bag-shopping"></i>Boutique</a></li>
<li>
<a href="{{path('app_livraison')}}"><i class="fa-solid fa-list"></i>Livraison</a>
</li>
<li><a href="{{ path('app_boutique_vendeur_notification') }}"><i class="fa-solid fa-bell lni-tada-effect"></i>Notification</a></li>
<li><a href="{{ path('app_boutique_vendeur_profil', {id: app.user.id} ) }}"> <i class="fa-solid fa-user"></i>Profil</a></li>
{% else %}
<li><a href="#" data-bs-toggle="modal" data-bs-target="#myModaler">
<i class="fa-solid fa-bell lni-tada-effect"></i>Notification</a></li>
<li><a href="#" data-bs-toggle="modal" data-bs-target="#myModaler"><i class="fa-solid fa-bag-shopping"></i>Boutique</a></li>
<li>
<a href="#" data-bs-toggle="modal" data-bs-target="#myModaler"><i class="fa-solid fa-list">
</i>Livraison</a>
</li>
<li><a href="#" data-bs-toggle="modal" data-bs-target="#myModaler">
<i class="fa-solid fa-user"></i>Profil</a></li>
{% endif %}
<!-- <li><a href="settings.html"><i class="fa-solid fa-gear"></i>Profil</a></li>
<li><a href="ma_page.html"><i class="fa-solid fa-user"></i>Profil</a></li>-->
</ul>
</div>
</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">Veuillez créer un compte</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>
{% endblock %}
</div>