{% load tags_personnaliser %}

<div class="col-3 bg-danger d-none d-lg-flex flex-column">
    {% if user|has_group:"ressource_humaine" or user|has_group:"direction" %}
    <a href="{% url 'index' %}" class="btn btn-danger py-3 mt-4 fw-bold d-flex" style="font-size: 1.2em;">
        <i class="bi bi-file-bar-graph d-block" style="width: 50px;"></i>
        Tableau de bord
    </a>
    {% endif %}

    <a href="{% url 'gestion_produit:index' %}" class="btn btn-danger py-3 mt-1 fw-bold d-flex" style="font-size: 1.2em;">
        <i class="bi bi-backpack4 d-block" style="width: 50px;"></i>
        Gestion des produits
    </a>

    {% if user|has_group:"ressource_humaine" or user|has_group:"direction" or user|has_group:"logistique" %}
    <a href="{% url 'gestion_fournisseur:index' %}" class="btn btn-danger py-3 mt-1 fw-bold d-flex" style="font-size: 1.2em;">
        <i class="bi bi-truck d-block" style="width: 50px;"></i>
        Gestion des fournisseurs
    </a>
    {% endif %}

    <a href="{% url 'gestion_vehicule:index' %}" class="btn btn-danger py-3 mt-1 fw-bold d-flex" style="font-size: 1.2em;">
        <i class="bi bi-car-front-fill d-block" style="width: 50px;"></i>
        Gestion des véhicules
    </a>
    <a href="{% url 'authentification:deconnexion' %}" class="btn btn-danger py-3 mt-1 fw-bold d-flex" style="font-size: 1.2em;">
        <i class="bi bi-person-dash d-block" style="width: 50px;"></i>
        Deconnexion
    </a>
</div>