{% load static %}
{% load tags_personnaliser %}

<div class="col-3 bg-danger d-flex flex-column vh-100 pt-5 sticky-top">
    <div class="text-center mb-4">
        {% if user.employe.photo %}
            <img src="{{ user.employe.photo.url }}" 
                class="rounded-circle" 
                width="80" 
                height="80"
                style="object-fit:cover;">
        {% else %}
            <i class="bi bi-person-circle text-white" style="font-size:60px;"></i>
        {% endif %}
        <div class="text-white mt-2">
            {{ user.username }}
        </div>
    </div>

    <a href="{% url 'gestion_employe:mon-profil' %}" class="text-white fw-bold text-decoration-none mb-4" style="font-size:1.4em">
        <i class="bi bi-person-circle"></i> Mon profil
    </a>
    {% if user|has_group:"ressource_humaine" or user|has_group:"direction" %}
    <a href="{% url 'gestion_employe:index' %}" class="text-white fw-bold text-decoration-none mb-4" style="font-size:1.4em">
        <i class="bi bi-speedometer2"></i> Tableau de bord
    </a>
    {% endif %}
    {% if user|has_group:"ressource_humaine" or user|has_group:"direction" %}
    <a href="{% url 'gestion_projet:index' %}" class="text-white fw-bold text-decoration-none mb-4" style="font-size:1.4em">
        <i class="bi bi-folder"></i> Gestion des Projets
    </a>
    {% endif %}
    <a href="{% url 'gestion_conges:conge' %}" class="text-white fw-bold text-decoration-none mb-4" style="font-size:1.4em">
        <i class="bi bi-airplane"></i> Gestion des congés
    </a>
    {% if user|is_chef_projet %}
    <a href="{% url 'gestion_projet:activites-projet' %}" class="text-white fw-bold text-decoration-none mb-4" style="font-size:1.4em">
        <i class="bi bi-list-task"></i> Suivi des Activités
    </a>
    {% endif %}
    <a href="{% url 'gestion_salle:reservation-salle' %}" class="text-white fw-bold text-decoration-none mb-4" style="font-size:1.4em">
        <i class="bi bi-calendar-check"></i> Réservation
    </a>
    {% comment %} <a href="{% url 'rapport-rh' %}" class="text-white fw-bold text-decoration-none mb-2" style="font-size:1.2em">
        <i class="bi bi-graph-up"></i> Rapports et Statistiques
    </a> {% endcomment %}
    {% comment %} <a href="" class="text-white fw-bold text-decoration-none mb-2" style="font-size:1.2em">
        <i class="bi bi-person-gear"></i> Gestion des Utilisateurs
    </a> {% endcomment %}
    {% comment %} <a href="{% url 'gestion_employe:departement' %}" class="text-white fw-bold text-decoration-none mb-2" style="font-size:1.2em">
        <i class="bi bi-gear"></i> Paramètres
    </a> {% endcomment %}
    <a href="{% url 'deconnexion' %}" class="text-white fw-bold text-decoration-none mb-4" style="font-size:1.4em">
        <i class="bi bi-box-arrow-right"></i> Déconnexion
    </a>
</div>