{% extends "base.html" %}
{% block title %}Add User — IslamInLife Quran App{% endblock %}
{% block body %}
<header>
  <h1>➕ Add User</h1>
  <div><a href="{{ url_for('admin_users') }}">User Management</a> &nbsp;·&nbsp; <a href="{{ url_for('home') }}">Home</a></div>
</header>
<main>
  {% if error %}<div class="msg msg-error">{{ error }}</div>{% endif %}

  <div class="card">
    <p style="font-size:13px; color:#7f8c8d; margin-top:0;">
      Creates an account directly — no email or verification required, unlike public registration.
    </p>
    <form method="post">
      <label>Username</label>
      <input type="text" name="username" required>

      <label>Display Name (optional)</label>
      <input type="text" name="display_name">

      <label>Password</label>
      <input type="password" name="password" required>

      <label>Confirm Password</label>
      <input type="password" name="confirm" required>

      <div class="done-check">
        <input type="checkbox" name="is_admin" value="1" id="isAdminCheck">
        <label for="isAdminCheck">Admin</label>
      </div>
      <div class="done-check">
        <input type="checkbox" name="is_super_admin" value="1" id="isSuperCheck">
        <label for="isSuperCheck">Super Admin</label>
      </div>

      <button type="submit" class="btn-save">💾 Create User</button>
    </form>
  </div>
</main>
{% endblock %}