{% extends "admin_base" %}
{% block title %}{% if admin_detail_title %}{{ admin_detail_title }}{% endif %} — {{ resource.title | default(value=resource_key) }} #{{ entry.id }}{% endblock %}
{% block breadcrumb %}
  <span class="breadcrumb-sep">/</span>
  <a href="{{ admin_prefix }}/{{ resource.key }}/list">{{ resource.title | default(value=resource_key) }}</a>
  <span class="breadcrumb-sep">/</span>
  <span>{% if admin_detail_breadcrumb %}{{ admin_detail_breadcrumb }}{% endif %} #{{ entry.id }}</span>
{% endblock %}
{% block content %}
  <div class="page-header" data-admin-auto-init>
    <div>
      <h1 class="page-title">{% if admin_detail_title %}{{ admin_detail_title }}{% endif %} — {{ resource.title | default(value=resource_key) }}</h1>
      <p class="page-subtitle">{% if admin_detail_entry_label %}{{ admin_detail_entry_label }}{% endif %} #{{ entry.id }}</p>
    </div>
    <div class="page-actions">
      <a href="{{ admin_prefix }}/{{ resource.key }}/list" class="btn btn-secondary btn-sm">{% if admin_detail_btn_list %}{{ admin_detail_btn_list }}{% endif %}</a>
      {% set_global can_modify = false %}
      {% if current_user %}
        {% if current_user.is_superuser %}
          {% set_global can_modify = true %}
        {% else %}
          {% for groupe in current_user.groupes %}
            {% for perm in groupe.permissions %}
              {% if perm.resource_key == resource.key and perm.can_update %}
                {% set_global can_modify = true %}
              {% endif %}
            {% endfor %}
          {% endfor %}
        {% endif %}
      {% endif %}
      {% if current_user and can_modify %}
      {% set has_password = false %}
      {% for key, value in entry %}{% if key == "password" or key == "password_hash" %}{% set_global has_password = true %}{% endif %}{% endfor %}
      {% if has_password %}
      <form method="post" action="{{ admin_prefix }}/{{ resource.key }}/{{ entry.id }}/reset-password" class="form-inline btn-hide-mobile">
        {% csrf %}
        <button type="submit" class="btn btn-secondary btn-sm btn-hide-mobile">
          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
          {% if admin_detail_btn_reset_password %}{{ admin_detail_btn_reset_password }}{% else %}Réinitialiser le mot de passe{% endif %}
        </button>
      </form>
      {% endif %}
      <a href="{{ admin_prefix }}/{{ resource.key }}/{{ entry.id }}/edit" class="btn btn-primary btn-sm btn-hide-mobile">{% if admin_detail_btn_edit %}{{ admin_detail_btn_edit }}{% endif %}</a>
      <form method="post" action="{{ admin_prefix }}/{{ resource.key }}/{{ entry.id }}/delete" class="form-inline btn-hide-mobile">
          {% csrf %}
          <button type="submit" class="btn btn-sm btn-danger"
            data-confirm-delete="{% if admin_detail_confirm_delete %}{{ admin_detail_confirm_delete }}{% endif %}">
                {% if admin_list_btn_delete %}{{ admin_list_btn_delete }}{% endif %}
          </button>
      </form>
      <div class="row-menu btn-show-mobile">
        <button class="row-menu-trigger" type="button" aria-haspopup="true" aria-expanded="false">
          <svg viewBox="0 0 24 24" fill="currentColor" width="16" height="16">
            <circle cx="12" cy="5" r="1.5"/><circle cx="12" cy="12" r="1.5"/><circle cx="12" cy="19" r="1.5"/>
          </svg>
        </button>
        <div class="row-menu-dropdown">
          <a href="{{ admin_prefix }}/{{ resource.key }}/{{ entry.id }}/edit" class="row-menu-item">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>
            {% if admin_detail_btn_edit %}{{ admin_detail_btn_edit }}{% endif %}
          </a>
          {% if has_password %}
          <div class="row-menu-separator"></div>
          <form method="post" action="{{ admin_prefix }}/{{ resource.key }}/{{ entry.id }}/reset-password">
            {% csrf %}
            <button type="submit" class="row-menu-item">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><rect x="3" y="11" width="18" height="11" rx="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
              {% if admin_detail_btn_reset_password %}{{ admin_detail_btn_reset_password }}{% else %}Réinitialiser{% endif %}
            </button>
          </form>
          {% endif %}
          <div class="row-menu-separator"></div>
          <form method="post" action="{{ admin_prefix }}/{{ resource.key }}/{{ entry.id }}/delete">
            {% csrf %}
            <button type="submit" class="row-menu-item row-menu-danger"
              data-confirm-delete="{% if admin_detail_confirm_delete %}{{ admin_detail_confirm_delete }}{% endif %}">
              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="14" height="14"><polyline points="3 6 5 6 21 6"/><path d="M19 6l-1 14H6L5 6"/><path d="M10 11v6"/><path d="M14 11v6"/><path d="M9 6V4h6v2"/></svg>
              {% if admin_list_btn_delete %}{{ admin_list_btn_delete }}{% endif %}
            </button>
          </form>
        </div>
      </div>
      {% endif %}
    </div>
  </div>
  <div class="card">
    <div class="admin-table-wrapper">
      <table class="admin-table">
        <tbody>
          <tr>
            <td class="admin-table-key">id</td>
            <td><span class="id-badge">#{{ entry.id }}</span></td>
          </tr>
          {% for key, value in entry %}
            {% if key != "id" %}
            <tr>
              <td class="admin-table-key">{{ key }}</td>
              <td>
                {% if key == "password" or key == "password_hash" %}
                  <span class="id-badge">••••••••</span>
                {% elif value == true %}
                  <span class="badge badge-green">{% if admin_list_bool_true %}{{ admin_list_bool_true }}{% endif %}</span>
                {% elif value == false %}
                  <span class="badge badge-neutral">{% if admin_list_bool_false %}{{ admin_list_bool_false }}{% endif %}</span>
                {% elif value %}
                  {% if value is string %}{{ value | escape }}{% else %}{{ value }}{% endif %}
                {% else %}
                  <span class="text-muted">—</span>
                {% endif %}
              </td>
            </tr>
            {% endif %}
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  <script {% csp %} src="{{ "js/admin/admin-actions.js" | runique_static }}"></script>
  <script {% csp %} src="{{ "js/admin/admin-kebab.js" | runique_static }}"></script>
{% endblock %}