{% 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="100" 
                height="100"
                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 fw-bold fs-5">
            {{ user.first_name }} {{ user.last_name }}
        </div>
    </div>

    <a href="{% url 'gestion_employe:mon-profil' %}" class="text-white fw-bold text-decoration-none mb-4" style="font-size: 1.2em;">
        <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.2em;">
        <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.2em;">
        <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.2em;">
        <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.2em;">
        <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.2em;">
        <i class="bi bi-calendar-check"></i> Réservation
    </a>
    {% comment %} {% url 'deconnexion' %} {% endcomment %}
    <a href="" class="text-white fw-bold text-decoration-none mb-4" style="font-size: 1.2em;">
        <i class="bi bi-box-arrow-right"></i> Déconnexion
    </a>
</div>