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

{% block panel_breadcrumbs %}
{{ block.super }}
› {{ cache_name }}
{% endblock %}

{% block panel_content %}

{% if error %}
<div class="dcr-callout dcr-callout--danger">
  <p class="dcr-callout__title">{% trans "Error" %}</p>
  <pre class="dcr-callout__body" style="white-space:pre-wrap;font-family:var(--dcr-font-mono);font-size:11px;">{{ error }}</pre>
</div>
{% endif %}

{% if error_message %}
<div class="dcr-callout dcr-callout--danger">
  <p class="dcr-callout__body">{{ error_message }}</p>
</div>
{% endif %}

{% if not query_supported or not get_key_supported %}
<div class="dcr-callout dcr-callout--warning">
  {% if not query_supported and not get_key_supported %}
  <p class="dcr-callout__title">{% trans "Key Operations Not Available" %}</p>
  <p class="dcr-callout__body">
    {% trans "This cache backend does not support listing keys or performing exact key lookups. No search functionality is available for this cache backend." %}
  </p>
  {% elif not query_supported %}
  <p class="dcr-callout__title">{% trans "Key Listing Not Available" %}</p>
  <p class="dcr-callout__body">
    {% trans "This cache backend does not support listing all keys. You can still perform exact key lookups using the search box below." %}
  </p>
  {% elif not get_key_supported %}
  <p class="dcr-callout__title">{% trans "Key Lookup Not Available" %}</p>
  <p class="dcr-callout__body">
    {% trans "This cache backend does not support getting key values. You can still list keys using wildcard patterns." %}
  </p>
  {% endif %}
</div>
{% endif %}

<a href="{% url 'dj_cache_panel:index' %}" class="dcr-back-link">{% trans "Back to Cache Instances" %}</a>

<div class="dcr-page-header">
  <div class="dcr-page-header__main">
    <div class="dcr-page-header__icon dcr-icon-color--purple">
      {% dcr_icon "layers" %}
    </div>
    <div class="dcr-page-header__body">
      <h1 class="dcr-page-header__title dcr-font-mono">{{ cache_name }}</h1>
      <p class="dcr-page-header__subtitle">
        {% trans "Key Search" %} &middot; <code class="dcr-code">{{ cache_config.BACKEND }}</code>
      </p>
    </div>
  </div>
  <div class="dcr-page-header__actions">
    {% if abilities.edit_key %}
    <a href="{% url 'dj_cache_panel:key_add' cache_name %}" class="dcr-btn dcr-btn--primary">{% trans "Add New Key" %}</a>
    {% endif %}
    {% if flush_supported %}
    <form method="post" onsubmit="return confirm('{% trans "Are you sure you want to delete all entries in this cache? This action cannot be undone." %}');">
      {% csrf_token %}
      <input type="hidden" name="action" value="flush">
      <button type="submit" class="dcr-btn dcr-btn--danger">{% trans "Flush Cache" %}</button>
    </form>
    {% else %}
    <button type="button" class="dcr-btn dcr-btn--danger" disabled>{% trans "Flush Cache" %}</button>
    {% endif %}
  </div>
</div>

