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

{% block title %}Gestion des Pages{% endblock %}

{% block body %}
    <div class="flex items-center justify-between">
        <h1 class="h1">Pages</h1>
        <a href="{{ path('admin_page_new') }}" class="btn-primary">Créer une page</a>
    </div>

    <div class="card mt-2">
        <div class="card_body">
            <form action="{{ path('admin_page_index') }}">
                <input type="text" name="title" placeholder="Rechercher par titre" value="{{ formSearch.get('title') }}">
                <button type="submit" class="btn-primary">Rechercher</button>
                {% if formSearch.searching %}
                    <a href="{{ path('admin_page_index', { 'reset-filters': 1 }) }}" class="btn-secondary">Réinitialiser</a>
                {% endif %}
            </form>
        </div>
    </div>

    <div class="card mt-2">
        <div class="card_body">
            <table class="table">
                <thead>
                <tr>
                    <th>Titre</th>
                    <th>En ligne</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for page in pages %}
                    <tr>
                        <td>{{ page.title }}</td>
                        <td>{{ page.isOnline ? icon('valid') : icon('invalid') }}</td>
                        <td>
                            <a href="{{ path('admin_page_edit', { id: page.id }) }}">{{ icon('edit') }}</a>
                            <confirm-delete data-action="{{ path('admin_page_delete', { id: page.id }) }}"></confirm-delete>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="3">Aucune page disponible.</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}