{% extends "base.html" %}

{% load static %}

{% load crispy_forms_tags %}

{% block content %}

<section class="vh-100" style="background-color: #eee;">
  <div class="container py-5 h-100">
    <div class="row d-flex justify-content-center align-items-center h-100">
      <div class="col-md-12 col-xl-8">

        <div class="card" style="border-radius: 15px;">
          <div class="card-body text-center">


            <form method="POST" action="" class="mt-3" autocomplete="off" enctype="multipart/form-data">
              {% csrf_token %}
              {{ form|crispy }}
              <p>ID Usuario</p>
                <input name="usuario" type="text" placeholder="{{ user.username }}" class="form-control" value="{{ user.id }}" readonly ><br>
              
                
              <p>key</p>
                <input name="key" type="text" placeholder="{{ key }}" class="form-control" value="{{ key }}{{ user.id }}" readonly ><br>  

              <button type="submit" class="btn btn-success">Guardar</button>
            </form>


          </div>
        </div>

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






        {% endblock content %}