{% extends 'reseau/main.html' %}

{% load static %}

{% block content %}

<div class="d-flex flex-column justify-content-center align-items-center">
    <h3 class="mb-3">Inscription nouvel utilisateur</h3>

    <form method="POST" action="">

        {% csrf_token %}

        <!-- <p class="mb-1">{{form.username.label}}</p> -->
        <p class="mb-1">Prénom</p>
        <p>{{form.first_name}}</p> 

        <p class="mb-1">Nom</p>
        <p>{{form.last_name}}</p> 
        
        <p class="mb-1">Numéro de téléphone</p>
        <p>{{form.phone}}</p> 

        <!-- <p class="mb-1">{{form.email.label}}</p> -->
        <p class="mb-1">Email</p>
        <p>{{form.email}}</p>

        <!-- <p class="mb-1">{{form.username.label}}</p> -->
        <!-- <p class="mb-1">Identifiant</p>
        <p>{{form.username}}</p>  -->

        <!-- <p class="mb-1">{{form.code_structure.label}}</p> -->
        <p class="mb-1">Code Structure</p>
        <p>{{form.code_structure}}</p>

        <!-- <p class="mb-1">{{form.password1.label}}</p> -->
        <p class="mb-1">Mot de passe</p>
        <p>{{form.password1}}</p>
        
        <!-- <p class="mb-1">{{form.password2.label}}</p> -->
        <p class="mb-1">Confirmation mot de passe</p>
        <p>{{form.password2}}</p>

        <input type="submit" value="S'inscrire">

    </form>
</div>

{% endblock content %}

{% block js_clock %} 

{% endblock %}