{% extends 'admin/base_site.html' %}
{% block title %}{{ title }}{% endblock %}
{% block page_title %}{{ title }}{% endblock %}
{% block nav_users %}active{% endblock %}

{% block topbar_actions %}
<a href="{% url 'admin_accounts:user_list' %}" class="btn btn-outline btn-sm">&larr; Back to Users</a>
{% endblock %}

{% block content %}
<div class="panel-form-medium">
  <div class="card">
    <div class="card-body">
      <form method="post">
        {% csrf_token %}
        <div class="profile-form-grid">
          {% for field in form %}
          <div class="form-group {% if field.name in 'bio,password' %}profile-form-full{% endif %}">
            <label class="form-label">{{ field.label }}{% if field.field.required %} <span class="required-star">*</span>{% endif %}</label>
            {{ field }}
            {% if field.errors %}<div class="form-errors">{% for e in field.errors %}<span class="form-error">{{ e }}</span>{% endfor %}</div>{% endif %}
            {% if field.help_text %}<p class="form-hint">{{ field.help_text }}</p>{% endif %}
          </div>
          {% endfor %}
        </div>
        {% if action == 'Edit' %}
        <div class="alert alert-info mb-3 mt-2">Password cannot be changed here. Ask the user to use the password change page.</div>
        {% endif %}
        <div class="flex gap-2 mt-3">
          <button type="submit" class="btn btn-gradient">{{ action }} User</button>
          <a href="{% url 'admin_accounts:user_list' %}" class="btn btn-outline">Cancel</a>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}