{% 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="email" class="form-control" id="username" name="username" 
                   placeholder="請輸入完整AD帳號 (如: user@domain.com)" required>
            <div class="form-text text-light fw-bold">請輸入完整的 AD 帳號格式 (包含 @domain)</div>
          </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>
  </div>
</div>
{% endblock %}