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

{% block title %}SEO — Admin{% endblock %}
{% block page_title %}SEO{% endblock %}
{% block page_subtitle %}Métadonnées des pages{% 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>
    <span class="adm-bc-current">SEO</span>
</nav>

{# ── Tabs ── #}
<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-p 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-g adm-btn-sm">Pages d'erreur</a>
    {% if is_granted('ROLE_ADMIN') %}
    <div style="display:flex;gap:6px;margin-left:auto">
        {% if pages|length > 0 %}
        {% if is_granted('ROLE_SUPER_ADMIN') %}
        <a href="{{ path('app_admin_seo_export_sql') }}" class="adm-btn adm-btn-g adm-btn-sm">SQL</a>
        {% endif %}
        <a href="{{ path('app_admin_seo_export') }}" class="adm-btn adm-btn-g adm-btn-sm">CSV</a>
        {% endif %}
        <a href="/sitemap.xml" target="_blank" class="adm-btn adm-btn-g adm-btn-sm">
            <svg viewBox="0 0 24 24" style="margin-right:4px"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
            Sitemap
        </a>
    </div>
    {% endif %}
</div>

<div class="adm-card" style="padding:0;overflow:visible">
    <div class="adm-tbl-wrap" style="margin-top:0">
        <table>
            <thead>
                <tr>
                    <th>Page</th>
                    <th>Route</th>
                    <th>Catégorie</th>
                    <th>Title</th>
                    <th>Robots</th>
                    <th>Sitemap</th>
                    <th style="width:60px"></th>
                </tr>
            </thead>
            <tbody>
                {% for page in pages %}
                <tr>
                    <td style="font-weight:500;font-size:.85rem">{{ page.pageLabel }}</td>
                    <td><code style="font-size:.78rem;background:rgba(124,158,255,.08);padding:2px 6px;border-radius:4px">{{ page.routeName }}</code></td>
                    <td>
                        {% if page.pageCategory == 'public' %}
                            <span class="adm-pill adm-pill-active">Public</span>
                        {% elseif page.pageCategory == 'auth' %}
                            <span class="adm-pill adm-pill-paused">Auth</span>
                        {% elseif page.pageCategory == 'legal' %}
                            <span class="adm-pill adm-pill-trial">Legal</span>
                        {% endif %}
                    </td>
                    <td style="font-size:.78rem;color:var(--muted);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">{{ page.title ?? '—' }}</td>
                    <td style="font-size:.72rem">{{ page.robots }}</td>
                    <td>
                        {% if page.sitemapInclude %}
                            <span style="color:var(--green);font-weight:500;font-size:.78rem">Oui</span>
                        {% else %}
                            <span style="color:var(--muted);font-size:.78rem">Non</span>
                        {% endif %}
                    </td>
                    <td>
                        <div style="display:flex;gap:5px;justify-content:flex-end">
                            <a href="{{ path('app_admin_seo_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>
                            <a href="{{ path('app_admin_seo_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>
                        </div>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}