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

{% block title %}représentants{% endblock %}

{% block body %}
<div class="card">
    <div style="display:flex;justify-content:space-between;align-items:center">
        <h1>représentants</h1>
        <a class="btn" href="{{ path('admin_porteur_new') }}">Créer un représentant</a>
    </div>
</div>

<div class="card">
    <table>
        <thead>
            <tr>
                <th>Prénom</th>
                <th>Nom</th>
                <th>Email</th>
                <th>Site</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
        {% for porteur in porteurs %}
            <tr>
                <td>{{ porteur.firstName }}</td>
                <td>{{ porteur.lastName }}</td>
                <td>{{ porteur.email }}</td>
                <td>{{ porteur.site ? porteur.site.name ~ ' - ' ~ porteur.site.city : '—' }}</td>
                <td class="actions">
                    <a class="btn btn-outline" href="{{ path('admin_porteur_edit', {'id': porteur.id}) }}">Modifier</a>
                    <form method="post" action="{{ path('admin_porteur_delete', {'id': porteur.id}) }}" onsubmit="return confirm('Supprimer ?')">
                        <input type="hidden" name="_token" value="{{ csrf_token('delete_porteur_' ~ porteur.id) }}">
                        <button class="btn btn-outline">Supprimer</button>
                    </form>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="5">Aucun représentant.</td>
            </tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}