{#
 # ============================================================================
 # ORGANISM: AUTH LAYOUT
 # ============================================================================
 #
 # Layout split-screen pour les pages d'authentification.
 # Divise l'écran en deux parties : visuel (gauche) et contenu (droite).
 #
 # ============================================================================
 # COMPOSITION (Organismes utilisés)
 # ============================================================================
 #
 # - _organisms/auth-visual/auth-visual.html.twig
 #
 # ============================================================================
 # PARAMÈTRES
 # ============================================================================
 #
 # | Paramètre      | Type   | Défaut     | Description                        |
 # |----------------|--------|------------|-----------------------------------|
 # | logoVariant    | string | 'detailed' | Variant du logo (detailed, full)  |
 # | logoSize       | string | '2xl'      | Taille du logo                    |
 # | visualBg       | string | 'white'    | Couleur de fond du visuel         |
 # | contentBg      | string | 'gray-50'  | Couleur de fond du contenu        |
 # | class          | string | ''         | Classes additionnelles            |
 #
 # ============================================================================
 # UTILISATION
 # ============================================================================
 #
 
 # {% embed '_organisms/auth-layout/auth-layout.html.twig' %}
 #     {% block content %}
 #         <!-- Votre formulaire ici -->
 #     {% endblock %}
 # {% endembed %}
 #
 # ============================================================================
 #}

{# Configuration des valeurs par défaut #}
{% set logoVariant = logoVariant ?? 'detailed' %}
{% set logoSize = logoSize ?? '2xl' %}
{% set visualBg = visualBg ?? 'white' %}
{% set contentBg = contentBg ?? 'gray-50' %}
{% set class = class ?? '' %}

{% set containerClasses = [
    'min-h-screen w-full',
    'flex flex-col lg:flex-row',
    class
]|join(' ')|trim %}

{% set contentClasses = [
    'flex-1 lg:w-1/2',
    'bg-' ~ contentBg,
    'flex items-center justify-center',
    'min-h-[70vh] lg:min-h-screen',
    'p-4 lg:p-8'
]|join(' ')|trim %}

<div class="{{ containerClasses }}" data-turbo="false">
    {# ===== Partie visuelle (gauche) ===== #}
    {% block visual %}
        {% include '_organisms/auth-visual/auth-visual.html.twig' with {
            logoVariant: logoVariant,
            logoSize: logoSize
        } only %}
    {% endblock %}

    {# ===== Partie contenu (droite) ===== #}
    <div class="{{ contentClasses }}">
        {% block content %}
            {# Le contenu du formulaire sera injecté ici #}
        {% endblock %}
    </div>
</div>