{% extends "layouts/base.html" %}
{% block title %}Admin Login{% endblock %}

{% block content %}
<div class="d-flex justify-content-center align-items-center" style="min-height: 100vh;">
  <div class="card shadow" style="width: 400px;">
    <div class="card-body p-4">
      <div class="text-center mb-4">
        <i class="bi bi-shield-lock-fill fs-1 text-dark"></i>
        <h4 class="mt-2 fw-bold">Admin Portal</h4>
        <p class="text-muted small">Restricted access</p>
      </div>

      {% if error %}
        <div class="alert alert-danger py-2">{{ error }}</div>
      {% endif %}

      <form method="POST" action="{{ url_for('admin_auth.login') }}" novalidate>
        {{ csrf_token() if csrf_token is defined }}
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

        <div class="mb-3">
          <label for="email" class="form-label">Email address</label>
          <input type="email" class="form-control" id="email" name="email"
                 autocomplete="username" required autofocus>
        </div>

        <div class="mb-3">
          <label for="password" class="form-label">Password</label>
          <input type="password" class="form-control" id="password" name="password"
                 autocomplete="current-password" required>
        </div>

        <div class="d-grid mt-4">
          <button type="submit" class="btn btn-dark">Sign In</button>
        </div>
      </form>

      <div class="text-center mt-3">
        <a href="{{ url_for('admin_auth.password_reset_request') }}" class="text-muted small">
          Forgot password?
        </a>
      </div>
    </div>
  </div>
</div>
{% endblock %}