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

{% block body %}
<div class="container mt-5 mb-5">
  <h1 class="text-center mb-5">
     Inscription
  </h1>
<div class="col-8 mx-auto p-4 border rounded bg-white">
  {% form_theme form 'bootstrap_4_layout.html.twig' %}

  {{ form_start(form) }}
  <div class="row">
    <div class="col-md-6 col-12">
      {{ form_row(form.email, {'attr':{'placeholder':"Votre email", 'label':'Email'}}) }}
      {{ form_row(form.firstname, {'label':"Prénom",'attr':{'placeholder':"Votre prénom"}}) }}
      {{ form_row(form.lastname, {'label':"Nom",'attr':{'placeholder':"Votre nom"}}) }}
      {{ form_row(form.password, {'label':"Mot de passe",'attr':{'placeholder':"Mot de passe"}})  }}
      {{ form_row(form.confirm_password, {'label':"Confirmez votre mot de passe",'attr':{'placeholder':"Confirmez"}})  }}
    </div>
    <div class="col-md-6 col-12">
      {{ form_row(form.association, {'label':"Association",'attr':{'placeholder':"Votre association"}}) }}
      {{ form_row(form.etablissement, {'label':"Etablissement",'attr':{'placeholder':"Votre établissement"}}) }}
      {{ form_row(form.fonction, {'label':"Fonction",'attr':{'placeholder':"Votre fonction"}}) }}
    </div>
  </div>
    <p class="text-center mt-5"><button type="submit" class="btn btn-success" name="button">
      Inscription</button></p>

  {{ form_end(form) }}
  <p class="mt-5 text-center"><small>Déjà inscrit ? <a href="{{ path('security_login') }}"> Connectez-vous !</a></small></p>
  </div>
  </div>

{% endblock %}