{% extends "/coulisses/base.html.twig" %}

{% block styles %}<style>.page-main { max-width: 37.5em; } h1 { margin-bottom: 0.5em; }</style>{% endblock %}

{% block content %}
<div class="page-main">
    <h1>{{ pageTitle }}</h1>
    <p class="subtitle">Force le rechargement des avis Google au prochain affichage de la page d'accueil.</p>

    {% if cacheFiles is not empty %}
        <div class="card" style="margin-bottom:1em;">
            <p style="font-size:0.875em;font-weight:600;margin-bottom:0.75em;">Cache en cours</p>
            {% for lang, info in cacheFiles %}
                <p style="font-size:0.8125em;color:#374151;margin-bottom:0.35em;">
                    <strong>{{ lang }}</strong> —
                    créé le {{ info.date }}
                    (il y a {{ info.ageText }})
                    {% if info.expired %}
                        · <span style="color:#dc2626;">expiré</span>
                    {% else %}
                        · expire dans {{ info.expiresIn }}
                    {% endif %}
                </p>
            {% endfor %}
        </div>
    {% else %}
        <p style="font-size:0.8125em;color:#6b7280;margin-bottom:1em;">Aucun cache en cours.</p>
    {% endif %}

    <div class="card">
        <p style="font-size:14px;color:#374151;margin-bottom:24px;">
            Les avis sont mis en cache pendant 4 jours. Utilisez ce bouton après avoir répondu à de nouveaux avis
            ou pour forcer une mise à jour immédiate.
        </p>
        <div
            data-admin-component="LongPressButton"
            data-action="/coulisses/vider-cache-avis-google"
            data-label="Vider le cache"
            data-done-label="Cache vidé ✓"
            data-duration="4000"
            data-theme="warning"
            data-contrast="light"
            data-icon="broom-wide"
            data-icon-style="duotone"
        ></div>
    </div>
</div>
{% endblock %}