{% block trombinoscope %}
    {# La variable j sert uniquement a compter le nombre d'élèves présents #}
    {% set  j=0 %}     
    <div class="row">
        {# Si la session n'est pas vide #}
        {%if app.session.get('elevesmanuel')[0] is defined %}
            {# On parcourt tous les élèves stockées en session, puis on les affichent un à un #}
            {% for i in app.session.get('elevesmanuel')[0]%}         

                <div class="col-sm-3 col-md-2">
                    <div class="thumbnail">
                        {# Si la photo de l'étudiant existe, alors on la récupère puis on l'affiche
                        sinon on prend la photo par défaut (emblême de l'école) #}
                        {%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('ajout', {'i': j } ) }}" class="btn btn-default btn-block btn-sm" role="button">Ajouter</a>
                        </div> 
                    </div>
                </div>

                {% set j=j+1 %}
                {# Pour affichage seulement : Tous les six nouveaux affichage 
                on ferme la ligne précendente et on en commence une nouvelle #}
                {%if j%6==0%}
                </div><div class="row">
                {% endif %}

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