{% extends 'base.html.twig' %}

{% block title %}Nos membres à Tornacum{% endblock %}

{% block meta_description %}
    Rencontrez les talentueux membres de la Chorale Homme de Kain, Tornacum.
    Sous la direction d'Alexandra Kabalan,
    notre ensemble réunit des chanteurs passionnés dédiés à l'art du chant choral masculin.
    Découvrez leurs parcours et leur passion pour la musique.
{% endblock %}

{% block titrepage %}
    <small>Nos membres à </small>Tornacum
{% endblock %}

{% block body %}

    <div class="row justify-content-center">
        <div class="col-lg-6 col-12 text-center">
            <div class="card">
                {% for user in users %}
                    {%  if user.username == 'AlexandraK' %}
                <div class="card-header">
                    <h3>{{ user.prenom ~ " " ~ user.nom }}</h3>
                    <h5>La cheffe</h5>
                </div>
                <div class="card-body">
                    <img src="/images/profil/{{ user.photo.image }}" alt="" width="200">
                </div>
                    {% endif %}
                {% endfor %}
            </div>
        </div>
    </div>
    {% for voice in voices %}
        <div class="row justify-content-center">
            <div class="col-12 col-md-12 mt-2 text-center">
                <div class="card">
                    <div class="card-header">
                        <h2>{{ voice }}</h2>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            {% for user in users %}
                                {% if user.voixPrincipale == voice %}
                                    <div class="col-lg-4 col-12 text-center">
                                        <div class="card">
                                            <div class="card-header">
                                                <h3>{{ user.prenom ~ " " ~ user.nom }}</h3>
                                            </div>
                                            <div class="card-body">
                                                <img src="/images/profil/{{ user.photo.image }}" alt="" width="200">
                                            </div>
                                            <div class="card-footer">
                                                {{ user.tessiture }}
                                            </div>
                                        </div>
                                    </div>
                                {% endif %}
                            {% endfor %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    {% endfor %}

{% endblock %}

    {% block sidebar %}

        <h4>Recrutement</h4>
        <p>
            Vous êtes un homme, vous pouvez vous déplacer, vous aimez chanter, venez nous rejoindre tous les jeudis de
            19h30 à 21h30 à Kain
        </p>

    {% endblock %}