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

{% block body %}

    <div class="container">
        {% block ajoutmanuel %}
            
            {# Sers à afficher si il y a eu une erreur lors de la lecture du numéro Mifare #}
            {% if error is defined and error!=""%}
                <br/><div class="well well-lg"><ul><li>{{ error }}</ul></li></div><hr/>
            {% endif %}
            
            <h1 class="page-header text-center">Ajouter manuellement un élève</h1>
            
            <div class="well well-lg">
                
                <form class="form-group" method="POST" action="{{path('recupajoutmanuel')}}" >

                    {{ form_errors(form) }}

                    {# Affichage d'un champs input, séparé en trois section,
                    le label, les éventuelles erreurs, et le champ zone de texte afin de
                    pouvoir les personaliser séparement #}
                    <div>
                        {{ form_label(form.Nom) }}
                        {{ form_errors(form.Nom) }}
                        {{ form_widget(form.Nom,{'attr':{'class':"form-control"}})}}
                    </div>
                    
                    <br/>
                    {# Ajoute le bouton pour valider, 
                    en specifiant une classe pour le personaliser graphiquement #}
                    {{ form_rest(form) }}
                    <button type="submit" class="btn btn-default btn-block">Chercher</button>
                    
                </form>
            </div>
            <hr/>
            <div class="well well-lg">
                <h1 class='text-center'>Elèves possibles</h1>
                {# Le template twig inclut ici correspond à l'affichage des possibilitées correspondant aux noms et prénoms
                spécifiés dans le formulaire #}
                {% block trombinoscope %}
                    {{ include('PresentielBundle:Ajoutmanuel:trombinoscope_ajout_manuel.html.twig' )}}
                {% endblock %}
            </div>       
        {% endblock %}    
    </div> 
{% endblock %}