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

{% block title %}Choix d'utilisateur {% endblock %}

{% block body %}
    <section class="eplo-container-form">
        <h4>Pole {{ pole.nom }} - Choix d'utilisateur</h4>
        <hr/>

        <p>L'utilisateur que vous souhaitez créer semble exister déjà.</p>
        <p>Veuillez selectionner de la liste ci-dessous, l'utilisateur correspondant</p> <br />
        
        <div class="row">
            {% for personne in personnes %}
                <div class="col-md-6 col-sm-12">
                    <div class="d-flex unchoicable-user">
                        <span class="avatar p-2">
                            <img src="{{ personne.avatar }}" width="100%" />
                        </span>
                        <span class="p-2 flex-grow-1 align-self-center">
                            <div class="d-flex justify-content-start mb-3">{{ personne.displayName }} </div>
                            <div class="d-flex justify-content-start">
                                <a class="btn btn-sm btn-primary mr-5" href="/pole/personne/confirme/{{ pole.code }}/{{personne.code}}/{{ page }}/{{pageSize}}/{{filtre}}" title="Sélectionner">Selectionner</a>                                           
                            </div>
                        </span>
                    </div>
                </div>
            {% endfor %} 
        </div>
        <hr />
        <div class="row">
            <div class="d-flex justify-content-end">
                <a class="btn btn-sm btn-info mr-5" href="/pole/personne/confirme/{{ pole.code }}/new/{{ page }}/{{pageSize}}/{{filtre}}" title="continuer">Continuer</a>        
            </div>
        </div>
    </section>
{% endblock %}