<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 "Keys" %}
        {% if total_keys %}<span class="dcr-badge">{{ total_keys }} {% trans "FOUND" %}</span>{% endif %}
      </h3>
      {% if exact_match %}
      <p class="dcr-data-table__subtitle">{% trans "Exact key match found." %}</p>
      {% elif total_keys %}
      <p class="dcr-data-table__subtitle">
        {% blocktrans with total=total_keys start=start_index end=end_index %}Found {{ total }} keys, showing {{ start }} to {{ end }}{% endblocktrans %}
      </p>
      {% endif %}
    </div>
  </div>

  {% if query_supported or get_key_supported %}
  <div class="dcr-data-table__controls">
    <form class="dcr-form" method="get">
      <div class="dcr-form__group">
        <label class="dcr-form__label" for="q">{% trans "Search by key" %}</label>
        <div class="dcr-form__row--stretch">
          <div class="dcr-input-group">
            <svg class="dcr-input-group__icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
            <input
              type="text"
              id="q"
              name="q"
              value="{{ search_query }}"
              class="dcr-input-group__input"
              placeholder="{% if query_supported %}{% trans 'e.g. user:*, *:cache' %}{% else %}{% trans 'Enter exact key name' %}{% endif %}"
            >
          </div>
          <button type="submit" class="dcr-btn dcr-btn--primary">{% trans "Search" %}</button>
        </div>
        <p class="dcr-text-sm dcr-text-muted dcr-mt-xs">
          {% if query_supported %}
          {% trans "Use * for wildcards, e.g., user:* or *:cache. Leave empty or use * to list all keys." %}
          {% elif get_key_supported %}
          {% trans "Enter the exact key name to look up its value." %}
          {% endif %}
        </p>
      </div>
      {% if query_supported %}
      <div class="dcr-form__row">
        <div class="dcr-field">
          <label class="dcr-field__label" for="per_page">{% trans "Per page" %}</label>
          <select id="per_page" name="per_page" class="dcr-select">
            <option value="10" {% if per_page == 10 %}selected{% endif %}>10</option>
            <option value="25" {% if per_page == 25 %}selected{% endif %}>25</option>
            <option value="50" {% if per_page == 50 %}selected{% endif %}>50</option>
            <option value="100" {% if per_page == 100 %}selected{% endif %}>100</option>
          </select>
        </div>
      </div>
      {% endif %}
    </form>
  </div>
  {% endif %}

  <div class="dcr-data-table__scroll">
    <table>
      <thead>
        <tr>
          <th>{% trans "Key" %}</th>
          {% if keys_data.0.redis_key %}
          <th>{% trans "Redis Key" %}</th>
          {% endif %}
        </tr>
      </thead>
      <tbody>
        {% if keys_data %}
        {% for key_info in keys_data %}
        <tr>
          <td>
            <a href="{% url 'dj_cache_panel:key_detail' cache_name key_info.key|urlencode %}" class="dcr-data-table__link">
              <strong>{{ key_info.key }}</strong>
            </a>
          </td>
          {% if key_info.redis_key %}
          <td><code class="dcr-code">{{ key_info.redis_key }}</code></td>
          {% endif %}
        </tr>
        {% endfor %}
        {% else %}
        <tr>
          <td colspan="2">
            <div class="dcr-empty">
              <p class="dcr-empty__title">
                {% if search_query %}
                {% trans "No keys found" %}
                {% elif not query_supported and not get_key_supported %}
                {% trans "No key operations available" %}
                {% else %}
                {% trans "No keys yet" %}
                {% endif %}
              </p>
              <p class="dcr-empty__body">
                {% if search_query and not error_message %}
                {% trans "No keys found matching your search." %}
                {% elif query_supported and not search_query %}
                {% trans "Enter a search pattern or click Search to list all keys." %}
                {% elif not query_supported and not get_key_supported %}
                {% trans "This cache backend does not support any key search or lookup operations." %}
                {% endif %}
              </p>
            </div>
          </td>
        </tr>
        {% endif %}
      </tbody>
    </table>
  </div>

  {% if total_pages > 1 %}
  <div class="dcr-pagination">
    <span class="dcr-pagination__summary">
      {{ total_keys }} {% blocktrans count counter=total_keys %}key{% plural %}keys{% endblocktrans %}
    </span>
    <div class="dcr-pagination__controls">
      {% if has_previous %}
      <a href="?{% if search_query %}q={{ search_query|urlencode }}&{% endif %}per_page={{ per_page }}&page={{ previous_page }}" class="dcr-pagination__btn dcr-pagination__btn--prev">{% trans "Previous" %}</a>
      {% else %}
      <span class="dcr-pagination__btn dcr-pagination__btn--prev" aria-disabled="true">{% trans "Previous" %}</span>
      {% endif %}

      {% for num in page_range %}
      {% if num == "..." %}
      <span class="dcr-pagination__ellipsis">…</span>
      {% elif num == current_page %}
      <span class="dcr-pagination__page dcr-pagination__page--active">{{ num }}</span>
      {% else %}
      <a href="?{% if search_query %}q={{ search_query|urlencode }}&{% endif %}per_page={{ per_page }}&page={{ num }}" class="dcr-pagination__page">{{ num }}</a>
      {% endif %}
      {% endfor %}

      {% if has_next %}
      <a href="?{% if search_query %}q={{ search_query|urlencode }}&{% endif %}per_page={{ per_page }}&page={{ next_page }}" class="dcr-pagination__btn dcr-pagination__btn--next">{% trans "Next" %}</a>
      {% else %}
      <span class="dcr-pagination__btn dcr-pagination__btn--next" aria-disabled="true">{% trans "Next" %}</span>
      {% endif %}
    </div>
  </div>
  {% endif %}

</div>

{% endblock %}