{% extends "admin/base.html" %}
{% from "admin/macros/forms.html" import field, checkbox, csrf %}
{% from "admin/macros/history.html" import entry_item %}
{% block title %}{{ "Edit user" if target else "New user" }}{% endblock %}
{% set values = form or {} %}
{% block content %}
<div class="page-header d-print-none">
  <div class="row g-2 align-items-center">
    <div class="col">
      <h2 class="page-title">{{ "Edit user: " + target.username if target else "New user" }}</h2>
    </div>
    <div class="col-auto ms-auto">
      <a href="/admin/users" class="btn">Back to users</a>
    </div>
  </div>
</div>
{% if errors %}
<div class="alert alert-danger">
  <ul class="mb-0">
    {% for error in errors %}<li>{{ error }}</li>{% endfor %}
  </ul>
</div>
{% endif %}
<form method="post" action="{{ '/admin/users/' + target.id | string if target else '/admin/users/new' }}">
  {{ csrf(csrf_token) }}
  <div class="row">
    <div class="col-lg-8">
      <div class="card mb-3">
        <div class="card-body">
          {% if not target %}
            {{ field("username", "Username", values.get("username", ""), required=True) }}
          {% endif %}
          {{ field("email", "Email", values.get("email", target.email if target else ""), type="email") }}
          {{ field("full_name", "Full name", values.get("full_name", target.full_name if target else "")) }}
          <div class="row">
            <div class="col-md-6">
              {{ field("password", "Password" if not target else "New password", "",
                       type="password", required=(not target),
                       help_text="" if not target else "Leave empty to keep the current password.") }}
            </div>
            <div class="col-md-6">
              {{ field("confirm_password", "Confirm password", "", type="password", required=(not target)) }}
            </div>
          </div>
        </div>
      </div>
      <div class="card mb-3">
        <div class="card-header"><h3 class="card-title">Roles</h3></div>
        <div class="card-body">
          {% set selected = selected_role_ids or [] %}
          <div class="row">
            {% for role in roles %}
              <div class="col-md-4">
                <label class="form-check">
                  <input class="form-check-input" type="checkbox" name="role_ids" value="{{ role.id }}"
                         {{ "checked" if role.id in selected }}/>
                  <span class="form-check-label">{{ role.name }}</span>
                </label>
              </div>
            {% else %}
              <div class="text-secondary">No roles defined yet.</div>
            {% endfor %}
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-4">
      <div class="card mb-3">
        <div class="card-header"><h3 class="card-title">Status</h3></div>
        <div class="card-body">
          {% set active_value = values.get("is_active", target.is_active if target else True) %}
          {{ checkbox("is_active", "Active", active_value) }}
          {% if user.is_superuser %}
            {% set superuser_value = values.get("is_superuser", target.is_superuser if target else False) %}
            {{ checkbox("is_superuser", "Superuser", superuser_value) }}
          {% endif %}
        </div>
      </div>
      {% if history %}
      <div class="card mb-3">
        <div class="card-header">
          <h3 class="card-title">History <span class="badge bg-blue-lt ms-1">{{ history.count }}</span></h3>
          <div class="card-options">
            <a href="{{ history.url }}" class="btn btn-sm">Full history</a>
          </div>
        </div>
        <div class="card-body">
          {% if not history.entries %}
          <div class="text-secondary">No changes recorded yet.</div>
          {% endif %}
          {% for entry in history.entries %}
            {{ entry_item(entry) }}
          {% endfor %}
        </div>
      </div>
      {% endif %}
      <div class="card">
        <div class="card-body d-flex">
          <button type="submit" class="btn btn-primary me-2">{{ "Save changes" if target else "Create user" }}</button>
          <a href="/admin/users" class="btn">Cancel</a>
        </div>
      </div>
    </div>
  </div>
</form>
{% endblock %}