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

{% block body %}
    <div class="flex items-center justify-between">
        <h1 class="h1">Liste noire</h1>
    </div>

    <div class="card mt-3">
        <div class="card-header">
            <h2 class="h4">Utilisateurs bannis</h2>
            <a class="btn-primary" href="{{ path('admin_blacklist_new') }}">Bannir un utilisateur</a>
        </div>
        <div class="card-body p0">
            <div class="p-2">
                <form action="{{ path('admin_blacklist_index') }}">
                    <div class="grid grid-cols-2 gap-3">
                        <div class="form-group">
                            <label for="email">Email</label>
                            <input type="text" name="email" id="email" value="{{ formSearch.get('email') }}" />
                        </div>
                        <div class="form-group">
                            <label for="reason">Raison</label>
                            <input type="text" name="reason" id="reason" value="{{ formSearch.get('reason') }}" />
                        </div>
                    </div>
                    <div class="flex justify-end mt-2 gap-1">
                        <button type="submit" class="btn btn-primary btn-small">Rechercher</button>
                        {% if formSearch.searching %}
                            <a href="{{ path('admin_blacklist_index') }}" class="btn-secondary btn-small">Réinitialiser</a>
                        {% endif %}
                    </div>
                </form>
                <div class="flex justify-between items-center mt-2">
                    <p>
                        {% if count == 0 %}
                            <small>Aucun résultat.</small>
                        {% elseif count == 1 %}
                            <small>{{ count }} résultat.</small>
                        {% else %}
                            <small>{{ count }} résultats.</small>
                        {% endif %}
                    </p>
                    <button class="btn-icon-secondary btn-customize-table" title="Configurer le tableau">
                        {{ icon('cog', true) }}
                    </button>
                </div>
            </div>
            <customize-table hidden-target="{{ currentPreference }}" settings="{{ customizedColumns }}" preference-key="{{ customizedColumnsPreferenceKey }}">
                <table class="table">
                    <thead>
                    <tr>
                        <th class="td-id">{{ sort_render('Id', formSearch, 'b.id')|raw }}</th>
                        <th class="td-user">{{ sort_render('Utilisateur', formSearch, 'b.user')|raw }}</th>
                        <th class="td-email">{{ sort_render('Email', formSearch, 'b.email')|raw }}</th>
                        <th class="td-reason">{{ sort_render('Raison', formSearch, 'b.reason')|raw }}</th>
                        <th class="td-licence">{{ sort_render('Licence', formSearch, 'b.licence')|raw }}</th>
                        <th class="td-manifestation">{{ sort_render('Manifestation', formSearch, 'b.manifestation')|raw }}</th>
                        <th>Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for blacklist in blacklists %}
                        <tr>
                            <td class="td-id">{{ blacklist.id }}</td>
                            <td class="td-user">{{ blacklist.user.fullname ?? 'N/A' }}</td>
                            <td class="td-email">{{ blacklist.email }}</td>
                            <td class="td-reason">{{ blacklist.reason }}</td>
                            <td class="td-licence">{{ blacklist.licence ? 'Oui' : 'Non' }}</td>
                            <td class="td-manifestation">{{ blacklist.manifestation ? 'Oui' : 'Non' }}</td>
                            <td class="flex gap-1">
                                <a href="{{ path('admin_blacklist_edit', { id: blacklist.id }) }}" class="btn-icon-secondary" title="Modifier">
                                    {{ icon('edit') }}
                                </a>
                                <form action="{{ path('admin_blacklist_delete', { id: blacklist.id }) }}" method="post" onsubmit="return confirm('Confirmer la suppression ?');">
                                    <input type="hidden" name="_token" value="{{ csrf_token('delete' ~ blacklist.id) }}">
                                    <button type="submit" class="btn-icon-danger" title="Supprimer">
                                        {{ icon('trash') }}
                                    </button>
                                </form>
                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="7">Aucun résultat</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                    <tfoot>
                    <tr>
                        <td colspan="7">
                            {{ knp_pagination_render(blacklists) }}
                        </td>
                    </tr>
                    </tfoot>
                </table>
            </customize-table>
        </div>
    </div>
{% endblock %}