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

{% block title %}Bureau{% 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 float-start">Bureau</h1>
                    <div class="float-end">
                        {{ include('admin_user_office/_delete_form.html.twig') }}
                    </div>
                </div>
                <div class="card-body bg-white py-3">
                    <a href="{{ path('admin_user_office_edit', {'id': user_office.id}) }}"
                       class="btn btn-dark-blue my-3 fw-bold text-uppercase ls-2 py-2"><i class="fas fa-edit"></i>
                        Modifier le bureau</a>
                    <div class="table-responsive">
                        <table class="table">
                            <tbody>
                            <tr>
                                <th>Nom</th>
                                <td>{{ user_office.name }}</td>
                            </tr>
                            <tr>
                                <th>Région</th>
                                <td>{{ user_office.region }}</td>
                            </tr>
                            <tr>
                                <th>Responsables</th>
                                <td>
                                    {% for user in user_office.managers %}
                                        <a href="{{ path('organisation_collaborator', {'user': user.id}) }}">{{ user.fullName }}</a>
                                        {%- if not loop.last -%}, {%- endif -%}
                                    {% endfor %}
                                </td>
                            </tr>
                            <tr>
                                <th>Numéro de téléphone</th>
                                <td><a href="tel:{{ user_office.phoneNumber }}">{{ user_office.phoneNumber }}</a></td>
                            </tr>
                            <tr>
                                <th>Adresse mail</th>
                                <td><a href="mailto:{{ user_office.mail }}">{{ user_office.mail }}</a></td>
                            </tr>
                            <tr>
                                <th>Adresse postale</th>
                                <td>{{ user_office.address | nl2br }}</td>
                            </tr>
                            <tr>
                                <th>A propos</th>
                                <td>{{ user_office.about | nl2br }}</td>
                            </tr>
                            <tr>
                                <th>Heures d'ouverture</th>
                                <td>{{ user_office.openingHours | nl2br }}</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}