{% 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 'img/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 active" aria-current="page" href="{{ SIRH_LIEN }}">SIRH</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{{ SGL_LIEN }}">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 'img/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">
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="{% url 'gestion_employe:mon-profil' %}">
                        <i class="bi bi-person-circle"></i> 
                        Mon profil
                    </a>
                </li>
                {% if user|has_group:"ressource_humaine" or user|has_group:"direction" %}
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="{% url 'gestion_employe:index' %}">
                        <i class="bi bi-speedometer2"></i>
                        Tableau de bord
                    </a>
                </li>
                {% endif %}
                {% if user|has_group:"ressource_humaine" or user|has_group:"direction" %}
                <li class="nav-item">
                    <a class="nav-link" aria-current="page" href="{% url 'gestion_projet:index' %}">
                        <i class="bi bi-speedometer2"></i>
                        Gestion des projets
                    </a>
                </li>
                {% endif %}
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'gestion_conges:conge' %}">
                        <i class="bi bi-airplane"></i> 
                        Gestion des congés
                    </a>
                </li>
                {% if user|is_chef_projet %}
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'gestion_projet:activites-projet' %}">
                        <i class="bi bi-list-task"></i> 
                        Suivi des Activités
                    </a>
                </li>
                {% endif %}
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'gestion_salle:reservation-salle' %}">
                        <i class="bi bi-calendar-check"></i> 
                        Réservation
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="{% url '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 active" aria-current="page" href="{{ SIRH_LIEN }}">SIRH</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="{{ SGL_LIEN }}">SGL</a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#">Laboratoire</a>
        </li>
    </ul>
</div>