{% extends "base.html" %}

{% block title %}登入 - 暫時規範系統{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-md-6 col-lg-4">
    <h2 class="text-center mb-4">登入</h2>

    {% with messages = get_flashed_messages(with_categories=true) %}
      {% if messages %}
        {% for category, message in messages %}
          <div class="alert alert-{{ category or 'danger' }} alert-dismissible fade show" role="alert">
            {{ message }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
          </div>
        {% endfor %}
      {% endif %}
    {% endwith %}

    <div class="card">
      <div class="card-body">
        <form method="post">
          <div class="mb-3">
            <label for="username" class="form-label">使用者帳號</label>
            <input type="text" class="form-control" id="username" name="username" required>
          </div>
          <div class="mb-3">
            <label for="password" class="form-label">密碼</label>
            <input type="password" class="form-control" id="password" name="password" required>
          </div>
          <div class="d-grid">
            <button type="submit" class="btn btn-primary">登入</button>
          </div>
        </form>
        <div class="text-center mt-3">
          <p class="mb-0">還沒有帳號嗎？</p>
          <a href="{{ url_for('auth.register') }}" class="btn btn-outline-success">立即註冊</a>
      </div>
    </div>
  </div>
</div>
{% endblock %}