{% extends "nbapp_base.html" %}
{% block content %}
<meta charset="UTF-8">
<section class="border border-gray-300 rounded-md p-4 my-6 shadow-md max-w-sm mx-auto">
  <form method="POST" class="space-y-6">
    <!-- Título -->
    <h2 class="text-2xl font-bold text-gray-800 mb-4 text-center">Iniciar Sesión</h2>
    <div class="space-y-4 text-sm mt-4">
      <!-- Usuario -->
      <div>
        <label class="block font-medium text-gray-700" for="username">Usuario</label>
        <input class="w-full border border-gray-300 rounded px-2 py-1" type="text" name="username" id="username"
          placeholder="Usuario de Galena" />
      </div>
      <!-- Password -->
      <div>
        <label class="block font-medium text-gray-700" for="password">Password</label>
        <input class="w-full border border-gray-300 rounded px-2 py-1" type="password" name="password" id="password"
          placeholder="Password de Galena" />
      </div>
      <!-- Botón -->
      <button class="block mx-auto mt-2 bg-gray-700 hover:bg-gray-800 text-white font-bold py-1 px-4 rounded-lg shadow"
        type="submit">
        Login
      </button>
    </div>
  </form>
</section>
{% endblock %}