{% load i18n %}
{# List value display template #}

<div class="dcr-data-table">
  <div class="dcr-data-table__header">
    <div class="dcr-data-table__header-info">
      <h3 class="dcr-data-table__title">
        {% trans "List Elements" %}
        <span class="dcr-badge">{{ key_data.size }} {% trans "ITEMS" %}</span>
      </h3>
    </div>
  </div>

  {% if is_paginated %}
  <div class="dcr-data-table__controls">
    {% include "admin/dj_redis_panel/key_detail_pagination_info.html" with collection_type="items" %}
  </div>
  {% endif %}

  {% if key_data.value %}
  <div class="dcr-data-table__scroll">
    <table>
      <thead>
        <tr>
          <th>{% trans "Index" %}</th>
          <th>{% trans "Value" %}</th>
          {% if allow_key_edit %}
          <th class="dcr-col--right">{% trans "Actions" %}</th>
          {% endif %}
        </tr>
      </thead>
      <tbody>
        {% for item in key_data.value %}
        <tr>
          <td><code class="dcr-code">{% if is_paginated %}{{ start_index|add:forloop.counter0 }}{% else %}{{ forloop.counter0 }}{% endif %}</code></td>
          <td>
            {% if allow_key_edit %}
            <form method="post" style="display:flex;align-items:center;gap:var(--dcr-space-xs)">
              {% csrf_token %}
              <input type="hidden" name="action" value="update_list_item">
              <input type="hidden" name="index" value="{% if is_paginated %}{{ start_index|add:forloop.counter0 }}{% else %}{{ forloop.counter0 }}{% endif %}">
              <input type="text" name="new_value" value="{{ item }}" class="dcr-input">
              <button type="submit" class="dcr-btn dcr-btn--ghost dcr-btn--sm" title="{% trans 'Update item' %}">{% trans "Save" %}</button>
            </form>
            {% else %}
            <code class="dcr-code">{{ item }}</code>
            {% endif %}
          </td>
          {% if allow_key_edit %}
          <td class="dcr-col--right">
            <form method="post" onsubmit="return confirm('{% trans "Are you sure you want to delete this item?" %}');">
              {% csrf_token %}
              <input type="hidden" name="action" value="delete_list_item">
              <input type="hidden" name="index" value="{% if is_paginated %}{{ start_index|add:forloop.counter0 }}{% else %}{{ forloop.counter0 }}{% endif %}">
              <button type="submit" class="dcr-btn dcr-btn--ghost dcr-btn--sm dcr-btn--danger" title="{% trans 'Delete item' %}">{% trans "Delete" %}</button>
            </form>
          </td>
          {% endif %}
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>

  {% if is_paginated %}{% if has_more or total_pages > 1 %}
  {% include "admin/dj_redis_panel/key_detail_pagination.html" with collection_type="list" %}
  {% endif %}{% endif %}

  {% else %}
  <div class="dcr-empty">
    <h2 class="dcr-empty__title">{% trans "List is empty" %}</h2>
  </div>
  {% endif %}
</div>