{% extends "base.html" %}
{% block title %}Administration | BancaNet{% endblock %}
{% block content %}
<div style="max-width:480px;margin:7vh auto">
  <span class="kicker">BancaNet / Administración</span>
  <h1 class="page-title">Acceso de administración</h1>
  <section class="kia-card">
    <form method="post" class="kia-form">
      {{ form.hidden_tag() }}
      <label for="username">Usuario{{ form.username(placeholder="Usuario") }}</label>
      <label for="password">Contraseña{{ form.password(placeholder="Contraseña") }}</label>
      <label>Código de autenticación<input name="otp" inputmode="numeric" maxlength="6" autocomplete="one-time-code"></label>
      {% for field in [form.username, form.password] %}{% for error in field.errors %}<div class="alert">{{ error }}</div>{% endfor %}{% endfor %}
      <button class="kia-button" type="submit">Entrar</button>
    </form>
  </section>
</div>
{% endblock %}