{% extends "admin/dj_redis_panel/base.html" %}
{% load i18n static dcr_icons %}

{% block extrahead %}
{{ block.super }}
{% if not redis_instances %}
<link rel="stylesheet" href="{% static 'dj_control_room_base/vendor/highlight-github-dark.min.css' %}">
<script src="{% static 'dj_control_room_base/vendor/highlight.min.js' %}"></script>
{% endif %}
{% endblock %}

{% block panel_content %}

<div class="dcr-page-header">
  <div class="dcr-page-header__main">
    <div class="dcr-page-header__icon dcr-icon-color--accent">
      {% dcr_icon "database" %}
    </div>
    <div class="dcr-page-header__body">
      <div class="dcr-page-header__title-row">
        <h1 class="dcr-page-header__title">{% trans "Redis Instances" %}</h1>
        {% if redis_instances %}
        <span class="dcr-badge">{{ redis_instances|length }} {% trans "CONFIGURED" %}</span>
        {% endif %}
      </div>
      <p class="dcr-page-header__subtitle">
        {% trans "Monitor connections, memory usage, and keys across every configured Redis instance." %}
      </p>
    </div>
  </div>
</div>

{% if redis_instances %}
<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 "Instances" %}</h3>
    </div>
  </div>
  <div class="dcr-data-table__scroll">
    <table>
      <thead>
        <tr>
          <th>{% trans "Instance" %}</th>
          <th>{% trans "Status" %}</th>
          <th>{% trans "Version" %}</th>
          <th class="dcr-col--right">{% trans "Memory Used" %}</th>
          <th class="dcr-col--right">{% trans "Clients" %}</th>
          <th class="dcr-col--right">{% trans "Total Keys" %}</th>
        </tr>
      </thead>
      <tbody>
        {% for instance in redis_instances %}
        <tr>
          <td>
            {% if instance.status == 'connected' %}
            <a href="{% url 'dj_redis_panel:instance_overview' instance.alias %}" class="dcr-data-table__link">{{ instance.alias }}</a>
            {% else %}
            <strong>{{ instance.alias }}</strong>
            {% endif %}
            {% if instance.config.description %}
            <div class="dcr-text-muted dcr-text-sm">{{ instance.config.description }}</div>
            {% endif %}
          </td>
          <td>
            {% if instance.status == 'connected' %}
            <span class="dcr-pill dcr-pill--success"><span class="dcr-pill__dot"></span>{% trans "Connected" %}</span>
            {% else %}
            <span class="dcr-pill dcr-pill--danger"><span class="dcr-pill__dot"></span>{% trans "Disconnected" %}</span>
            {% if instance.error %}
            <div class="dcr-text-muted dcr-text-sm">{{ instance.error }}</div>
            {% endif %}
            {% endif %}
          </td>
          <td>
            {% if instance.info %}
            {{ instance.info.redis_version }}
            {% else %}
            <span class="dcr-text-muted">—</span>
            {% endif %}
          </td>
          <td class="dcr-col--right">
            {% if instance.info %}
            {{ instance.info.used_memory_human }}
            {% else %}
            <span class="dcr-text-muted">—</span>
            {% endif %}
          </td>
          <td class="dcr-col--right">
            {% if instance.info %}
            {{ instance.info.connected_clients }}
            {% else %}
            <span class="dcr-text-muted">—</span>
            {% endif %}
          </td>
          <td class="dcr-col--right">
            {% if instance.info %}
            {{ instance.total_keys }}
            {% else %}
            <span class="dcr-text-muted">—</span>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% else %}
<div class="dcr-empty">
  <h2 class="dcr-empty__title">{% trans "Redis Configuration Required" %}</h2>
  <p class="dcr-empty__body">
    {% trans "To use the Redis panel, you must configure Redis instances in your Django settings." %}
  </p>
</div>

<div class="dcr-section-header dcr-mt-lg">
  <h3 class="dcr-section-header__title">{% trans "Example configuration" %}</h3>
</div>
<div class="dcr-code-viewer">
  <div class="dcr-code-viewer__header">
    <span class="dcr-code-viewer__label">&lt;&gt; settings.py</span>
  </div>
  <pre class="dcr-code-viewer__body"><code class="language-python">DJ_REDIS_PANEL_SETTINGS = {
    "ALLOW_KEY_DELETE": False,
    "ALLOW_KEY_EDIT": False,
    "ALLOW_TTL_UPDATE": False,
    "CURSOR_PAGINATED_SCAN": False,
    "CURSOR_PAGINATED_COLLECTIONS": False,
    "socket_timeout": 5.0,
    "socket_connect_timeout": 5.0,
    "INSTANCES": {
        "local_redis": {
            "description": "Local Redis Instance",
            "host": "127.0.0.1",
            "port": 6379,
            "features": {
                "ALLOW_KEY_DELETE": True,
                "ALLOW_KEY_EDIT": True,
                "ALLOW_TTL_UPDATE": True,
                "CURSOR_PAGINATED_SCAN": True,
                "CURSOR_PAGINATED_COLLECTIONS": True,
            },
        },
    }
}</code></pre>
</div>
<p class="dcr-text-muted dcr-mt-sm">
  {% trans "After adding the configuration, restart your Django server to see your Redis instances." %}
</p>
{% endif %}

{% endblock %}

{% block panel_scripts %}
{% if not redis_instances %}
<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('pre.dcr-code-viewer__body code.language-python').forEach(function (el) {
        hljs.highlightElement(el);
    });
});
</script>
{% endif %}
{% endblock %}