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

{% block title %}Joueurs acceptés{% endblock %}

{% block body %}
    <div class="flex items-center justify-between">
        <h1 class="h1">Participants aux Portes Ouvertes</h1>
        <div class="flex gap-2">
            <a href="{{ path('admin_open_day_participant_new') }}" class="btn btn-primary">Ajouter</a>
            <a href="{{ path('admin_open_day_participant_import') }}" class="btn btn-secondary">Importer</a>
        </div>
    </div>

    <div class="card mt-3">
        <div class="card-header">
            <h2 class="h4">Liste des joueurs acceptés</h2>
        </div>
        <div class="card-body p0">
            <table class="table">
                <thead>
                    <tr>
                        <th>Email</th>
                        <th>Nom</th>
                        <th>Prénom</th>
                        <th>Catégorie</th>
                        <th>Date d'inscription</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                {% for participant in participants %}
                    <tr>
                        <td>{{ participant.email }}</td>
                        <td>{{ participant.nom }}</td>
                        <td>{{ participant.prenom }}</td>
                        <td>{{ participant.categorie }}</td>
                        <td>{{ participant.createdAt ? participant.createdAt|date('d/m/Y H:i') : '' }}</td>
                        <td>
                            <a href="{{ path('admin_open_day_participant_edit', {'id': participant.id}) }}" class="btn btn-sm btn-secondary">Modifier</a>
                            <form method="post" action="{{ path('admin_open_day_participant_delete', {'id': participant.id}) }}" style="display:inline-block" onsubmit="return confirm('Supprimer ce participant ?');">
                                <input type="hidden" name="_token" value="{{ csrf_token('delete_participant_' ~ participant.id) }}">
                                <button class="btn btn-sm btn-danger">Supprimer</button>
                            </form>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="6">Aucun joueur accepté</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}