{% if user %}
    <div class="d-flex align-items-center">
        {% if user.image is not null %}
            <img src="{{asset('uploads/profiles/user/' ~ user.image )}}" class="card-hover rounded-circle" width="{{taille}}">
        {% else %}
            {% set initials = user.prenom|slice(0, 1)|upper ~ user.nom|slice(0, 1)|upper %}
            <span class="text-bg-primary text-white fs-6 round-40 rounded-circle me-n2 card-hover border border-2 border-white d-flex align-items-center justify-content-center">
                {{initials}}
            </span>
        {% endif %}
        <div class="ms-3">
            <h6 class="fs-4 fw-semibold mb-0">{{user.prenom}} {{user.nom}}</h4>
            {% if staff and societe %}
                {% if societe.contact == user %}
                    <span class="badge bg-success-subtle text-success ">Responsable</span>
                {% endif %}
            {% else %}
                {% if role %}
                    <span class="fs-2">{{user.role}}</span>
                {% endif %}
                {% if email %}
                    <span class="fs-2">{{user.email}}</span>
                {% endif %}        
            {% endif %}
            {% if contact is defined  and contact %}
                <span class="badge bg-success-subtle text-success ">Contact principal</span>
            {% endif %}
            

        </div>
    </div>
{% endif %}