{#
 # ============================================================================
 # ORGANISM: AUTH VISUAL
 # ============================================================================
 #
 # Partie visuelle des pages d'authentification.
 # Affiche le logo Bubul sur fond blanc, occupe 50% de l'écran.
 #
 # ============================================================================
 # COMPOSITION (Atomes utilisés)
 # ============================================================================
 #
 # - _atoms/logo/logo.html.twig
 #
 # ============================================================================
 # PARAMÈTRES
 # ============================================================================
 #
 # | Paramètre    | Type   | Défaut     | Description                      |
 # |--------------|--------|------------|----------------------------------|
 # | logoVariant  | string | 'detailed' | Variant du logo (detailed, full) |
 # | logoSize     | string | '2xl'      | Taille du logo                   |
 # | class        | string | ''         | Classes additionnelles           |
 #
 # ============================================================================
 #}

{# Configuration des valeurs par défaut #}
{% set logoVariant = logoVariant ?? 'detailed' %}
{% set logoSize = logoSize ?? '2xl' %}
{% set class = class ?? '' %}

{% set containerClasses = [
    'relative w-full lg:w-1/2',
    'bg-white',
    'flex items-center justify-center',
    'min-h-[200px] lg:min-h-screen',
    'max-h-[30vh] lg:max-h-none',
    'p-4 lg:p-8',
    class
]|join(' ')|trim %}

<div class="{{ containerClasses }}">
    <div class="relative z-10 w-full h-full flex items-center justify-center p-8">
        {% include '_atoms/logo/logo.html.twig' with {
            variant: logoVariant,
            size: 'fluid',
            class: 'w-auto max-w-[260px] lg:w-3/4 lg:max-w-none h-auto'
        } only %}
    </div>
</div>