{% extends "admin/base.html" %}
{% from "admin/macros/forms.html" import field, csrf %}
{% from "admin/macros/history.html" import entry_item %}
{% block title %}{{ "Edit role" if target else "New role" }}{% 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 role: " + target.name if target else "New role" }}</h2>
    </div>
    <div class="col-auto ms-auto">
      <a href="/admin/roles" class="btn">Back to roles</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/roles/' + target.id | string if target else '/admin/roles/new' }}">
  {{ csrf(csrf_token) }}
  <div class="card mb-3">
    <div class="card-body">
      <div class="row">
        <div class="col-md-6">
          {{ field("name", "Name", values.get("name", target.name if target else ""), required=True) }}
        </div>
        <div class="col-md-6">
          {{ field("description", "Description", values.get("description", target.description if target else "")) }}
        </div>
      </div>
    </div>
  </div>

  {% if matrix %}
  <div class="card mb-3">
    <div class="card-header">
      <h3 class="card-title">Permissions</h3>
      <div class="card-actions">
        <div class="btn-group btn-group-sm" role="group" aria-label="Bulk selection">
          <button type="button" class="btn" data-perm-all>All</button>
          <button type="button" class="btn" data-perm-none>None</button>
        </div>
      </div>
    </div>
    <div class="table-responsive">
      <table class="table table-vcenter card-table">
        <thead>
          <tr>
            <th>Model</th>
            <th class="text-center">View</th>
            <th class="text-center">Add</th>
            <th class="text-center">Change</th>
            <th class="text-center">Delete</th>
            <th>Other</th>
          </tr>
        </thead>
        <tbody>
          {% for app in matrix %}
            <tr class="table-primary">
              <td colspan="6"><strong>{{ app.app_label }}</strong></td>
            </tr>
            {% for model in app.models %}
            <tr>
              <td>{{ model.name }}</td>
              {% for action in ("view", "add", "change", "delete") %}
                {% set permission = model.crud[action] %}
                <td class="text-center">
                  {% if permission %}
                    <input class="form-check-input" type="checkbox" name="permission_ids"
                           value="{{ permission.id }}"
                           {{ "checked" if permission.id in selected_permission_ids }}
                           title="{{ permission.name }}"/>
                  {% else %}
                    <span class="text-secondary">&mdash;</span>
                  {% endif %}
                </td>
              {% endfor %}
              <td>
                {% for permission in model.extras %}
                  <label class="form-check form-check-inline">
                    <input class="form-check-input" type="checkbox" name="permission_ids"
                           value="{{ permission.id }}"
                           {{ "checked" if permission.id in selected_permission_ids }}/>
                    <span class="form-check-label">{{ permission.codename }}</span>
                  </label>
                {% endfor %}
              </td>
            </tr>
            {% endfor %}
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  {% endif %}

  {% 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 role" }}</button>
      <a href="/admin/roles" class="btn">Cancel</a>
    </div>
  </div>
</form>
{% endblock %}