{# templates/analytics/_bloc_source.html.twig
   ─────────────────────────────────────────────────────────────────────────────
   Bloc source d'accès — affiché sur tous les niveaux.

   Paramètres attendus :
     sources (array) → [{'source': 'qr'|'nfc'|'lien'|'social', 'count': int}]
   ─────────────────────────────────────────────────────────────────────────────
#}

{# ── Calcul du total pour les pourcentages ── #}
{% set totalSources = 0 %}
{% for row in sources %}
    {% set totalSources = totalSources + row.count %}
{% endfor %}

{# ── Labels et icônes par source ── #}
{% set sourceConfig = {
    'qr':     { 'label': 'QR Code',       'icone': '⬛', 'couleur': '#667eea' },
    'nfc':    { 'label': 'NFC',           'icone': '📡', 'couleur': '#764ba2' },
    'lien':   { 'label': 'Lien direct',   'icone': '🔗', 'couleur': '#22c55e' },
    'social': { 'label': 'Réseau social', 'icone': '📱', 'couleur': '#f59e0b' }
} %}

<div class="analytics-bloc analytics-bloc--source">

    <div class="analytics-bloc__header">
        <h2 class="analytics-bloc__titre">📍 Source d'accès</h2>
        <span class="analytics-bloc__periode">{{ jours }} derniers jours</span>
    </div>

    {% if sources is empty %}
        <p class="analytics-bloc__empty">Aucune donnée sur la période.</p>
    {% else %}

        <div class="analytics-source__liste">
            {% for row in sources %}
                {% set config = sourceConfig[row.source] ?? { 'label': row.source, 'icone': '•', 'couleur': '#86868b' } %}
                {% set pct = totalSources > 0 ? ((row.count / totalSources) * 100) | round(1) : 0 %}

                <div class="analytics-source__item">

                    {# Icône + label #}
                    <div class="analytics-source__identity">
                        <span class="analytics-source__icone">{{ config.icone }}</span>
                        <span class="analytics-source__label">{{ config.label }}</span>
                    </div>

                    {# Barre de progression #}
                    <div class="analytics-source__barre-wrap">
                        <div class="analytics-source__barre"
                             style="width: {{ pct }}%; background-color: {{ config.couleur }};">
                        </div>
                    </div>

                    {# Chiffres #}
                    <div class="analytics-source__chiffres">
                        <span class="analytics-source__count">{{ row.count }}</span>
                        <span class="analytics-source__pct">{{ pct }}%</span>
                    </div>

                </div>
            {% endfor %}
        </div>

        {# ── Sources non détectées (si total < vues totales) ── #}
        {% if totalSources == 0 %}
            <p class="analytics-bloc__note">
                💡 La source est détectée via le paramètre <code>?src=</code> dans l'URL de la carte.
                Les accès sans ce paramètre ne sont pas comptabilisés ici.
            </p>
        {% endif %}

    {% endif %}

</div>