{% 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 nope">Connexion</li>
<li class="one">VOTRE CHOIX DE FORMATION</li>
<li class="six">PIÈCES À JOINDRE</li>
{% endblock %}
{% endembed %}

<div id="tunnel" class="col-sm-12">
	<h1 class="text-center little-margin">Etape 1 : Formation souhaitée :</h1><br>
	
	{{ form_start(tunnelForm, { 'attr': {'class': 'form-horizontal'} }) }}
    <div class="form-group flex-center">
        {{ form_label(tunnelForm.campus, "Campus *", { 'label_attr':  {'class': 'col-sm-4 text-right'}}) }}
        <div class="col-sm-4">
            {{ form_widget(tunnelForm.campus) }}
        </div>
        <div class="col-sm-4 text-danger">
            <strong>{{ form_errors(tunnelForm.campus) }}</strong>
        </div>
    </div><br>
    <div class="form-group">
        {{ form_label(tunnelForm.formation, "Formation souhaitée *", { 'label_attr':  {'class': 'col-sm-4 control-label'}}) }}
        <div class="col-sm-6">
            {{ form_widget(tunnelForm.formation, { 'attr':  {'class': 'form-control'}}) }}
        </div>
        <div class="col-sm-2 text-danger">
            <strong>{{ form_errors(tunnelForm.formation) }}</strong>
        </div>
    </div><br>
    <div class="form-group">
        <div class="text-right">
            <input type="submit" class="btn btn-primary" value="Étape suivante" />
        </div>
    </div>
    {{ form_end(tunnelForm) }}
</div>

<script type="text/javascript" src="{{ asset('/js/cityForm.js') }}"></script>

{% endblock %}

{% endembed %}

{% endblock %}