{# templates/analytics/essentiel.html.twig
   ─────────────────────────────────────────────────────────────────────────────
   Dashboard analytics — Pack Essentiel (179€)
   Blocs : vues (compteur), source, appareils, pays (liste)
   ─────────────────────────────────────────────────────────────────────────────
#}

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

{% block analytics_content %}

    {# ── Vues — mode compteur simple, pas de graphe ── #}
    {{ include('analytics/_bloc_vues.html.twig', {
        totalVues: totalVues,
        mode: 'compteur'
    }) }}

    {# ── Source d'accès ── #}
    {{ include('analytics/_bloc_source.html.twig', {
        sources: sources
    }) }}

    {# ── Appareils ── #}
    {{ include('analytics/_bloc_appareils.html.twig', {
        appareils: appareils
    }) }}

    {# ── Pays — mode liste simple ── #}
    {{ include('analytics/_bloc_pays.html.twig', {
        pays: pays,
        mode: 'liste'
    }) }}

    {# ══════════════════════════════════════════════════════════════════════════
       BLOC UPSELL — Fonctionnalités Premium verrouillées
       ══════════════════════════════════════════════════════════════════════════ #}
    <div class="analytics-upsell">

        <div class="analytics-upsell__header">
            <span class="analytics-upsell__icone">🔒</span>
            <h3 class="analytics-upsell__titre">Débloquez vos analytics avancés</h3>
        </div>

        <div class="analytics-upsell__features">

            <div class="analytics-upsell__feature">
                <span class="analytics-upsell__feature-icone">📈</span>
                <div>
                    <span class="analytics-upsell__feature-label">Graphe de vues</span>
                    <span class="analytics-upsell__feature-desc">
                        Évolution jour par jour sur 30 ou 90 jours
                    </span>
                </div>
            </div>

            <div class="analytics-upsell__feature">
                <span class="analytics-upsell__feature-icone">👆</span>
                <div>
                    <span class="analytics-upsell__feature-label">Détail des clics</span>
                    <span class="analytics-upsell__feature-desc">
                        Téléphone, email, LinkedIn, WhatsApp, site web...
                    </span>
                </div>
            </div>

            <div class="analytics-upsell__feature">
                <span class="analytics-upsell__feature-icone">🕐</span>
                <div>
                    <span class="analytics-upsell__feature-label">Heatmap jour / heure</span>
                    <span class="analytics-upsell__feature-desc">
                        Identifiez vos meilleurs moments de visibilité
                    </span>
                </div>
            </div>

            <div class="analytics-upsell__feature">
                <span class="analytics-upsell__feature-icone">🌍</span>
                <div>
                    <span class="analytics-upsell__feature-label">Carte monde interactive</span>
                    <span class="analytics-upsell__feature-desc">
                        Visualisez vos pays d'origine en temps réel
                    </span>
                </div>
            </div>

            <div class="analytics-upsell__feature">
                <span class="analytics-upsell__feature-icone">⏱</span>
                <div>
                    <span class="analytics-upsell__feature-label">Durée de consultation</span>
                    <span class="analytics-upsell__feature-desc">
                        Mesurez l'engagement réel de vos visiteurs
                    </span>
                </div>
            </div>

            <div class="analytics-upsell__feature">
                <span class="analytics-upsell__feature-icone">📄</span>
                <div>
                    <span class="analytics-upsell__feature-label">Export PDF</span>
                    <span class="analytics-upsell__feature-desc">
                        Partagez vos stats avec vos clients ou votre équipe
                    </span>
                </div>
            </div>

        </div>

        <div class="analytics-upsell__cta">
            <a href="{{ path('app_upgrade') }}" class="analytics-upsell__btn">
                Passer au Premium — 299€ HT
            </a>
            <p class="analytics-upsell__note">
                Mise à niveau immédiate — vos données existantes sont conservées
            </p>
        </div>

    </div>

{% endblock %}