{% block trombinoscope %}

    {# La variable j sert à compter les présents #}
    {% set  j=0 %}
    {# On verifie l'affichage que veut l'utilisateur. 'true' correspond a l'affichage
    classique en trombinoscope, 'false' à l'affichage d'amphithéatre sous forme de table.
    Par défaut l'affichage en trombinoscope est choisi #}
    {% if app.session.get('affichageclassique')==true %}

        {# Début affichage trombinoscope #}
        <div class="row">
            {# On affiche tous les présents un a un #}
            {% for i in app.session.get('collection')%}         

                <div class="col-sm-3 col-md-2" id="{{j}}">
                    <div class="thumbnail">
                        {# Gestion de la photo, si existante on la met sinon photo par défaut #}
                        {%if i['photo']!=null%}
                            <img class="img-thumbnail" src="data:image/jpeg;base64,{{ i['photo'] }}" alt="photo">
                        {%else%}
                            <img class="img-thumbnail" src="{{ asset('bundles/presentiel/img/photodefault.png') }}" alt="photo"> 
                        {% endif %}
                        <div class="caption">
                            <p class="text-center">{{i['nom']}}</p>
                            <p class="text-center">{{i['prenom']}}</p>
                            <a href="{{ url('supression', {'i': j } ) }}" class="btn btn-default btn-block btn-sm" role="button">Supprimer</a>
                        </div> 
                    </div>
                </div>
                {% set j=j+1 %}
                {# Affichage : Tout les six présents affichés on finit la ligne
                et on en démarre une nouvelle #}
                {%if j%6==0%}
                </div><div class="row">
                {% endif %}
            {% endfor %}
        </div>
        <h1 class="text-center">Nombre de présents : {{j}}</h1>

    {# Début affichage amphithéatre #}
    {% else %}

        <div class='table-responsive'>
            <table class='table table table-condensed table-hover' >
                <thead>
                    <tr>
                        <th id="{{j}}"></th>
                        <th>Nom</th>
                        <th>Prénom</th>
                        <th>Photo</th>
                        <th>Supprimer</th>
                    </tr>
                </thead>
                <tbody>
                    {# On affiche tous les présents un a un #}
                    {% for i in app.session.get('collection')%} 
                        <tr id="{{j+1}}">
                            <td>{{j+1}}</td>
                            <td>{{i['nom']}}</td>
                            <td>{{i['prenom']}}</td>
                            {# Gestion de la photo, si existante on la met en lien sinon on avertit qu'il n'y a pas de photo #}
                            {%if i['photo']!=null%}
                                <td><a href="data:image/jpeg;base64,{{i['photo']}}" target="_blank" class="btn btn-default btn-block btn-xs">Photographie</a></td>
                            {%else%}
                                <td>Pas de photographie</td>
                            {% endif %}     
                            <td><a href="{{ url('supression', {'i': j } ) }}" class="btn btn-default btn-block btn-xs" role="button">Supprimer</a></td>
                        </tr>
                        {% set j=j+1 %}
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}