{#
    Bandeau « modifications en attente » en tête de chaque écran de l'admin
    (DraftExtension::summary). Absent sur l'écran des modifications et sur
    celui de l'assistant, qui les montrent déjà.
    Variable : site
#}
{% set route = app.request.attributes.get('_route') %}
{% set pending = (site is defined and site and route not in ['admin_site_draft', 'admin_agent']) ? site_draft(site) : null %}
{# Rien en attente, mais la version en ligne a été publiée sans aperçu (recopie
   d'un super admin) : sa vérification se fait sur « Modifications en attente ». #}
{% set liveCheck = (not pending and site is defined and site and route not in ['admin_site_draft', 'admin_agent'] and izi_feature('recette')) ? site_live_check(site) : null %}
{% if liveCheck %}
<section class="draft-notice{{ liveCheck.critical > 0 ? ' draft-notice--critical' : '' }}" aria-label="Vérification du site en ligne" role="status">
    <i class="fas fa-mobile-screen-button draft-notice__icon" aria-hidden="true"></i>
    <p class="draft-notice__text">
        {% if liveCheck.pending > 0 %}
            <strong>Votre site a été mis en ligne sans vérification.</strong>
            Ouvrez « Modifications en attente » : ses pages y sont vérifiées sur téléphone, tablette et ordinateur.
        {% else %}
            <strong>La vérification du site en ligne a trouvé {{ liveCheck.critical }} défaut{{ liveCheck.critical > 1 ? 's' : '' }} grave{{ liveCheck.critical > 1 ? 's' : '' }}.</strong>
            L'assistant peut les corriger.
        {% endif %}
    </p>
    <a class="btn btn-gradient" href="{{ path('admin_site_draft', {siteId: site.id}) }}">{{ liveCheck.pending > 0 ? 'Vérifier mon site' : 'Voir les défauts' }}</a>
</section>
{% endif %}
{% if pending or liveCheck %}
<style>
    .draft-notice { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0 0 20px; padding: 12px 18px; background: #fff; border: 1px solid var(--line, #e6dfd3); border-left: 5px solid var(--brand-primary, #24477a); border-radius: 12px; }
    .draft-notice--critical { border-left-color: var(--action, #b8461e); }
    .draft-notice__icon { color: var(--brand-primary, #24477a); font-size: 1.3rem; }
    .draft-notice__text { flex: 1 1 260px; margin: 0; font-size: .93rem; color: #3d4250; }
    .draft-notice__text strong { color: var(--ink, #16181d); }
    @media (max-width: 576px) { .draft-notice .btn { width: 100%; } }
</style>
{% endif %}
{% if pending %}
<section class="draft-notice" aria-label="Modifications en attente" role="status">
    <i class="fas fa-layer-group draft-notice__icon" aria-hidden="true"></i>
    <p class="draft-notice__text">
        <strong>{{ pending.count }} modification{{ pending.count > 1 ? 's' : '' }} attend{{ pending.count > 1 ? 'ent' : '' }} votre validation.</strong>
        Rien n'est encore en ligne.
    </p>
    {# Mode Assistant : on valide là où l'on a demandé, dans l'onglet « À valider » de l'assistant. #}
    <a class="btn btn-gradient" href="{{ is_assistant_mode() and agent_available(site) ? path('admin_agent', {siteId: site.id, onglet: 'a-valider'}) : path('admin_site_draft', {siteId: site.id}) }}">Voir et valider</a>
</section>
{% endif %}