{% extends "admin/dj_cache_panel/base.html" %}
{% load i18n admin_urls static admin_list %}

{% block content %}
<div class="module">
    {% if caches_info %}
    <h2>{% trans 'Cache Instances' %}</h2>
    <br>
    <div class="results">
        <table id="result_list">
            <thead>
                <tr>
                    <th>{% trans 'Cache Name' %}</th>
                    <th>{% trans 'Backend' %}</th>
                    <th style="text-align: center;">{% trans 'Query' %}</th>
                    <th style="text-align: center;">{% trans 'Get' %}</th>
                    <th style="text-align: center;">{% trans 'Edit' %}</th>
                    <th style="text-align: center;">{% trans 'Add' %}</th>
                    <th style="text-align: center;">{% trans 'Delete' %}</th>
                    <th style="text-align: center;">{% trans 'Flush' %}</th>
                </tr>
            </thead>
            <tbody>
                {% for cache_info in caches_info %}
                <tr>
                    <td>
                        <a href="{% url 'dj_cache_panel:key_search' cache_info.name %}">
                            <strong>{{ cache_info.name }}</strong>
                        </a>
                    </td>
                    <td>
                        <code class="backend-name">{{ cache_info.backend_short }}</code>
                        {% if cache_info.error %}
                        <br><span class="backend-error">{{ cache_info.error }}</span>
                        {% endif %}
                    </td>
                    <td style="text-align: center;">
                        {% if cache_info.abilities.query %}
                            <span class="ability-indicator ability-supported" title="{% trans 'Supports key listing/search' %}">✓</span>
                        {% else %}
                            <span class="ability-indicator ability-unsupported" title="{% trans 'Key listing not supported' %}">—</span>
                        {% endif %}
                    </td>
                    <td style="text-align: center;">
                        {% if cache_info.abilities.get_key %}
                            <span class="ability-indicator ability-supported" title="{% trans 'Supports getting key values' %}">✓</span>
                        {% else %}
                            <span class="ability-indicator ability-unsupported" title="{% trans 'Get not supported' %}">—</span>
                        {% endif %}
                    </td>
                    <td style="text-align: center;">
                        {% if cache_info.abilities.edit_key %}
                            <span class="ability-indicator ability-supported" title="{% trans 'Supports editing key values' %}">✓</span>
                        {% else %}
                            <span class="ability-indicator ability-unsupported" title="{% trans 'Edit not supported' %}">—</span>
                        {% endif %}
                    </td>
                    <td style="text-align: center;">
                        {% if cache_info.abilities.add_key %}
                            <span class="ability-indicator ability-supported" title="{% trans 'Supports adding new keys' %}">✓</span>
                        {% else %}
                            <span class="ability-indicator ability-unsupported" title="{% trans 'Add not supported' %}">—</span>
                        {% endif %}
                    </td>
                    <td style="text-align: center;">
                        {% if cache_info.abilities.delete_key %}
                            <span class="ability-indicator ability-supported" title="{% trans 'Supports deleting keys' %}">✓</span>
                        {% else %}
                            <span class="ability-indicator ability-unsupported" title="{% trans 'Delete not supported' %}">—</span>
                        {% endif %}
                    </td>
                    <td style="text-align: center;">
                        {% if cache_info.abilities.flush_cache %}
                            <span class="ability-indicator ability-supported" title="{% trans 'Supports flushing entire cache' %}">✓</span>
                        {% else %}
                            <span class="ability-indicator ability-unsupported" title="{% trans 'Flush not supported' %}">—</span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    
    <div class="abilities-legend">
        <p class="abilities-legend-title">{% trans 'Abilities Legend:' %}</p>
        <ul class="abilities-legend-list">
            <li><strong>{% trans 'Query:' %}</strong> {% trans 'List and search keys with wildcard patterns' %}</li>
            <li><strong>{% trans 'Get:' %}</strong> {% trans 'Retrieve individual key values' %}</li>
            <li><strong>{% trans 'Edit:' %}</strong> {% trans 'Update individual key values' %}</li>
            <li><strong>{% trans 'Add:' %}</strong> {% trans 'Create new keys in the cache' %}</li>
            <li><strong>{% trans 'Delete:' %}</strong> {% trans 'Delete individual keys' %}</li>
            <li><strong>{% trans 'Flush:' %}</strong> {% trans 'Clear all keys from the cache' %}</li>
        </ul>
    </div>
    {% else %}
    <div class="aligned">
        <fieldset class="module">
            <h2>{% trans 'Cache Configuration Required' %}</h2>
            
            <div class="form-row">
                <div class="help-text">
                    <p>{% trans 'To use the Cache panel, you must configure cache instances in your Django settings.' %}</p>
                </div>
            </div>

            <div class="form-row">
                <h3>{% trans 'Please add a configuration dictionary to your settings.py like the example below:' %}</h3>
                <fieldset class="collapse">
                    <div class="form-row">
                        <textarea readonly rows="25" class="vLargeTextField" style="font-family: monospace; width: 100%;">
CACHES = {
    "default": {
        "BACKEND": "django.core.cache.backends.redis.RedisCache",
        "LOCATION": "redis://127.0.0.1:6379",
    }
}
</textarea>
                    </div>
                </fieldset>
            </div>

            

            <div class="form-row">
                <div class="help-text">
                    <p><strong>{% trans 'After adding the configuration, restart your Django server to see your Cache instances.' %}</strong></p>
                </div>
            </div>
        </fieldset>
    </div>
    {% endif %}
</div>
{% endblock %}