{#
 # Layout de base pour toutes les pages SAM.
 # Injecte automatiquement le context-banner (sélecteur d'entreprise)
 # en haut de chaque page SAM.
 #
 # Utilisation:
 #   {% extends 'sam/layout.html.twig' %}
 #   {% block sam_body %}...{% endblock %}
 #
 # Variables attendues du controller:
 #   - company     : Company|null   — entreprise sélectionnée
 #   - companies   : array          — toutes les entreprises accessibles
 #   - isAdmin     : bool           — utilisateur admin
 #   - currentPageUrl : string      — URL courante pour le sélecteur
 #}

{% extends 'base.html.twig' %}

{% block main_class %}bg-sam-bg{% endblock %}

{# Surcharge des tokens CSS cohorts avec les couleurs SAM stockées en BDD #}
{% block stylesheets %}
    {{ parent() }}
    {% set samC = tool_color_details.sam %}
    <style>
        :root {
            --color-cohorts:       {{ samC.primary }};
            --color-cohorts-light: {{ samC.border }};
            --color-cohorts-dark:  {{ samC.secondary }};
            --color-cohorts-hover: {{ samC.secondary }};
            --color-gradient-cohorts-start:  {{ samC.secondary }};
            --color-gradient-cohorts-middle: {{ samC.primary }};
            --color-gradient-cohorts-end:    {{ samC.border }};
            --shadow-cohorts:      0 4px 14px 0 rgb({{ tool_color_hex.sam }} / 0.25);
            --shadow-cohorts-hover: 0 7px 19px 0 rgb({{ tool_color_hex.sam }} / 0.47);
        }
    </style>
{% endblock %}

{% block body %}

    {# ══════════════════════════════════════════════════════════════════════════
       CONTEXT BANNER — pleine largeur, collé en haut (pas de padding sur main)
       Organism: _organisms/context-banner/context-banner.html.twig
    ══════════════════════════════════════════════════════════════════════════ #}
    {% if isAdmin is defined and isAdmin %}
    {% include '_organisms/context-banner/context-banner.html.twig' with {
        title: company is defined and company ? company.name : 'Toutes les entreprises',
        subtitle: (company is defined and company and stats is defined)
            ? '<strong>' ~ (stats.users ?? 0) ~ '</strong> apprenants · <strong>' ~ (stats.courses ?? 0) ~ '</strong> cours · <strong>' ~ (stats.cohorts ?? 0) ~ '</strong> cohortes'
            : 'Vue d\'ensemble — toutes entreprises',
        icon: 'building',
        color: 'cohorts',
        theme: 'light',
        escape: false,
        selector: (isAdmin is defined and isAdmin and companies is defined and companies|length > 1) ? {
            items: companies|map(c => { label: c.name, value: c.uuid }),
            selected: (company is defined and company) ? company.uuid : null,
            controller: 'sam--company-selector',
            baseUrl: app.request.pathinfo
        } : null
    } only %}
    {% endif %}

    {# ══════════════════════════════════════════════════════════════════════════
       CONTENU DE LA PAGE SAM — padding ici, pas sur <main>
    ══════════════════════════════════════════════════════════════════════════ #}
    <div class="px-6 lg:px-8 py-8 lg:py-10">
        {% block sam_body %}{% endblock %}
    </div>

{% endblock %}