sgl/SGL/templates/parts/menu_application.html

{% load static %}
{% load tags_personnaliser %}
<nav class="navbar d-none d-lg-block navbar-expand-lg bg-body-tertiary">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">
            <img src="{% static 'images/cerfig.jpg' %}" alt="Logo" width="85" height="30" class="d-inline-block align-text-top">
        </a>
        <div class="collapse navbar-collapse">
            <ul class="nav nav-tabs justify-content-end w-100">
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="{{ LIEN_SIRH }}">SIRH</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link active" href="{{ LIEN_SGL }}">SGL</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">Laboratoire</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<nav class="navbar d-lg-none navbar-expand-lg bg-body-tertiary">
    <div class="container-fluid">
        <a class="navbar-brand" href="#">
            <img src="{% static 'images/cerfig.jpg' %}" alt="Logo" width="85" height="30" class="d-inline-block align-text-top">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown">
            <ul class="navbar-nav">
                {% if user|has_group:"ressource_humaine" or user|has_group:"direction" %}
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="{% url 'index' %}">
                        <i class="bi bi-file-bar-graph"></i>
                        Tableau de bord
                    </a>
                </li>
                {% endif %}

                <li class="nav-item">
                    <a class="nav-link" href="{% url 'gestion_produit:index' %}">
                        <i class="bi bi-backpack4"></i> Gestion des produits
                    </a>
                </li>
                {% if user|has_group:"ressource_humaine" or user|has_group:"direction" or user|has_group:"logistique" %}
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'gestion_fournisseur:index' %}">
                        <i class="bi bi-truck"></i> Gestion des fournisseurs
                    </a>
                </li>
                {% endif %}
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'gestion_vehicule:index' %}">
                        <i class="bi bi-car-front-fill"></i> Gestion des véhicules
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'authentification:deconnexion' %}"><i class="bi bi-box-arrow-right"></i> Déconnexion</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<div class="container-fluid d-flex d-sm-none justify-content-center">
    <ul class="nav nav-tabs">
        <li class="nav-item">
            <a class="nav-link" href="{{ LIEN_SIRH }}">SIRH</a>
        </li>
        <li class="nav-item">
            <a class="nav-link active" href="{{ LIEN_SGL }}">SGL</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">Laboratoire</a>
        </li>
    </ul>
</div>