{% extends "admin/base.html" %}
{% from "admin/macros/cells.html" import cell_content, cell_text %}
{% block title %}{{ admin.plural_name }}{% endblock %}
{% block content %}
<div class="page-header d-print-none">
  <h2 class="page-title">{{ admin.plural_name }}{% if total is none %} (page {{ page }}){% else %} ({{ displayed_total }}{{ '+' if total_capped }}){% endif %}</h2>
</div>
{% if inline_columns %}
<form id="inline-edit" method="post" action="{{ inline_action }}" class="d-none">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}"/>
</form>
{% endif %}
{% if bulk_actions %}
<form id="bulk-form" method="post" action="{{ bulk_action }}" class="d-none"
      data-noun="{{ admin.plural_name | lower }}">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}"/>
  <input type="hidden" name="select_across" value="0"/>
</form>
{% endif %}
<div class="card">
  {% if can_add or inline_columns or bulk_actions or admin.imports_available() %}
  <div class="card-header flex-wrap gap-2 py-2">
    {% if admin.imports_available() and (admin.permission_name('add') in perms or admin.permission_name('change') in perms) %}
    <a href="{{ admin.import_path() }}" class="btn">Import spreadsheet</a>
    {% endif %}
    {% if can_add %}
    <a href="{{ admin.add_path() }}" class="btn btn-primary">New {{ admin.name | lower }}</a>
    {% endif %}
    {% if inline_columns %}
    <button type="submit" form="inline-edit" class="btn" data-inline-save disabled>
      Save changes
      <span class="badge bg-blue-lt ms-1 d-none" data-inline-count>0</span>
    </button>
    <button type="button" class="btn d-none" data-inline-revert>Revert</button>
    {% endif %}
    {% if bulk_actions %}
    <div class="d-flex align-items-center gap-2">
      <select name="action" form="bulk-form" class="form-select w-auto" data-bulk-action
              aria-label="Action">
        <option value="">---------</option>
        {% for bulk_action_spec in bulk_actions %}
        <option value="{{ bulk_action_spec.name }}">{{ bulk_action_spec.description }}</option>
        {% endfor %}
      </select>
      <button type="submit" form="bulk-form" class="btn">Run</button>
      <span class="text-secondary small" data-selection-counter>0 of {{ rows | length }} selected</span>
      {% if displayed_total is not none and displayed_total > rows | length %}
      <a href="#" class="small d-none" data-select-all data-total="{{ displayed_total }}"
         >Select all {{ displayed_total }} {{ admin.plural_name | lower }}</a>
      <a href="#" class="small d-none" data-select-clear>Clear selection</a>
      {% endif %}
    </div>
    {% endif %}
  </div>
  {% endif %}
  {% include "admin/model/query_toolbar.html" %}
  {% if inline_banner %}
  <div class="alert alert-danger rounded-0 mb-0" role="alert">{{ inline_banner }}</div>
  {% endif %}
  <div class="table-responsive">
    <table class="table table-vcenter card-table">
      <thead>
        <tr>
          {% if bulk_actions %}
          <th class="w-1">
            <input type="checkbox" id="action-toggle" class="form-check-input m-0"
                   form="bulk-form" aria-label="Select all on this page"/>
          </th>
          {% endif %}
          <th class="w-1 text-end">#</th>
          <th class="w-1">Actions</th>
          {% for column in columns %}
          <th>
            {% if column.type.sortable and not column.options.get('relationship_path') %}
            <a href="{{ sort_href(column.name) }}" class="text-body">
              {{ column.label }}
              {% if sort_state(column.name) == 'asc' %}&uarr;{% elif sort_state(column.name) == 'desc' %}&darr;{% endif %}
            </a>
            {% else %}{{ column.label }}{% endif %}
          </th>
          {% endfor %}
        </tr>
      </thead>
      <tbody>
        {% for row in rows %}
        {% for group in row.groups %}
        <tr data-group-header="{{ group.level }}" class="table-light">
          <td colspan="{{ columns | length + 2 + (1 if bulk_actions else 0) }}">
            <button type="button" class="btn btn-sm" data-group-toggle aria-expanded="true">
              {{ '↳ ' * (group.level - 1) }}{{ group.label }}: {{ group.value }}
              <span class="badge bg-secondary-lt ms-2">{{ group.count }}</span>
            </button>
          </td>
        </tr>
        {% endfor %}
        <tr data-group-row{% if row.history_url %} data-history-url="{{ row.history_url }}"{% endif %}{% if row.comments_url %} data-comments-url="{{ row.comments_url }}"{% endif %}>
          {% if bulk_actions %}
          <td class="w-1">
            <input type="checkbox" name="_selected_action" value="{{ row.pk }}"
                   class="form-check-input m-0 action-select" form="bulk-form"
                   aria-label="Select {{ row.label }}"/>
          </td>
          {% endif %}
          <td class="text-end text-secondary" data-row-number>{{ start_index + loop.index0 }}</td>
          <td>
            <div class="btn-list flex-nowrap">
            <a href="{{ admin.change_path(row.pk) }}" class="btn btn-sm">{{ 'Edit' if row.can_change else 'View' }}</a>
            {% if row.can_delete %}
            <form method="post" action="{{ delete_href(row.pk) }}" class="d-inline"
                  data-confirm="Delete {{ row.label }}? This cannot be undone.">
              <input type="hidden" name="csrf_token" value="{{ csrf_token }}"/>
              <button type="submit" class="btn btn-sm btn-danger">Delete</button>
            </form>
            {% endif %}
            {% if row.comments_url %}
            <a href="{{ row.comments_url }}" class="btn btn-sm">
              Comments
              {% if row.comments_count %}<span class="badge bg-blue-lt ms-1">{{ row.comments_count }}</span>{% endif %}
            </a>
            {% endif %}
            </div>
          </td>
          {% for cell in row.cells %}
          {% set column = columns[loop.index0] %}
          {% set edit = row.edits[loop.index0] %}
          {% if edit %}
          <td{% if edit.modified %} class="cell-modified"{% endif %}>
            {% if edit.kind == 'select' %}
            <select form="inline-edit" name="edit:{{ row.pk }}:{{ edit.name }}"
                    class="inline-editor form-select form-select-sm{{ ' is-invalid' if edit.error }}"
                    data-inline-editor data-original="{{ edit.original }}" autocomplete="off">
              {% for option_value, option_label in edit.choices %}
              <option value="{{ option_value }}"
                      {{ 'selected' if option_value == edit.value }}>{{ option_label }}</option>
              {% endfor %}
            </select>
            {% else %}
            <input form="inline-edit" name="edit:{{ row.pk }}:{{ edit.name }}"
                   type="{{ 'number' if edit.kind == 'number' else 'text' }}"
                   {% if edit.step %}step="{{ edit.step }}"{% endif %}
                   value="{{ edit.value }}"
                   class="inline-editor form-control form-control-sm{{ ' is-invalid' if edit.error }}"
                   data-inline-editor data-original="{{ edit.original }}" autocomplete="off"/>
            {% endif %}
            {% if edit.error %}<div class="text-danger small mt-1">{{ edit.error }}</div>{% endif %}
          </td>
          {% else %}
          <td>{% if column.name in list_display_links %}
                <a href="{{ admin.change_path(row.pk) }}">{{ cell_content(cell) }}</a>
              {% else %}{{ cell_text(cell) }}{% endif %}</td>
          {% endif %}
          {% endfor %}
        </tr>
        {% else %}
        <tr>
          <td colspan="{{ columns | length + 2 + (1 if bulk_actions else 0) }}"
              class="text-center text-secondary py-4">
            No {{ admin.plural_name | lower }} found.
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% include "admin/includes/pagination.html" %}
{% endblock %}