{% extends 'admin/_layout.html.twig' %}

{% block title %}Pages d'erreur — Admin{% endblock %}
{% block page_title %}Pages d'erreur{% endblock %}
{% block page_subtitle %}404, 500, 403{% endblock %}

{% block admin_body %}
<nav class="adm-breadcrumb">
    <svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
    <a href="{{ path('app_admin') }}">Dashboard</a>
    <span class="adm-bc-sep">›</span>
    <a href="{{ path('app_admin_seo_index') }}">SEO</a>
    <span class="adm-bc-sep">›</span>
    <span class="adm-bc-current">Pages d'erreur</span>
</nav>

<div class="adm-card" style="padding:14px 20px;margin-bottom:8px;position:relative;z-index:1;display:flex;gap:8px;flex-wrap:wrap">
    <a href="{{ path('app_admin_seo_index') }}" class="adm-btn adm-btn-g adm-btn-sm">Pages SEO</a>
    <a href="{{ path('app_admin_legal_index') }}" class="adm-btn adm-btn-g adm-btn-sm">Pages légales</a>
    <a href="{{ path('app_admin_error_index') }}" class="adm-btn adm-btn-p adm-btn-sm">Pages d'erreur</a>
    {% if is_granted('ROLE_ADMIN') and pages|length > 0 %}
    <div style="display:flex;gap:6px;margin-left:auto">
        {% if is_granted('ROLE_SUPER_ADMIN') %}
        <a href="{{ path('app_admin_error_page_export_sql') }}" class="adm-btn adm-btn-g adm-btn-sm">SQL</a>
        {% endif %}
        <a href="{{ path('app_admin_error_page_export') }}" class="adm-btn adm-btn-g adm-btn-sm">CSV</a>
    </div>
    {% endif %}
</div>

<div style="padding:12px 0;font-size:.82rem;color:var(--muted);position:relative;z-index:1">
    <svg viewBox="0 0 24 24" style="width:14px;height:14px;stroke:var(--orange);fill:none;stroke-width:1.8;vertical-align:-2px;margin-right:4px"><circle cx="12" cy="12" r="10"/><path d="M12 8v4M12 16h.01"/></svg>
    Ces pages ne sont pas indexées par les moteurs de recherche.
</div>

<div class="adm-card" style="padding:0;overflow:visible">
    <div class="adm-tbl-wrap" style="margin-top:0">
        <table>
            <thead>
                <tr>
                    <th>Code</th>
                    <th>Titre</th>
                    <th>Dernière modification</th>
                    <th style="width:60px"></th>
                </tr>
            </thead>
            <tbody>
                {% for page in pages %}
                <tr>
                    <td><span class="adm-pill adm-pill-banned">{{ page.errorCode }}</span></td>
                    <td style="font-weight:500;font-size:.85rem">{{ page.heading }}</td>
                    <td style="font-size:.78rem;color:var(--muted)">{{ page.updatedAt ? page.updatedAt|date('d/m/Y H:i') : '—' }}</td>
                    <td>
                        <div style="display:flex;gap:5px;justify-content:flex-end">
                            <a href="{{ path('app_admin_error_show', {uuid: page.uuid}) }}" class="adm-act-btn" title="Fiche" aria-label="Fiche">
                                <svg viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
                            </a>
                            {% if is_granted('ROLE_ADMIN') %}
                            <a href="{{ path('app_admin_error_edit', {uuid: page.uuid}) }}" class="adm-act-btn" title="Modifier" aria-label="Modifier">
                                <svg viewBox="0 0 24 24"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
                            </a>
                            {% endif %}
                        </div>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}