{#
    Composant logo modulaire et flexible

    Paramètres disponibles :
    - showIcon (bool, default: true) : Afficher l'icône SVG
    - showText (bool, default: true) : Afficher le texte "Bubul"
    - showBadge (bool, default: true) : Afficher le badge "BETA"
    - size (string, default: '') : Taille du logo (sm, lg, xl)
    - vertical (bool, default: false) : Disposition verticale
    - centered (bool, default: false) : Centrer le logo
    - inline (bool, default: false) : Version inline sans div conteneur (pour utilisation dans les titres)

    Exemples d'utilisation :
    - Logo complet : {% include '_components/logos/logo-with-text.html.twig' %}
    - Logo uniquement : {% include '_components/logos/logo-with-text.html.twig' with {showText: false, showBadge: false} %}
    - Texte + Badge : {% include '_components/logos/logo-with-text.html.twig' with {showIcon: false} %}
    - Grande taille : {% include '_components/logos/logo-with-text.html.twig' with {size: 'lg'} %}
    - Inline dans un titre : {% include '_components/logos/logo-with-text.html.twig' with {showIcon: false, inline: true} %}
#}

{% set showIcon = showIcon is defined ? showIcon : true %}
{% set showText = showText is defined ? showText : true %}
{% set showBadge = showBadge is defined ? showBadge : true %}
{% set size = size ?? '' %}
{% set vertical = vertical is defined ? vertical : false %}
{% set centered = centered is defined ? centered : false %}
{% set inline = inline is defined ? inline : false %}

{% set classes = ['logo'] %}
{% if size %}{% set classes = classes|merge(['logo--' ~ size]) %}{% endif %}
{% if vertical %}{% set classes = classes|merge(['logo--vertical']) %}{% endif %}
{% if centered %}{% set classes = classes|merge(['logo--centered']) %}{% endif %}
{% if inline %}{% set classes = classes|merge(['logo--inline']) %}{% endif %}

{% if inline %}
    {# Version inline avec span wrapper pour appliquer les classes (taille, etc.) #}
    <span class="{{ classes|join(' ') }}">
        {% if showIcon %}
            <span class="logo-icon">
                {% include '_components/logos/logo.html.twig' %}
            </span>
        {% endif %}
        {% if showText %}
            <span class="logo-text">Bubul</span>
        {% endif %}
        {% if showBadge %}
            <span class="beta-badge">BETA</span>
        {% endif %}
    </span>
{% else %}
    {# Version avec div conteneur #}
    <div class="{{ classes|join(' ') }}">
        {% if showIcon %}
            <div class="logo-icon">
                {% include '_components/logos/logo.html.twig' %}
            </div>
        {% endif %}

        {% if showText %}
            <span class="logo-text">Bubul</span>
        {% endif %}

        {% if showBadge %}
            <span class="beta-badge">BETA</span>
        {% endif %}
    </div>
{% endif %}