{#
 # ============================================================================
 # MOLECULE: PLATFORM SWITCH
 # ============================================================================
 #
 # Bouton de navigation entre plateformes (Bubul ↔ SAM).
 # Deux états : expanded (icône + label + chevron) et collapsed (icône seule).
 #
 # ============================================================================
 # COMPOSITION (Atomes utilisés)
 # ============================================================================
 #
 # - _atoms/icon/icon.html.twig
 #
 # ============================================================================
 # PARAMÈTRES
 # ============================================================================
 #
 # | Paramètre   | Type   | Défaut  | Description                          |
 # |-------------|--------|---------|--------------------------------------|
 # | href        | string | '#'     | URL de destination                   |
 # | label       | string | ''      | Label principal                      |
 # | icon        | string | null    | Nom de l'icône                       |
 # | colorScheme | string | 'blue'  | 'blue' (Bubul) ou 'violet' (SAM)     |
 # | locked      | bool   | false   | Désactivé (non cliquable)            |
 #
 # ============================================================================
#}

{% set href = href ?? '#' %}
{% set label = label ?? '' %}
{% set icon = icon ?? null %}
{% set logo = logo ?? null %}
{% set logoTint = logoTint ?? null %}
{% set colorScheme = colorScheme ?? 'blue' %}
{% set style = style ?? 'gradient' %}
{% set locked = locked ?? false %}

{% if colorScheme == 'violet' %}
    {% set gradientClass = 'bg-linear-to-r from-gradient-cohorts-start via-gradient-cohorts-middle to-gradient-cohorts-end' %}
    {% set lightClass = 'bg-cohorts/8 border border-cohorts/30 hover:bg-cohorts/14 hover:border-cohorts/45' %}
    {% set textClass = 'text-cohorts-dark' %}
    {% set shadowStyle = '0 4px 20px rgba(139,92,246,0.4)' %}
    {% set shadowStyleSm = '0 4px 12px rgba(139,92,246,0.4)' %}
{% else %}
    {% set gradientClass = 'bg-linear-to-r from-gradient-start via-gradient-middle to-gradient-end' %}
    {% set lightClass = 'bg-primary/8 border border-primary/30 hover:bg-primary/14 hover:border-primary/45' %}
    {% set textClass = 'text-primary-dark' %}
    {% set shadowStyle = '0 4px 20px rgba(12,129,228,0.4)' %}
    {% set shadowStyleSm = '0 4px 12px rgba(12,129,228,0.4)' %}
{% endif %}

{% set containerClass = style == 'light' ? lightClass : gradientClass %}

{# Expanded #}
<a href="{{ locked ? '#' : href }}"
   class="group-data-[collapsed=true]/sidebar:hidden flex items-center gap-3 w-full rounded-xl px-3 py-3 mb-1 font-secondary {{ containerClass }} transition-all duration-200 {{ locked ? 'opacity-50 pointer-events-none cursor-not-allowed' : 'active:scale-[0.97]' }}"
   {% if style == 'gradient' and not locked %}style="box-shadow: {{ shadowStyle }};"{% endif %}
   {% if locked %}aria-disabled="true" tabindex="-1"{% endif %}>
    <span class="shrink-0 flex items-center justify-center opacity-90">
        {% if logo %}
            <span class="w-7 h-7 flex items-center justify-center">
                {% include '_atoms/logo/logo.html.twig' with { variant: logo, size: 'xs', tint: logoTint } %}
            </span>
        {% else %}
            {% include '_atoms/icon/icon.html.twig' with { name: icon, size: 'lg', color: style == 'light' ? (colorScheme == 'violet' ? 'cohorts' : 'primary') : 'white' } %}
        {% endif %}
    </span>
    <span class="{{ style == 'light' ? textClass : 'text-white' }} font-semibold text-sm">{{ label }}</span>
    <span class="ml-auto shrink-0 opacity-50">
        {% include '_atoms/icon/icon.html.twig' with { name: locked ? 'lock' : 'chevron-right', size: 'xs', color: style == 'light' ? (colorScheme == 'violet' ? 'cohorts' : 'primary') : 'white' } %}
    </span>
</a>

{# Collapsed : carré icône seul #}
<a href="{{ locked ? '#' : href }}"
   class="hidden group-data-[collapsed=true]/sidebar:flex w-10 h-10 mx-auto mb-1 rounded-xl items-center justify-center {{ containerClass }} transition-all duration-300 {{ locked ? 'opacity-50 pointer-events-none cursor-not-allowed' : 'hover:scale-110 active:scale-95' }}"
   {% if style == 'gradient' and not locked %}style="box-shadow: {{ shadowStyleSm }};"{% endif %}
   data-tooltip="{{ label }}"
   {% if locked %}aria-disabled="true" tabindex="-1"{% endif %}>
    {% if logo %}
        <span class="w-5 h-5 flex items-center justify-center">
            {% include '_atoms/logo/logo.html.twig' with { variant: logo, size: 'xs', tint: logoTint } %}
        </span>
    {% else %}
        {% include '_atoms/icon/icon.html.twig' with { name: icon, size: 'md', color: style == 'light' ? (colorScheme == 'violet' ? 'cohorts' : 'primary') : 'white' } %}
    {% endif %}
</a>