{% extends "base_template.html" %}

{% block title %}Crear nunevo usuario{% endblock %}

{% block content %}

<section  style="background-color: #e7e5e5;">
    <div class="container py-3 h-100">
      <div class="row d-flex justify-content-center align-items-center h-100">
        <div class="col-12 col-md-8 col-lg-6 col-xl-5">
          <div class="card shadow-2-strong" style="border-radius: 1rem;">
            <div class="card-body p-5 text-center">
                <form action="" method="post" novalidate>
                    {{ form.hidden_tag() }}
                    <h3 class="mb-5">Crear nuevo usuario</h3>
        
                    <div class="form-outline mb-4">
                        {{ form.name.label(class="form-label") }}
                        {{ form.name(size=64, class_="form-control form-control-lg") }}<br>
                        {% for error in form.name.errors %}
                            <span class="text-danger">{{ error }}</span>
                        {% endfor %}

                    </div>
        
                    <div class="form-outline mb-4">
                        {{ form.email.label(class="form-label") }}
                        {{ form.email(class_="form-control form-control-lg") }}<br>
                        {% for error in form.email.errors %}
                            <span class="text-danger">{{ error }}</span>
                        {% endfor %}
                    </div>
                    
                    <div class="form-outline mb-4">
                        {{ form.password.label(class="form-label") }}
                        {{ form.password(class_="form-control form-control-lg") }}<br>
                        {% for error in form.password.errors %}
                            <span class="text-danger">{{ error }}</span>
                        {% endfor %}
                    </div>

                    <div class="form-outline mb-4">
                        {{ form.password_confirm.label(class="form-label") }}
                        {{ form.password_confirm(class_="form-control form-control-lg") }}<br>
                        {% for error in form.password_confirm.errors %}
                            <span class="text-danger">{{ error }}</span>
                        {% endfor %}
                    </div>

                    <div class="form-outline mb-4">
                        {{ form.is_admin.label(class="form-label") }}
                        {{ form.is_admin(class_="form-check-input") }}<br>
                        {% for error in form.is_admin.errors %}
                            <span class="text-danger">{{ error }}</span>
                        {% endfor %}
                    </div>

                    <button class="btn btn-primary btn-lg btn-block" type="submit">Crear</button>

                  
                </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>


  <a href="{{ url_for('admin.list_users') }}"><< Volver al listado de usuarios</a>

{% endblock %}