{% set gardien = ligns %}
{% set id = ligns._object.id %}
{% set nom = gardien.nom.value %}
{% set prenom = gardien.prenom.value %}
{% set statut = gardien.statut.value %}
{% set photo = gardien._object.photo %}
{% set idClub = gardien._object.club.id %}

<div class="oka-flip tgo-exo_card {% if statut == 0 %}-brouillon{% endif %}">
    <div class="oka-flip__inner">
        <div class="oka-flip__front">
            {# LIEN #}
            {% for club in gClubs.list %}
                {% if club.statut == 1 %}
                    {% if club.id == app.user.clubFavori.id %}
                        <a class="oka-card__link" href="{{ path('parametrage.gardien.edit', {'id': id, 'idClub' : idClub}) }}"></a>    
                    {% endif %}
                {% endif %}
            {% endfor %}
        
            {# VISUEL #}
            <div class="oka-card__media oka-ratio -16-9 " style="background-image: url({{ asset('visuels/gardien/photo/' ~ photo) }});background-size: cover;"></div>

            {# RUBBAN #}
            {% if statut == 0 %}

            <div class="oka-card__pin">
                <div class="oka-card__corner">
                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 60"><polygon points="0 60 0 0 60 0 0 60" fill="var(--color-1--lighter)"></polygon></svg>
                    <i class="fa-solid fa-pen" style="position: absolute; left: 0.5rem; top: 0.45rem; font-size:0.6rem;color:var(--oka-color-system-contrast-medium)"></i>

                </div>
            </div>

            {% endif %}

            <div class="oka-card__head">
                <div class="u-oka-flex -flex-center-left">
                    {# TITRE #}
                    <div class="oka-data -strong -crop">
                        {{ nom }} - {{ prenom }}
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>