{% extends "base.html" %}
{% block title %}Edit User — IslamInLife Quran App{% endblock %}
{% block body %}
<header>
  <h1>✏️ Edit 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 %}
  {% if success %}<div class="msg msg-success">{{ success }}</div>{% endif %}

  <div class="card">
    <p style="font-size:13px; color:#7f8c8d; margin-top:0;">
      Editing <strong>{{ user.username }}</strong> (id {{ user.id }})
      {% if user.email %} &middot; {{ user.email }}{% if user.email_verified %} ✓{% else %} (unverified){% endif %}{% endif %}
    </p>
    <form method="post">
      <label>Username</label>
      <input type="text" name="username" value="{{ user.username }}" required>

      <label>Display Name</label>
      <input type="text" name="display_name" value="{{ user.display_name or '' }}">

      <div class="done-check">
        <input type="checkbox" name="is_admin" value="1" id="isAdminCheck" {% if user.is_admin %}checked{% endif %}>
        <label for="isAdminCheck">Admin</label>
      </div>

      <label>New Password (leave blank to keep the current one)</label>
      <input type="password" name="new_password" placeholder="Leave blank to keep current password">

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