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

{% block panel_breadcrumbs %}
{{ block.super }}
&rsaquo; <a href="{% url 'dj_cache_panel:key_search' cache_name %}">{{ cache_name }}</a>
&rsaquo; {% trans "Add Key" %}
{% endblock %}

{% block panel_content %}

<a href="{% url 'dj_cache_panel:key_search' cache_name %}" class="dcr-back-link">{% blocktrans %}Back to {{ cache_name }}{% endblocktrans %}</a>

<div class="dcr-page-header">
  <div class="dcr-page-header__body">
    <h1 class="dcr-page-header__title">{% trans "Add New Key" %}</h1>
    <p class="dcr-page-header__subtitle">
      {{ cache_name }} &middot; <code class="dcr-code">{{ cache_config.BACKEND }}</code>
    </p>
  </div>
</div>

<form method="post" id="add-key-form" class="dcr-form dcr-form--flush">
  {% csrf_token %}
  <div class="dcr-field">
    <label class="dcr-field__label" for="key">{% trans "Key Name" %}</label>
    <input
      type="text"
      id="key"
      name="key"
      class="dcr-input"
      {% if not edit_supported %}disabled{% endif %}
      required
    >
    <p class="dcr-text-sm dcr-text-muted dcr-mt-xs">
      {% if not edit_supported %}
      {% trans "Adding keys is not supported for this cache backend." %}
      {% else %}
      {% trans "Enter the name for the new cache key." %}
      {% endif %}
    </p>
  </div>
  <div class="dcr-field">
    <label class="dcr-field__label" for="value">{% trans "Value" %}</label>
    <textarea
      id="value"
      name="value"
      rows="10"
      class="dcr-input dj-cache-panel__value-textarea"
      {% if not edit_supported %}disabled{% endif %}
    ></textarea>
    <p class="dcr-text-sm dcr-text-muted dcr-mt-xs">
      {% if not edit_supported %}
      {% trans "Adding keys is not supported for this cache backend." %}
      {% else %}
      {% trans "Enter the value for the new key. You can use JSON format for complex values (dicts, lists, etc.)." %}
      {% endif %}
    </p>
  </div>
  <div class="dcr-field">
    <label class="dcr-field__label" for="timeout">{% trans "Timeout (seconds)" %}</label>
    <input
      type="number"
      id="timeout"
      name="timeout"
      class="dcr-input"
      step="0.1"
      min="0"
      placeholder="{% trans 'Leave empty to use cache default' %}"
      {% if not edit_supported %}disabled{% endif %}
    >
    <p class="dcr-text-sm dcr-text-muted dcr-mt-xs">
      {% trans "Optional: Set expiration time in seconds. Leave empty to use cache default." %}
    </p>
  </div>
  <div class="dcr-form__row">
    <button type="submit" class="dcr-btn dcr-btn--primary" {% if not edit_supported %}disabled{% endif %}>{% trans "Create Key" %}</button>
    <a href="{% url 'dj_cache_panel:key_search' cache_name %}" class="dcr-btn dcr-btn--ghost">{% trans "Cancel" %}</a>
  </div>
</form>

{% endblock %}