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

<!-- Hash display -->
<div class="key-value-display">
    <h3>{% trans 'Hash Fields' %} ({{ key_data.size }} {% trans 'fields' %})</h3>
    
    {% if is_paginated %}
    <!-- Pagination info (without controls) -->
    {% include "admin/dj_redis_panel/key_detail_pagination_info.html" with collection_type="fields" %}
    {% endif %}
    
    {% if key_data.value %}
    <table class="key-value-table">
        <thead>
            <tr>
                <th>{% trans 'Field' %}</th>
                <th>{% trans 'Value' %}</th>
                {% if allow_key_edit %}
                <th>{% trans 'Actions' %}</th>
                {% endif %}
            </tr>
        </thead>
        <tbody>
            {% for field, value in key_data.value.items %}
            <tr>
                <td><code>{{ field }}</code></td>
                <td>
                    {% if allow_key_edit %}
                    <form method="post" style="display: inline-block; width: 100%;">
                        {% csrf_token %}
                        <input type="hidden" name="action" value="update_hash_field_value">
                        <input type="hidden" name="field" value="{{ field }}">
                        <div style="display: flex; align-items: center; gap: 5px;">
                            <input type="text" name="new_value" value="{{ value }}" class="inline-edit-input" style="flex: 1;">
                            <button type="submit" class="inline-edit-btn" title="{% trans 'Update field value' %}">Save</button>
                        </div>
                    </form>
                    {% else %}
                    <code>{{ value }}</code>
                    {% endif %}
                </td>
                {% if allow_key_edit %}
                <td>
                    <form method="post" style="display: inline;" 
                          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="delete-member-btn" title="{% trans 'Delete field' %}">
                            🗑️
                        </button>
                    </form>
                </td>
                {% endif %}
            </tr>
            {% endfor %}
        </tbody>
    </table>
    
    {% if is_paginated %}{% if has_more or total_pages > 1 %}
    <!-- Bottom pagination for hashes -->
    {% include "admin/dj_redis_panel/key_detail_pagination.html" with collection_type="hash" position="controls" %}
    {% endif %}{% endif %}
    
    {% else %}
    <p class="quiet">{% trans 'Hash is empty' %}</p>
    {% endif %}
</div>