{% if gClubs.list %}
<div class="tgo-head_club">



    {# LOGO #}
    {% for club in gClubs.list %}
        {% if app.user.clubFavori is defined %}
            {% if club.id == app.user.clubFavori.id %}
            <div class="tgo-head_logoClub">
                <img src="{{ asset('visuels/club/logo/' ~ club.logo) }}" width="30px" id="selected-club-logo"/>
            </div>  
            {% endif %}
        {% endif %}
    {% endfor %}


    {# SELECT CLUB #}
    <input type="checkbox" class="oka-dropdown__ctrl" id="dropdown-club" />
    <div class="oka-dropdown">
        {% for club in gClubs.list %}
            {% if app.user.clubFavori is defined %}
                {% if club.id == app.user.clubFavori.id %}
                    <label class="oka-dropdown__bt oka-bt -ghost" for="dropdown-club" id="selected-club">
                        <div class="oka-bt__lbl">{{ club.nom }} - {% if app.user.saisonFavori != null %} {{ app.user.saisonFavori.championnat.nom }} {% endif %} </div>
                        <div class="oka-bt__ico"><i class="fa-solid fa-caret-down"></i></div>
                        <div class="oka-spinner"></div>
                    </label>
                {% endif %}
            {% endif %}
        {% endfor %}
        <label for="dropdown-club" class="oka-dropdown__overlay"></label>
        <div class="oka-dropdown__ctnr">
            <div class="oka-navgroup -vrt">
            {% for club in gClubs.list %}
                {% if club.id !=  app.user.clubFavori.id %}
                    <a href="{{path("planning.club.show", {'idClub': club.id} )}}" class="oka-nav" data-id="{{ club.id }}" data-logo="{{ asset('visuels/club/logo/' ~ club.logo) }}" data-name="{{ club.nom }}" onclick="setClubCookie({{ club.id }})">
                        {# badge club actif #}
                        {% if club.statut == 1 %} 
                            <div class="oka-badge -xs -success" style="margin-left:0.5rem; margin-right:-1rem"></div>
                        {% endif %}
                        <span class="oka-nav__lbl">{{ club.nom }}</span>

                    </a>
                {% endif %}
            {% endfor %}
            </div>
        </div>
    </div>

    <!-- DROPDOWN PARAMETRES CLUB -->
    <input type="checkbox" class="oka-dropdown__ctrl" id="dropdown-club-params" />
    <div class="oka-dropdown">
        <label class="oka-dropdown__bt oka-bt  -ghost" for="dropdown-club-params" >
            <div class="oka-bt__ico"><i class="fa-regular fa-gear"></i></div>
            <div class="oka-spinner"></div>
        </label>
        <label for="dropdown-club-params" class="oka-dropdown__overlay"></label>
        <div class="oka-dropdown__ctnr">
            <div class="oka-navgroup -vrt">
                <a href="{{ path('parametrage.saison.list') }}" class="oka-nav {{ 'parametrage.saison.list' in route ? '-active' }}">
                    <span class="oka-nav__lbl">Saisons</span>
                </a>
                <a href="{{ path('parametrage.gardien.list') }}" class="oka-nav {{ 'parametrage.gardien.list' in route ? '-active' }}">
                    <span class="oka-nav__lbl">Gardiens</span>
                </a>
                <a href="{{ path('parametrage.stade.list') }}" class="oka-nav {{ 'parametrage.stade.list' in route ? '-active' }}">
                    <span class="oka-nav__lbl">Lieux</span>
                </a>
                <a href="{{ path("parametrage.club.edit", {'id': app.user.clubFavori.id}) }}" class="oka-nav {{ 'parametrage.club.edit' in route ? '-active' }}">
                    <span class="oka-nav__lbl">Parametrage du club</span>
                </a>
                
            </div>    
        </div>
    </div>


</div>
<div class="oka-divider -vrt -low" ></div>
{% endif %}