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

{% block panel_breadcrumbs %}
{{ block.super }}
&rsaquo; <a href="{% url 'dj_redis_panel:instance_overview' instance_alias %}">{{ instance_alias }}</a>
&rsaquo; {% trans "Search Keys" %} (db:{{ selected_db }})
{% endblock %}

{% block panel_content %}

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

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

<a href="{% url 'dj_redis_panel:instance_overview' instance_alias %}" class="dcr-back-link">{% trans "Back to Instance Overview" %}</a>

<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 dcr-font-mono">{{ instance_alias }}::DB{{ selected_db }}</h1>
        {% if use_cursor_pagination %}
        <span class="dcr-badge dcr-badge--info">{% trans "CURSOR PAGINATION" %}</span>
        {% else %}
        <span class="dcr-badge dcr-badge--muted">{% trans "PAGE PAGINATION" %}</span>
        {% endif %}
      </div>
      <p class="dcr-page-header__subtitle">{% trans "Search Redis Keys" %}</p>
    </div>
  </div>
  <div class="dcr-page-header__actions">
    <a href="{% url 'dj_redis_panel:key_add' instance_alias selected_db %}" class="dcr-btn dcr-btn--primary">{% trans "Add New Key" %}</a>
  </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 "Search Results" %}
        {% if not error_message %}
        <span class="dcr-badge">
          {% if use_cursor_pagination %}{{ showing_keys }} {% trans "SHOWN" %}
          {% else %}{{ total_keys }} {% trans "TOTAL" %}{% endif %}
        </span>
        {% endif %}
      </h3>
      <p class="dcr-data-table__subtitle">
        {% if not error_message %}
        {% if use_cursor_pagination %}
          {% if showing_keys > 0 %}
            {% blocktrans with count=showing_keys %}Showing {{ count }} keys{% endblocktrans %}
            {% if has_next %} &middot; {% trans "more available" %}{% endif %}
            {% if current_cursor > 0 %} &middot; {% trans "Cursor position" %}: {{ current_cursor }}{% endif %}
          {% else %}
            {% trans "No keys found matching your search pattern." %}
          {% endif %}
        {% else %}
          {% if total_keys > 0 %}
            {% blocktrans with total=total_keys start=start_index end=end_index %}Found {{ total }} keys, showing {{ start }} to {{ end }}{% endblocktrans %}
            {% if total_keys >= 100000 %}
              &middot; {% trans "Search limited to first 100,000 matching keys. Refine your search pattern for more specific results." %}
            {% endif %}
          {% else %}
            {% trans "No keys found matching your search pattern." %}
          {% endif %}
        {% endif %}
        {% endif %}
      </p>
    </div>
  </div>

  <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 "Key Pattern" %}</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 id="q" class="dcr-input-group__input" type="text" name="q" value="{{ search_query }}" placeholder="{% trans 'e.g. user:*, *:cache' %}">
          </div>
          <button type="submit" class="dcr-btn dcr-btn--primary">{% trans "Search" %}</button>
        </div>
      </div>
      <div class="dcr-form__row">
        <div class="dcr-field">
          <label class="dcr-field__label" for="per_page">&#9663; {% 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>
    </form>
  </div>

  {% if not error_message %}
  <div class="dcr-data-table__scroll">
    <table>
      <thead>
        <tr>
          <th>{% trans "Key" %}</th>
          <th>{% trans "Type" %}</th>
          <th class="dcr-col--right">{% trans "Size/Length" %}</th>
          <th class="dcr-col--right">{% trans "TTL" %}</th>
        </tr>
      </thead>
      <tbody>
        {% if keys_data %}
        {% for key_info in keys_data %}
        <tr>
          <td>
            <a href="{% url 'dj_redis_panel:key_detail' instance_alias selected_db key_info.key %}" class="dcr-data-table__link dcr-font-mono">{{ key_info.key }}</a>
          </td>
          <td>
            <span class="dcr-badge dcr-badge--info">{{ key_info.type|upper }}</span>
          </td>
          <td class="dcr-col--right">
            {% if key_info.type == 'string' %}
            {{ key_info.size }} {% trans "bytes" %}
            {% else %}
            {{ key_info.size }} {% trans "items" %}
            {% endif %}
          </td>
          <td class="dcr-col--right">
            {% if key_info.ttl %}
            {{ key_info.ttl }}s
            {% else %}
            <span class="dcr-text-muted">{% trans "No expiry" %}</span>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
        {% else %}
        <tr>
          <td colspan="4">
            <div class="dcr-empty">
              <h2 class="dcr-empty__title">{% trans "No keys found" %}</h2>
              <p class="dcr-empty__body">{% trans "No keys matched your search pattern. Try a broader pattern." %}</p>
            </div>
          </td>
        </tr>
        {% endif %}
      </tbody>
    </table>
  </div>

  {% if keys_data %}
  <div class="dcr-pagination">
    {% if use_cursor_pagination %}
    <div class="dcr-pagination__summary">
      {{ showing_keys }} {% trans "keys shown" %}{% if has_next %} &middot; {% trans "more available" %}{% endif %}
    </div>
    <div class="dcr-pagination__controls">
      {% if current_cursor > 0 %}
      <a href="?{% if search_query != '*' %}q={{ search_query|urlencode }}&{% endif %}per_page={{ per_page }}&cursor=0" class="dcr-pagination__btn dcr-pagination__btn--prev">{% trans "First" %}</a>
      {% else %}
      <span class="dcr-pagination__btn dcr-pagination__btn--prev" aria-disabled="true">{% trans "First" %}</span>
      {% endif %}
      {% if has_next %}
      <a href="?{% if search_query != '*' %}q={{ search_query|urlencode }}&{% endif %}per_page={{ per_page }}&cursor={{ next_cursor }}" 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>
    {% else %}
    <div class="dcr-pagination__summary">
      {{ total_keys }} {% blocktrans count counter=total_keys %}key{% plural %}keys{% endblocktrans %}
    </div>
    {% if total_pages > 1 %}
    <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__page">&hellip;</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>
    {% endif %}
    {% endif %}
  </div>
  {% endif %}
  {% endif %}
</div>

{% endblock %}