{% load i18n %}
{# Hash 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 "Hash Fields" %}
        <span class="dcr-badge">{{ key_data.size }} {% trans "FIELDS" %}</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="fields" %}
  </div>
  {% endif %}

  {% if key_data.value %}
  <div class="dcr-data-table__scroll">
    <table>
      <thead>
        <tr>
          <th>{% trans "Field" %}</th>
          <th>{% trans "Value" %}</th>
          {% if allow_key_edit %}
          <th class="dcr-col--right">{% trans "Actions" %}</th>
          {% endif %}
        </tr>
      </thead>
      <tbody>
        {% for field, value in key_data.value.items %}
        <tr>
          <td><code class="dcr-code">{{ field }}</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_hash_field_value">
              <input type="hidden" name="field" value="{{ field }}">
              <input type="text" name="new_value" value="{{ value }}" class="dcr-input">
              <button type="submit" class="dcr-btn dcr-btn--ghost dcr-btn--sm" title="{% trans 'Update field value' %}">{% trans "Save" %}</button>
            </form>
            {% else %}
            <code class="dcr-code">{{ value }}</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 field?" %}');">
              {% csrf_token %}
              <input type="hidden" name="action" value="delete_hash_field">
              <input type="hidden" name="field" value="{{ field }}">
              <button type="submit" class="dcr-btn dcr-btn--ghost dcr-btn--sm dcr-btn--danger" title="{% trans 'Delete field' %}">{% 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="hash" %}
  {% endif %}{% endif %}

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