{% extends 'preinscription/main.html' %}
{% load static %}
{% load widget_tweaks %}

{% block title %}Inscription{% endblock title %}

{% block content %}
<!-- ======= Breadcrumbs ======= -->
<section id="breadcrumbs" class="breadcrumbs">
  <div class="container">
    <ol>
      <li><a href="#">Accueil</a></li>
      <li>Inscription espace candidat</li>
    </ol>
    <h2>Inscription</h2>
  </div>
</section><!-- End Breadcrumbs -->
 <div class="container">
     <div class="row">
         <div class="col-lg-3"></div>
         <div class="col-lg-6">
             <h4>Inscription</h4><hr/>
             <div class="row">
                 <div class="col-lg-12">
                     {% include 'preinscription/parts/message.html' %}
                     <p style="text-align:center;">
                         {% if hide_form %}
                         <a class="btn btn-primary" href="{% url 'login' %}">
                             connexion espace candidat
                         </a>
                         {% endif %}
                     </p>
                 </div>
             </div>
             <form action="." method="post" class="checkout-form" {% if hide_form %}hidden{% endif %}>
                    {% csrf_token %}
                  <div class="form-group ">
                            <label  class="control-label col-lg-4">Nom:</label>
                            <div class="col-lg-6">
                                <input type="text" name="nom" class="form-control" placeholder="Entrer votre nom" />
                            </div>
                          </div>

                          <div class="form-group ">
                            <label  class="control-label col-lg-4">Prénoms:</label>
                            <div class="col-lg-6">
                              <input type="text" name="prenoms" class="form-control" placeholder="Entrer votre prénoms" />
                            </div>
                          </div>
                            <hr/>

                          <div class="form-group ">
                            <label  class="control-label col-lg-4">Email:</label>
                            <div class="col-lg-7">
                                <input type="email" name="email" class="form-control" placeholder="Entrer votre mail" />
                            </div>
                          </div>
                          <div class="form-group ">
                            <label  class="control-label col-lg-4">Mot de passe:</label>
                            <div class="col-lg-7">
                                <input type="password" name="password" class="form-control" placeholder="*************" />
                            </div>
                          </div>

                          <div class="form-group ">
                            <label  class="control-label col-lg-4">Confirmer:</label>
                            <div class="col-lg-7">
                                <input type="password" name="password2" class="form-control" placeholder="*************" />
                            </div>
                          </div><hr/>

                         <div class="form-group">
                            <div class="col-lg-offset-2 col-lg-10 form-link">
                             <button type="submit" class="btn btn-success"><i class="bi bi-arrow-right-square-fill"></i> S'inscrire</button>&nbsp;&nbsp;&nbsp;
                                <a style="text-decoration:none;" class="btn btn-primary" href="{% url 'Scolarite:ins_login' %}"><i class="bi bi-unlock-fill"></i> connexion</a>
                            </div>
                          </div>

                </form><br/><br/>
         </div>
         <div class="col-lg-3"></div>
     </div>
 </div><br/><br/>
{% endblock content %}