{% extends "base.html" %}

{% load static %}

{% load crispy_forms_tags %}

{% block content %}


    <div class="sufee-login d-flex align-content-center flex-wrap">
        <div class="container" >
            <div class="login-content">
                <div class="login-logo">
                    <a href="{% url 'index' %}">
                        <img class="align-content" src="/static/images/logo.png" alt="">
                    </a>
                </div>
                <div class="login-form">
                    <form method="POST" action="" >
                        {% csrf_token %}
                        <div class="form-group">
                            <label>Nombre</label>
                            <input name="first_name" type="text" class="form-control" placeholder="Nombre">
                        </div>
                        <div class="form-group">
                            <label>Apellidos</label>
                            <input name="last_name" type="text" class="form-control" placeholder="Apellido">
                        </div>
                        <div class="form-group">
                            <label>USUARIO</label>
                            <input name="username" type="text" class="form-control" placeholder="Usuario">
                        </div>
                        <div class="form-group">
                            <label>Correo</label>
                            <input name="email" type="email" class="form-control" placeholder="Email">
                        </div>
                        <div class="form-group">
                            <label>Contraseña</label>
                            <input name="password1" type="password" class="form-control" placeholder="Password">
                        </div>
                        <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>
                        <div class="form-group">
                            <label>Contraseña</label>
                            <input name="password2" type="password" class="form-control" placeholder="Password">

                            <ul>
                                <li>
                                    Para verificar, introduzca la misma contraseña anterior.
                                </li>
                              </ul>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"> Agree the terms and policy
                            </label>
                        </div>
                        <button type="submit" class="btn btn-primary btn-flat m-b-30 m-t-30">Registro</button>
                        
                        <div class="register-link m-t-15 text-center">
                            <p>Ya tienes una cuenta ? <a href="{% url 'acceder' %}"> Inicia Sesion</a></p>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
 
    {% endblock content %}