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

{% block title %}Formulaires personnalisés{% endblock %}

{% block body %}
    <div class="flex items-center justify-between mb-4">
        <h1 class="h1">Formulaires personnalisés</h1>
        <a href="{{ path('admin_custom_form_new') }}" class="btn-primary">Créer un formulaire</a>
    </div>

    <div class="card">
        <div class="card-body">
            <table class="table">
                <thead>
                <tr>
                    <th>Titre</th>
                    <th>Slug</th>
                    <th>Actif</th>
                    <th>Actions</th>
                </tr>
                </thead>
                <tbody>
                {% for form in forms %}
                    <tr>
                        <td>{{ form.title }}</td>
                        <td>{{ form.slug ?? '—' }}</td>
                        <td>{{ form.isEnabled ? icon('valid', true) : icon('invalid', true) }}</td>
                        <td class="flex gap-2">
                            <a href="{{ path('admin_custom_form_edit', {id: form.id}) }}" class="text-contrast" title="Modifier">
                                {{ icon('edit', true) }}
                            </a>
                            <a href="{{ path('admin_custom_field_index', {id: form.id}) }}" class="text-primary" title="Champs">
                                {{ icon('form', true) }}
                            </a>
                            <confirm-delete data-action="{{ path('admin_custom_form_delete', {id: form.id}) }}"></confirm-delete>
                        </td>
                    </tr>
                {% else %}
                    <tr>
                        <td colspan="4" class="text-center text-gray-500">Aucun formulaire pour l’instant.</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}