{% 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="mb-3">
            <label for="confirm_password" class="form-label">確認密碼</label>
            <input type="password" class="form-control" id="confirm_password" name="confirm_password" required>
          </div>
          <div class="d-grid">
            <button type="submit" class="btn btn-success">註冊</button>
          </div>
        </form>
        <div class="text-center mt-3">
            <a href="{{ url_for('auth.login') }}">已經有帳號了？返回登入</a>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}