{% extends "quite_admin/base.html" %}
{% from "quite_admin/_icons.html" import filter_icon, export_icon %}
{% block content %}
<div data-form-messages hidden data-messages='{{ form_messages|tojson }}'></div>
{% if inline_fields %}<p data-list-save-status class="field-error" role="status" aria-live="polite" hidden></p><dialog class="inline-dialog" data-inline-dialog data-messages='{{ {"none": t("None"), "save": t("Save changes"), "cancel": t("Cancel"), "loading": t("Loading…"), "error": t("Unable to save. Review permissions or reload the list."), "edit": t("Edit field"), "conflict": t("The record changed. Reload the list before switching again.")}|tojson }}'><form method="dialog"><h2 id="inline-title"></h2><div data-inline-control></div><p data-inline-error class="field-error" role="alert"></p><div class="button-group"><button type="button" class="button secondary" data-inline-cancel>{{ t('Cancel') }}</button><button type="submit" class="button primary" data-inline-save>{{ t('Save changes') }}</button></div></form></dialog>{% endif %}
<div class="page-heading list-heading"><div class="heading-with-count"><h1>{{ resource.label }}</h1><span class="record-count">{{ result.total }} {{ tn('record', 'records', result.total) }}</span></div></div>
<section class="record-list">
  <div class="list-tools">
  <form method="get" class="list-query-form"{% if filter_descriptors %} data-filter-builder data-fields='{{ filter_descriptors|tojson }}' data-conditions='{{ active_filters|tojson }}' data-messages='{{ filter_messages|tojson }}' data-errors='{{ filter_errors_json|tojson }}'{% endif %}>
  <div class="toolbar list-toolbar"><div class="search-form" role="search"><label class="sr-only" for="search">{{ t('Search records') }}</label><input id="search" name="q" placeholder="{{ t('Search records…') }}" value="{{ query.search }}"><input type="hidden" name="limit" value="{{ limit }}">{% if query.order_by %}<input type="hidden" name="sort" value="{{ query.order_by }}"><input type="hidden" name="direction" value="{{ 'desc' if query.descending else 'asc' }}">{% endif %}</div>{% if filter_descriptors %}<button class="button secondary icon-button filter-add" type="button" data-filter-add title="{{ t('Add filter') }}" aria-label="{{ t('Add filter') }}" hidden>{{ filter_icon() }}</button>{% endif %}</div>
  {% if filter_fields or relation_filters %}{% include 'quite_admin/filters.html' %}{% endif %}
  </form>
  {% if export_columns %}
  <details class="export-panel">
    <summary class="button secondary icon-button" title="{{ t('Export data') }}" aria-label="{{ t('Export data') }}">{{ export_icon() }}</summary>
    <form method="get" class="export-form">
      {% for name, value in export_params %}<input type="hidden" name="{{ name }}" value="{{ value }}">{% endfor %}
      <p class="field-help">{{ t('Exports all matching records using the current search, filters and sorting. Apply filters before exporting.') }}</p>
      <fieldset><legend>{{ t('Columns') }}</legend><div class="export-columns">
      {% for column in export_columns %}<label class="checkbox-label"><input type="checkbox" name="columns" value="{{ column.name }}"{% if not column.editor and column.name in columns|map(attribute='name')|list %} checked{% endif %}> {{ column.label }}</label>{% endfor %}
      </div></fieldset>
      <p class="field-help">{{ t('Related collections use one value per line in each cell; missing single relations are empty. Limits: 10000 records, or 1000 with related columns.') }}</p>
      <label>{{ t('Format') }} <select name="export"><option value="csv">CSV</option><option value="xlsx">XLSX</option></select></label>
      <button class="button secondary" type="submit">{{ t('Download') }}</button>
    </form>
  </details>
  {% endif %}
  {% if permissions.create %}<a class="button primary list-create" href="{{ url('/models/' ~ resource.slug ~ '/new') }}">+ {{ t('Create record') }}</a>{% endif %}
  </div>
  {% if active_filters or query.search %}<div class="active-filters" aria-label="{{ t('Active filters') }}">{% if query.search %}<a class="filter-chip" href="{{ query_url(q='', page=1) }}">{{ t('Search') }}: {{ query.search }} <span aria-hidden="true">×</span><span class="sr-only">{{ t('Remove') }}</span></a>{% endif %}{% for item in active_filters %}<span class="filter-chip filter-condition"><span class="filter-label">{{ item.label }}</span><button class="filter-edit" type="button" data-filter-edit="{{ loop.index0 }}" hidden>{{ item.label }}</button><a class="filter-remove" href="{{ item.remove_url }}" aria-label="{{ t('Remove') }}: {{ item.label }}">×</a></span>{% endfor %}<a class="link-button" href="{{ clear_filters_url }}">{{ t('Clear all') }}</a></div>{% endif %}
  {% set primary_name = resource.options.record_label or (columns|rejectattr('primary_key')|selectattr('kind', 'equalto', 'string')|map(attribute='name')|first|default('')) %}
  <div class="table-scroll list-table-scroll"><table aria-label="{{ resource.label }}">
    <thead><tr>
      {% for field in columns %}<th scope="col"{% if field.kind in ('integer', 'number') %} class="numeric"{% endif %}{% if query.order_by == field.name %} aria-sort="{{ 'descending' if query.descending else 'ascending' }}"{% endif %}><a href="{{ query_url(sort=field.name, direction='desc' if query.order_by == field.name and not query.descending else 'asc', page=1) }}">{{ field.label }} <span class="sort-icon" aria-hidden="true">{% if query.order_by == field.name %}{{ '↓' if query.descending else '↑' }}{% else %}↕{% endif %}</span></a></th>{% else %}<th scope="col">{{ t('Record') }}</th>{% endfor %}
      {% if permissions.delete %}<th scope="col" class="delete-col"><span class="sr-only">{{ t('Delete') }}</span></th>{% endif %}
    </tr></thead>
    <tbody>{% set can_open = permissions.view or permissions.edit %}
    {% for record in result.records %}{% set key = resource.schema.record_key(record) %}
    <tr class="record-row{% if can_open %} record-row-clickable{% endif %}">
      {% for field in columns %}<td data-list-field="{{ field.name }}"{% if field.kind in ('integer', 'number') %} class="numeric"{% elif field.name == primary_name %} class="cell-primary"{% endif %}>
        {% if loop.first and can_open and field.name not in inline_fields and field.kind != 'boolean' %}<a class="record-row-link" href="{{ url('/models/' ~ resource.slug ~ '/' ~ key) }}" aria-label="{{ t('Open record') }}: {{ resource.record_label(record) }}">{% endif %}
        {% if loop.first and can_open and (field.name in inline_fields or field.kind == 'boolean') %}<a class="record-row-link cell-open" href="{{ url('/models/' ~ resource.slug ~ '/' ~ key) }}" aria-label="{{ t('Open record') }}">↗</a>{% endif %}
        {% if field.kind == 'boolean' %}
        <span class="list-toggle-control" data-list-toggle-control data-value="{{ 'null' if record[field.name] is none else 'true' if record[field.name] else 'false' }}"{% if field.name in inline_fields %} data-toggle-endpoint="{{ inline_endpoint(record, field.name) }}"{% endif %}>
          <button class="boolean-toggle list-boolean-toggle" type="button" role="switch" data-field-label="{{ field.label }}" aria-label="{{ field.label }}{% if record[field.name] is none %}: {{ t('None') }}{% endif %}" aria-checked="{{ 'true' if record[field.name] else 'false' }}"{% if field.name not in inline_fields %} disabled{% endif %} data-list-switch></button>
          <span class="toggle-null-state"{% if record[field.name] is not none %} hidden{% endif %}>{{ t('None') }}</span>
          {% if field.nullable and field.name in inline_fields %}<button class="list-null-button" type="button" title="{{ t('None') }}" aria-label="{{ t('None') }}: {{ field.label }}" aria-pressed="{{ 'true' if record[field.name] is none else 'false' }}" data-list-null>∅</button>{% endif %}
        </span>
        {% else %}
        {% if field.name in inline_fields %}<button class="cell-edit" type="button" data-inline-endpoint="{{ inline_endpoint(record, field.name) }}" aria-label="{{ t('Edit field') }}: {{ field.label }}" title="{{ t('Edit field') }}: {{ field.label }}">{% endif %}
        {% if record[field.name] is none %}<span data-cell-value class="null-value">—</span>{% elif field.kind == 'boolean' %}<span data-cell-value class="boolean-badge {{ 'yes' if record[field.name] else 'no' }}">{{ t('True' if record[field.name] else 'False') }}</span>{% elif field.primary_key %}<span data-cell-value class="record-id">{{ field.format(record[field.name])|truncate(64) }}</span>{% else %}<span data-cell-value class="cell-value" title="{{ field.format(record[field.name]) }}">{{ field.format(record[field.name])|truncate(90) }}</span>{% endif %}
        {% if field.name in inline_fields %}<span class="cell-edit-mark" aria-hidden="true">✎</span></button>{% endif %}
        {% endif %}
        {% if loop.first and can_open and field.name not in inline_fields and field.kind != 'boolean' %}</a>{% endif %}
      </td>{% else %}<td>{% if can_open %}<a class="record-row-link" href="{{ url('/models/' ~ resource.slug ~ '/' ~ key) }}">{{ t('Open record') }}</a>{% else %}—{% endif %}</td>{% endfor %}
      {% if permissions.delete %}<td class="delete-col"><a class="button small danger-outline delete-action" title="{{ t('Delete record') }}: {{ resource.record_label(record) }}" href="{{ url('/models/' ~ resource.slug ~ '/' ~ key ~ '/delete') }}"><span class="sr-only">{{ t('Delete') }}</span><svg class="action-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7M14 10v7"/></svg></a></td>{% endif %}
    </tr>
    {% else %}<tr><td colspan="{{ ([columns|length, 1]|max) + (1 if permissions.delete else 0) }}"><div class="empty-state"><h2>{{ t('No matching records' if query.search or active_filters else 'No records') }}</h2><p>{{ t('Try different filters or search.' if query.search or active_filters else 'This collection has no records yet.') }}</p>{% if query.search or active_filters %}<a class="button secondary" href="{{ clear_filters_url }}">{{ t('Clear') }}</a>{% elif permissions.create %}<a href="{{ url('/models/' ~ resource.slug ~ '/new') }}" class="button secondary">{{ t('Create record') }}</a>{% endif %}</div></td></tr>{% endfor %}</tbody>
  </table></div>
  <footer class="pagination"><span class="muted">{{ t('Page {number}', number=page_number) }} <span class="pagination-divider">·</span> {{ t('{count} per page', count=limit) }}</span><div>{% if page_number > 1 %}<a class="button secondary small" href="{{ query_url(page=page_number - 1) }}">← {{ t('Previous') }}</a>{% endif %}{% if page_number * limit < result.total %}<a class="button secondary small" href="{{ query_url(page=page_number + 1) }}">{{ t('Next') }} →</a>{% endif %}</div></footer>
</section>
{% endblock %}