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

{% block body %}
                {{ form_start(edit_form, {'action': path('profile'), 'method': 'POST','attr': {'id': 'form_user'}}) }}
    <div id="middle-wizard" style="padding-top: 25px">
        {% block flash_messages %}
            {% for type, messages in app.session.flashbag.all() %}
                {% for message in messages %}
                    <div class="alert alert-{{ type }} alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                        {{ message | raw }}
                    </div>
                {% endfor %}
            {% endfor %}
        {% endblock %}
{% if not edit_form.vars.valid %}
                    <div class="alert alert-danger alert-dismissible" role="alert">
                        <button type="button" class="close" data-dismiss="alert"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
Le formulaire n’est pas valide
                                       </div>

{% endif %}

        <div  class="alert alert-success" role="alert"><p style="font-size: 17px;">Vous pouvez toujours mettre à jours vos documents  et uploader les documents demandés <a href="{{ path("save_files") }}">en cliquant ici</a></p></div>

        <div class="row" style="border: 1px solid #dfdfdf;padding-top: 16px;margin-bottom: 30px;" {{ hidden2 }}>
            <div class="col-md-4">
                    <div class="form-group form-group-custom">
                        <label for="email"> Nom complet : </label>
                        <strong>{{ user.fullName }}</strong>
                    </div>
            </div>
            <div class="col-md-4">
                    <div class="form-group form-group-custom">
                        <label for="email"> Code Massar :</label>
                        <strong>{{ user.cne }}</strong>
                    </div>
            </div>
            <div class="col-md-4">
                    <div class="form-group form-group-custom">
                        <label for="email"> Date de naissance : </label>
                        <strong>{{ user.birthDate |date("d/m/Y") }}</strong>
                    </div>
            </div>
            <div class="col-md-4">
                    <div class="form-group form-group-custom">
                        <label for="email"> Type de Bac : </label>
                        <strong>{{ user.series }}</strong>
                    </div>
            </div>
            <div class="col-md-4">
                    <div class="form-group form-group-custom">
                        <label for="email"> Province :</label>
                        <strong>{{ user.province }}</strong>
                    </div>
            </div>
            <div class="col-md-4">
                    <div class="form-group form-group-custom">
                        <label for="email"> Académie : </label>
                        <strong>{{ user.academy }}</strong>
                    </div>
            </div>
        </div>
        <h4>- Informations personnelles :</h4>
        <hr style="margin-top:15px;">
        <div class="row" {{ hidden }}>
          <div class="col-md-6">
              <div class="form-group">
                  <label for="">Nom et Prénom <span style="color: red; font-size: 16px;">*</span> :</label>
                  {{ form_widget(edit_form.fullName, { 'attr': {'class': 'required form-control error fullName'} }) }}
              </div>
          </div>
          <div class="col-md-6">
              <div class="form-group">
                  <label for="">Date naissance <span style="color: red; font-size: 16px;">*</span> :</label>
                  {{ form_widget(edit_form.birthDate, { 'attr': {'class': 'required form-control error birthDate'} }) }}
              </div>
          </div>
        </div>
        <div class="row" {{ hidden}}>
          <div class="col-md-6">
              <div class="form-group">
                  <label for="">Type de Bac <span style="color: red; font-size: 16px;">*</span> :</label>
                  {{ form_widget(edit_form.series, { 'attr': {'class': 'required normal_select form-control error series'} }) }}
              </div>
          </div>
          <div class="col-md-6">
              <div class="form-group">
                  <label for="">Académie <span style="color: red; font-size: 16px;">*</span> :</label>
                  {{ form_widget(edit_form.academy, { 'attr': {'class': 'required normal_select form-control error academy'} }) }}
              </div>
          </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                    <div class="form-group">
                        <label for="">Numéro de téléphone <span style="color: red; font-size: 16px;">*</span> :</label>
                        {{ form_widget(edit_form.phoneNumber, { 'attr': {'class': 'required form-control error phoneNumber'} }) }}
                    </div>
            </div>
            <div class="col-md-6">
                    <div class="form-group">
                        <label for="">Adresse <span style="color: red; font-size: 16px;">*</span> :</label>
                        {{ form_widget(edit_form.address, { 'attr': {'class': 'required form-control error address'} }) }}
                    </div>
            </div>
        </div>

        <div class="row">
          <div class="col-md-6">
                  <div class="form-group">
                      <label for="">Lieu de naissance <span style="color: red; font-size: 16px;">*</span> :</label>
                      {{ form_widget(edit_form.placeBirth, { 'attr': {'class': 'required form-control error placeBirth'} }) }}
                  </div>
          </div>
        </div>

        <h4>- Tuteur :</h4>
        <hr style="margin-top: 15px;">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="email">Père (Nom complet) <span style="color: red; font-size: 16px;">*</span> :</label>
                    {{ form_widget(edit_form.father, { 'attr': {'class': 'required form-control error father', "aria-required" : "true", "aria-invalid" : "false" , "aria-describedby":"appbundle_user_father-error"} }) }}
                    {{ form_errors(edit_form.father) }}
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    <label for="email">Mère (Nom complet) <span style="color: red; font-size: 16px;">*</span> :</label>
                    {{ form_widget(edit_form.mother, { 'attr': {'class': 'required form-control error mother', "aria-required" : "true"} }) }}
                    {{ form_errors(edit_form.mother) }}
                </div>
            </div>
        </div>
        <h4>- Questionnaire :</h4>
        <hr style="margin-top: 15px;">
        <div class="row">
          <div class="col-md-6">
              <div class="form-group">
                  <label for="email">Comment avez-vous connu l’ENAM  ? <span style="color: red; font-size: 16px;">*</span> :</label>
                  {{ form_widget(edit_form.question1, { 'attr': {'class': 'required normal_select form-control error question1'} }) }}
                  {{ form_errors(edit_form.question1) }}
              </div>
          </div>
          <div class="col-md-6">
              <div class="form-group">
                  <label for="email">Quels sont vos points d’intérêt ? <span style="color: red; font-size: 16px;">*</span> :</label>
                  {{ form_widget(edit_form.question3, { 'attr': {'class': 'required normal_select form-control error question3'} }) }}
                  {{ form_errors(edit_form.question3) }}
              </div>
          </div>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="form-group">
                    <label for="email">Quelles langues étrangères vous maitrisez ? <span style="color: red; font-size: 16px;">*</span> :</label>
                    {{ form_widget(edit_form.question5, { 'attr': {'class': 'required normal_select form-control question5'} }) }}
                    {{ form_errors(edit_form.question5) }}
                </div>
            </div>
			<div class="col-md-6">
				<div class="form-group">
                  <label for="email">Avez-vous obtenu des prix ou des distinctions  ? <span style="color: red; font-size: 16px;">*</span> :</label>
                  {{ form_widget(edit_form.question4, { 'attr': {'class': 'required normal_select form-control question4'} }) }}
                  {{ form_errors(edit_form.question4) }}
				</div>
            </div>
		</div>
        <div class="row">
          
            <div class="col-md-12">
                <div class="form-group">
                    <label for="email">Si Oui, dans quelle activité ? <span style="color: red; font-size: 16px;">*</span> :</label>
                    {{ form_widget(edit_form.response4, { 'attr': { 'style': 'height :80px!important;','class': 'form-control response4'} }) }}
                    {{ form_errors(edit_form.response4) }}
                </div>
          </div>
        </div>
        <div id="bottom-wizard">
            <button type="button" onchange="window.location.href =''" id="backward" name="backward" class="backward" disabled="disabled"><span id="span-backward">Précédent</span></button>
            <button type="submit" onchange="window.location.href =''" id="forward" name="forward" class="forward"><span id="span-forward">Enregistrer</span> </button>
        </div>
    </div>

    {{ form_end(edit_form, {'render_rest': true}) }}

    <style>

    </style>
{% endblock %}
{% block javascript %}

{% endblock %}