{% load i18n %}
{# Set 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 "Set Members" %}
        <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="members" %}
  </div>
  {% endif %}

  {% if key_data.value %}
  <div class="dcr-data-table__scroll">
    <table>
      <thead>
        <tr>
          <th>{% trans "Member" %}</th>
          {% if allow_key_edit %}
          <th class="dcr-col--right">{% trans "Actions" %}</th>
          {% endif %}
        </tr>
      </thead>
      <tbody>
        {% for member in key_data.value %}
        <tr>
          <td><code class="dcr-code">{{ member }}</code></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 member?" %}');">
              {% csrf_token %}
              <input type="hidden" name="action" value="delete_set_member">
              <input type="hidden" name="member" value="{{ member }}">
              <button type="submit" class="dcr-btn dcr-btn--ghost dcr-btn--sm dcr-btn--danger" title="{% trans 'Delete member' %}">{% 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="set" %}
  {% endif %}{% endif %}

  {% else %}
  <div class="dcr-empty">
    <h2 class="dcr-empty__title">{% trans "Set is empty" %}</h2>
  </div>
  {% endif %}
  <p class="dcr-text-muted dcr-text-sm" style="padding:0 var(--dcr-space-lg) var(--dcr-space-md)">
    {% trans "Set editing is not supported in this interface. Use Redis CLI or other tools for complex set operations." %}
  </p>
</div>