{% extends "layout.html.twig" %}

{% block robots %}<meta name="robots" content="noindex, follow">{% endblock %}

{% block menu %}{% include "menu-etu.html.twig" %}{% endblock %}

{% block metaTitle %}{{bTitle}}{% endblock %}

{% block title %}{{bTitle}}{% endblock %}

{% block content %}

{% embed "page-temp.html.twig" %}

{% block right %}{% include 'etu-right.html.twig' %}{% endblock %}

{% block bTitle %}{{ bTitle }}{% endblock %}

{% block menuBlock %}INSCRIPTION{% endblock %}

{% block bResume %}{{ bTitle }}{% endblock %}

{% block pContent %}

{% embed "progress.html.twig" %}
{% block steps %}
<li class="active one">VOTRE CHOIX DE FORMATION</li>
<li class="two">VOTRE ÉTAT CIVIL</li>
<li class="six">PIÈCES À JOINDRE</li>
{% endblock %}
{% endembed %}

<div id="tunnel" class="col-sm-12">
	<h1 class="text-center">Etape 2 : entrez vos informations :</h1><br>

	{{ form_start(tunnelForm, { 'attr': {'class': 'form-horizontal'} }) }}
	<div class="form-group">
        {{ form_label(tunnelForm.nom, "Nom *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.nom, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.nom) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.prenom, "Prénom *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.prenom, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.prenom) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.adresse, "Adresse *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.adresse, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.adresse) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.cp, "Code Postal *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.cp, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.cp) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.ville, "Ville *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.ville, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.ville) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.tel, "Téléphone *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.tel, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.tel) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.email, "Email *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.email, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.email) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.birthDay, "Date de naissance *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.birthDay, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.birthDay) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.birth, "Lieu de naissance *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.birth, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.birth) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.nat, "Nationalité *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.nat, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.nat) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.fam, "Situation familiale *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.fam, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.fam) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.secu, "Numéro de sécurité sociale", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.secu, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.secu) }}</strong>
        </div>
    </div>
    <div class="form-group flex-center">
        {{ form_label(tunnelForm.perm, "Permis de conduire *", { 'label_attr':  {'class': 'col-sm-4 text-right'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.perm) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.perm) }}</strong>
        </div>
    </div>
    <div class="form-group flex-center">
        {{ form_label(tunnelForm.car, "Véhicule *", { 'label_attr':  {'class': 'col-sm-4 text-right'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.car) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.car) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.profDad, "Profession du père", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.profDad, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.profDad) }}</strong>
        </div>
    </div>
    <div class="form-group">
        {{ form_label(tunnelForm.profMom, "Profession de la mère", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-5">
            {{ form_widget(tunnelForm.profMom, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.profMom) }}</strong>
        </div>
    </div><br>
    <div class="form-group">
      <div class="text-left col-md-6">
        <a href="{{ path('tunnel', { 'step': 1 }) }}#progress" class="btn btn-primary">Étape précédente</a>
    </div>
    <div class="text-right col-md-6">
        <input type="submit" class="btn btn-primary" value="Étape suivante" />
    </div>
</div>
{{ form_end(tunnelForm) }}
</div>

{% endblock %}

{% endembed %}

{% endblock %}