{% extends "admin_base" %}
{% block title %}{{ resource.title | default(value="Éléments") }}{% endblock %}
{% block breadcrumb %}
  <span class="breadcrumb-sep">/</span>
  <a href="/admin">{% if admin_list_breadcrumb_admin %}{{ admin_list_breadcrumb_admin }}{% endif %}</a>
  <span class="breadcrumb-sep">/</span>
  <span>{{ resource.title | default(value="Éléments") }}</span>
{% endblock %}
{% block content %}
  <div class="page-header">
    <div>
      <h1 class="page-title">{{ resource.title | default(value="Éléments") }}</h1>
      <p class="page-subtitle">{{ total | default(value=0) }} {% if admin_list_entries_count %}{{ admin_list_entries_count }}{% endif %}</p>
    </div>
    <a href="/admin/{{ resource.key }}/create" class="btn btn-primary">
      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" width="15" height="15">
        <line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
      </svg>
      {% if admin_list_btn_create %}{{ admin_list_btn_create }}{% endif %}
    </a>
  </div>
  <div class="card">
    {% if entries is defined and entries | length > 0 %}
      <div class="admin-table-wrapper">
        <table class="admin-table">
          <thead>
            <tr>
              <th>{% if admin_list_th_id %}{{ admin_list_th_id }}{% endif %}</th>
              {% for key, value in entries | first %}
                {% if key != "id" and key != "password" and key != "password_hash" %}
                  <th>{{ key }}</th>
                {% endif %}
              {% endfor %}
              <th class="th-right">{% if admin_list_th_actions %}{{ admin_list_th_actions }}{% endif %}</th>
            </tr>
          </thead>
          <tbody>
            {% for entry in entries %}
              <tr>
                <td><span class="id-badge">#{{ entry.id }}</span></td>
                {% for key, value in entry %}
                  {% if key != "id" and key != "password" and key != "password_hash" %}
                    <td>
                      {% if 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 %}
                        {{ value }}
                      {% else %}
                        <span class="text-muted">—</span>
                      {% endif %}
                    </td>
                  {% endif %}
                {% endfor %}
                <td>
                  <div class="table-actions table-actions-end">
                    <a href="/admin/{{ resource.key }}/{{ entry.id }}/detail" class="btn btn-sm btn-secondary">{% if admin_list_btn_detail %}{{ admin_list_btn_detail }}{% endif %}</a>
                    {% if current_user and current_user.is_superuser and "demo" not in current_user.roles %}
                    <a href="/admin/{{ resource.key }}/{{ entry.id }}/edit" class="btn btn-sm btn-secondary">{% if admin_list_btn_edit %}{{ admin_list_btn_edit }}{% endif %}</a>
                    <form method="POST" action="/admin/{{ resource.key }}/{{ entry.id }}/delete" class="form-inline">
                      <button type="submit" class="btn btn-sm btn-danger" 
                              data-confirm-delete="{% if admin_list_confirm_delete %}{{ admin_list_confirm_delete }}{% else %}Vraiment supprimer ?{% endif %}">
                        {% if admin_list_btn_delete %}{{ admin_list_btn_delete }}{% endif %}
                      </button>
                    </form>
                    {% endif %}
                  </div>
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    {% else %}
      <div class="empty-state">
        <svg class="empty-state-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
          <path d="M9 5H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-2"/>
          <rect x="9" y="3" width="6" height="4" rx="1"/>
        </svg>
        <p class="empty-state-title">{% if admin_list_empty_title %}{{ admin_list_empty_title }}{% endif %}</p>
        <p class="empty-state-desc">{% if admin_list_empty_desc %}{{ admin_list_empty_desc }}{% endif %}</p>
        <a href="/admin/{{ resource.key }}/create" class="btn btn-primary mt-sm">{% if admin_list_btn_create_first %}{{ admin_list_btn_create_first }}{% endif %}</a>
      </div>
    {% endif %}
  </div>
  <script nonce="{{ csp_nonce }}" src="{{ "js/admin/admin-actions.js" | runique_static }}"></script>
  <script nonce="{{ csp_nonce }}">
      var adminActions = new AdminActions({
          deleteMessage: "{% if admin_list_confirm_delete %}{{ admin_list_confirm_delete }}{% else %}Vraiment supprimer ?{% endif %}"
      });
      adminActions.init();
  </script>
{% endblock %}