{% extends 'base.html.twig' %}

{% block title %}Organigramme du Groupe - Recherche{% endblock %}

{% block body %}
    <div class="row">
        <div class="col-12">
            <div class="card border-0 mb-3">
                <div class="card-header bg-grey">
                    <h1 class="h5 text-white m-0 fw-bold">Organigramme du Groupe - Recherche</h1>
                </div>
                <div class="card-body bg-white py-3">
                    <div class="row">
                        <div class="col-12">
                            {{ form_start(form) }}
                            {{ form_widget(form) }}
                            <input type="submit" class="btn btn-primary btn-fw" value="Rechercher">
                            {{ form_end(form) }}
                        </div>
                    </div>
                    {% if users is defined %}
                        <div class="row">
                        {% for user in users %}
                            <div class="col-12 col-lg-6 col-xl-3 my-3">
                                <div class="border text-center p-5 h-100">
                                    {% if user.picture %}
                                        <img class="img-fluid img-thumbnail rounded-circle" src="{{ user.base64Picture }}" alt="Photo de {{ user.fullName }}">
                                    {% else %}
                                        <img class="img-fluid img-thumbnail rounded-circle" src="{{ asset('images/default-user-picture.png') }}" alt="Photo par défaut">
                                    {% endif %}
                                    <br><br>
                                    <p>
                                        {{ user.fullName }} <br>
                                        {% if not user.jobFunctions.empty %}{{ user.jobFunctions | join(', ') }} <br>{% endif %}
                                        {% if not user.offices.empty %}
                                            {{ user.offices | join(', ') }}
                                        {% elseif not user.partners.empty %}
                                            {{ user.partners | join(', ') }}
                                        {% endif %}
                                    </p>
                                    {% if user.associate or user.manager or not user.departmentsInChargeOf.empty  %}
                                        <p>
                                        {% if user.associate %}
                                            <span class="badge bg-primary">Associé du Groupe</span>
                                        {% endif %}
                                        {% if user.manager %}
                                            <span class="badge bg-primary">Responsable de Bureau</span>
                                        {% endif %}
                                        {% for department in user.departmentsInChargeOf %}
                                            <span class="badge bg-dark-blue">Responsable de la commission {{ department.name }}</span>
                                        {% endfor %}
                                        </p>
                                    {% endif %}
                                    <p><a href="{{ path('organisation_collaborator', {'user': user.id}) }}">Voir la fiche</a></p>
                                </div>
                            </div>
                        {% endfor %}
                        </div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endblock %}