{% extends "admin/base_site.html" %}
{% load i18n static %}

{% block extrastyle %}
{{ block.super }}
<link rel="stylesheet" href="{% static "admin/css/forms.css" %}">
<link rel="stylesheet" href="{% static "admin/css/changelists.css" %}">
<style type="text/css">
    {% include "admin/django_cachex/cache/styles.css" %}
</style>
{% endblock %}

{% block bodyclass %}{{ block.super }} app-django_cachex model-cache change-form{% endblock %}

{% block breadcrumbs %}
<div class="breadcrumbs">
    <a href="{% url 'admin:index' %}">{% trans 'Home' %}</a>
    &rsaquo; <a href="{% url 'admin:django_cachex_cache_changelist' %}">{% trans 'Caches' %}</a>
    &rsaquo; {{ cache_name }}
</div>
{% endblock %}

{% block content %}
<div id="content-main">
    <!-- Object tools -->
    <ul class="object-tools">
        {% if cache_obj.support_level == "cachex" %}
        <li>
            <a href="{% url 'admin:django_cachex_key_changelist' %}?cache={{ cache_name|urlencode }}">{% trans 'List Keys' %}</a>
        </li>
        {% endif %}
        <li>
            <a href="?{% if not help_active %}help=1{% endif %}">{% trans 'Help' %}</a>
        </li>
    </ul>

    {% if cache_obj.support_level != "cachex" %}
    <fieldset class="module aligned info-section">
        <h2>{% trans 'Limited backend' %}</h2>
        <p style="padding: 1em;">
            {% blocktrans %}This backend doesn't expose a key-listing API, so the django-cachex admin can only display its configuration. Browsing, type detection, TTL inspection, and edits aren't available.{% endblocktrans %}
            {% if cache_obj.cachex_upgrade_hint %}
            <br><br>
            {% blocktrans with hint=cache_obj.cachex_upgrade_hint %}Switch <code>BACKEND</code> to <code>{{ hint }}</code> for the full admin experience.{% endblocktrans %}
            {% endif %}
        </p>
    </fieldset>
    {% endif %}

    {% if info_data %}
    <!-- Basic Configuration -->
    <fieldset class="module aligned info-section">
        <h2>{% trans 'Configuration' %}</h2>
        <table class="info-table">
            <tr>
                <th>{% trans 'Backend' %}</th>
                <td><code>{{ info_data.backend }}</code></td>
            </tr>
            <tr>
                <th>{% trans 'Location' %}</th>
                <td><code>{{ info_data.location|default:"-" }}</code></td>
            </tr>
            <tr>
                <th>{% trans 'Key Prefix' %}</th>
                <td><code>{{ info_data.key_prefix|default:"-" }}</code></td>
            </tr>
            <tr>
                <th>{% trans 'Version' %}</th>
                <td>{{ info_data.version }}</td>
            </tr>
            <tr>
                <th>{% trans 'Support' %}</th>
                <td><span class="support-badge support-badge-{{ cache_obj.support_level }}">{{ cache_obj.support_level }}</span></td>
            </tr>
        </table>
    </fieldset>

    {% if info_data.server_rows %}
    <fieldset class="module aligned info-section">
        <h2>{% trans 'Server' %}</h2>
        <table class="info-table">
            {% for row in info_data.server_rows %}
            <tr><th>{{ row.label }}</th><td>{{ row.value }}</td></tr>
            {% endfor %}
        </table>
    </fieldset>
    {% endif %}

    {% if info_data.memory_rows %}
    <fieldset class="module aligned info-section">
        <h2>{% trans 'Memory' %}</h2>
        <table class="info-table">
            {% for row in info_data.memory_rows %}
            <tr><th>{{ row.label }}</th><td>{{ row.value }}</td></tr>
            {% endfor %}
        </table>
    </fieldset>
    {% endif %}

    {% if info_data.clients_rows %}
    <fieldset class="module aligned info-section">
        <h2>{% trans 'Clients' %}</h2>
        <table class="info-table">
            {% for row in info_data.clients_rows %}
            <tr><th>{{ row.label }}</th><td>{{ row.value }}</td></tr>
            {% endfor %}
        </table>
    </fieldset>
    {% endif %}

    {% if info_data.stats_rows %}
    <fieldset class="module aligned info-section">
        <h2>{% trans 'Statistics' %}</h2>
        <table class="info-table">
            {% for row in info_data.stats_rows %}
            <tr><th>{{ row.label }}</th><td>{{ row.value }}</td></tr>
            {% endfor %}
        </table>
    </fieldset>
    {% endif %}

    {% if info_data.keyspace %}
    <!-- Keyspace Information -->
    <fieldset class="module aligned info-section">
        <h2>{% trans 'Keyspace' %}</h2>
        <div class="keyspace-grid">
            {% for db_name, db_stats in info_data.keyspace.items %}
            <div class="keyspace-card">
                <h4>{{ db_name }}</h4>
                {% if db_stats.keys is not None %}
                <div class="stat">
                    <span>{% trans 'Keys' %}</span>
                    <span class="stat-value">{{ db_stats.keys }}</span>
                </div>
                {% endif %}
                {% if db_stats.expires is not None %}
                <div class="stat">
                    <span>{% trans 'Expires' %}</span>
                    <span class="stat-value">{{ db_stats.expires }}</span>
                </div>
                {% endif %}
                {% if db_stats.avg_ttl is not None %}
                <div class="stat">
                    <span>{% trans 'Avg TTL' %}</span>
                    <span class="stat-value">{{ db_stats.avg_ttl }}ms</span>
                </div>
                {% endif %}
            </div>
            {% endfor %}
        </div>
    </fieldset>
    {% endif %}

    {% if raw_info_json %}
    <!-- Raw Info -->
    <fieldset class="module aligned">
        <h2>{% trans 'Raw Info' %}</h2>
        <textarea readonly rows="20" style="width: 100%; box-sizing: border-box; font-family: var(--font-family-monospace); font-size: 12px;">{{ raw_info_json }}</textarea>
    </fieldset>
    {% endif %}
    {% endif %}

    {% if slowlog_data %}
    <!-- Slow Log Section -->
    <fieldset class="module aligned info-section">
        <h2>{% trans 'Slow Log' %}</h2>
        {% if slowlog_data.error %}
        <p class="warningnote">{{ slowlog_data.error }}</p>
        {% elif slowlog_data.entries %}
        <div class="results">
            <table id="result_list" style="width: 100%;">
                <thead>
                    <tr>
                        <th scope="col" style="width: 60px;">{% trans 'ID' %}</th>
                        <th scope="col" style="width: 160px;">{% trans 'Time' %}</th>
                        <th scope="col" style="width: 100px;">{% trans 'Duration' %}</th>
                        <th scope="col">{% trans 'Command' %}</th>
                        <th scope="col" style="width: 120px;">{% trans 'Client' %}</th>
                    </tr>
                </thead>
                <tbody>
                    {% for entry in slowlog_data.entries %}
                    <tr class="{% cycle 'row1' 'row2' %}">
                        <td class="quiet">{{ entry.id }}</td>
                        <td class="quiet">
                            {% if entry.timestamp %}
                            <code>{{ entry.timestamp|date:"Y-m-d H:i:s" }}</code>
                            {% else %}
                            -
                            {% endif %}
                        </td>
                        <td class="{% if entry.duration_us >= 100000 %}duration-slow{% elif entry.duration_us >= 10000 %}duration-medium{% else %}duration-fast{% endif %}">
                            {% if entry.duration_us >= 1000000 %}
                            <code>{{ entry.duration_us|floatformat:0 }} &micro;s ({{ entry.duration_s|floatformat:1 }}s)</code>
                            {% elif entry.duration_us >= 1000 %}
                            <code>{{ entry.duration_us }} &micro;s ({{ entry.duration_ms|floatformat:1 }}ms)</code>
                            {% else %}
                            <code>{{ entry.duration_us }} &micro;s</code>
                            {% endif %}
                        </td>
                        <td class="command-cell">
                            <code>{% for arg in entry.command %}{{ arg }} {% endfor %}</code>
                        </td>
                        <td class="quiet">
                            {% if entry.client %}{{ entry.client }}{% endif %}
                            {% if entry.client_name %}<br><small>{{ entry.client_name }}</small>{% endif %}
                        </td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% else %}
        <p class="quiet" style="padding: 10px;">{% trans 'No slow queries recorded.' %}</p>
        {% endif %}
    </fieldset>
    {% endif %}

    {% if show_danger_zone %}
    <!-- Danger Zone -->
    <fieldset class="module aligned danger-zone">
        <h2 class="danger-zone-header">{% trans 'Danger Zone' %}</h2>
        <div class="danger-zone-content">
            <div class="danger-action">
                <div>
                    <strong>{% trans 'Clear all versions' %}</strong>
                    <p class="help">{% trans 'Delete all keys for this cache across every version. More destructive than the regular clear which only removes the current version.' %}</p>
                </div>
                <form method="post" style="flex-shrink: 0;">
                    {% csrf_token %}
                    <input type="hidden" name="action" value="clear_all_versions">
                    <button type="submit" class="button delete-btn"
                        onclick="return confirm('Delete ALL keys across ALL versions for \'{{ cache_name|escapejs }}\'?\n\nThis cannot be undone.');">
                        {% trans 'Clear all versions' %}
                    </button>
                </form>
            </div>
            <div class="danger-action">
                <div>
                    <strong>{% trans 'Flush database' %}</strong>
                    <p class="help">{% trans "Execute FLUSHDB. Removes every key on the primary you're connected to (single-node only; flushing a cluster requires per-node FLUSHDB). Affects all keys on that primary, not just those belonging to this cache." %}</p>
                </div>
                <form method="post" style="flex-shrink: 0;">
                    {% csrf_token %}
                    <input type="hidden" name="action" value="flush_db">
                    <button type="submit" class="button delete-btn"
                        onclick="return confirm('FLUSH the Redis database for \'{{ cache_name|escapejs }}\'?\n\nThis removes every key on the primary you are connected to, including keys from other applications. On a cluster only the targeted primary is flushed; flushing a cluster requires per-node FLUSHDB.\n\nThis cannot be undone.');">
                        {% trans 'Flush database' %}
                    </button>
                </form>
            </div>
        </div>
    </fieldset>
    {% endif %}

    <div class="submit-row">
        <a role="button" href="{% url 'admin:django_cachex_cache_changelist' %}" class="closelink">{% trans 'Back' %}</a>
    </div>
</div>
{% endblock %}