{% extends "base.html" %}

{% load static %}

{% load crispy_forms_tags %}

{% block content %}


      <!-- End Navbar -->
      <div class="content">
        <div class="container-fluid">
          <div class="row">

            

            {% if user.is_authenticated %}
            <a href="{% url 'bitacora' %}" class="btn btn-info float-right" >Bitacora</a>
            
            {% endif %}
            

               
            <div class="col-md-12">
              <div class="card">
                <div class="card-header card-header-primary">
                  <h4 class="card-title ">registro</h4>
                  <p class="card-category">registro de usuarios</p>
                </div>

                <div class="card-body">
                  <form method="POST" action="" class="mt-3" autocomplete="off" >
                    {% csrf_token %}
                    <p>Nombres</p>
                    <input name="first_name" type="text" class="form-control" > <br>
                    <p>Apellidos</p>
                    <input name="last_name" type="text" class="form-control" > 
                    <p>Usuario ó IB</p>
                    <input name="username" type="text" class="form-control" > <br>
                    <p>Contraseña</p>
                    <input name="password1" type="password" class="form-control" > <br>
                    <ul>
                      <li>
                          Su contraseña no puede asemejarse tanto a su otra información personal.
                      </li>
                      <li>
                          Su contraseña debe contener al menos 8 caracteres.
                      </li>
                      <li>
                          Su contraseña no puede ser una clave utilizada comúnmente.
                      </li>
                      <li>
                          Su contraseña no puede ser completamente numérica.
                      </li>
                  </ul>
                    <p>Contraseña(confirmación)</p>
                    <input name="password2" type="password" class="form-control" > <br>
                    <ul>
                      <li>
                          Para verificar, introduzca la misma contraseña anterior.
                      </li>
                    </ul>
                    
                    <button type="submit" class="btn btn-success">Crear Usuario</button>
                  </form>
                </div>


              </div>
            </div>
            
          </div>
        </div>
      </div>

      {% endblock content %}