{% load i18n %}
{# Add elements template for all key types #}

<div class="dcr-section-header dcr-mt-lg">
  <h2 class="dcr-section-header__title">{% trans "Add Elements" %}</h2>
</div>

{% if not allow_key_edit %}
<p class="dcr-text-muted dcr-text-sm">
  {% trans "Element adding is disabled for this instance. Enable ALLOW_KEY_EDIT in your configuration to add elements to Redis keys." %}
</p>
{% endif %}

{% if key_data.type == "string" %}
<p class="dcr-text-muted dcr-text-sm">
  {% trans "String keys do not support adding elements. Use the value editing section to modify the string content or add a new key and string value." %}
</p>

{% elif key_data.type == "list" %}
<form method="post" class="dcr-form dcr-form--flush">
  {% csrf_token %}
  <input type="hidden" name="action" value="add_list_item">
  <div class="dcr-form__row">
    <div class="dcr-field dcr-field--grow">
      <label class="dcr-field__label" for="new_value">{% trans "Value" %}</label>
      <input type="text" id="new_value" name="new_value" required class="dcr-input" {% if not allow_key_edit %}disabled{% endif %}>
    </div>
    <div class="dcr-field">
      <label class="dcr-field__label" for="position">{% trans "Position" %}</label>
      <select id="position" name="position" class="dcr-select" {% if not allow_key_edit %}disabled{% endif %}>
        <option value="end">{% trans "End of list (RPUSH)" %}</option>
        <option value="start">{% trans "Start of list (LPUSH)" %}</option>
      </select>
    </div>
    <div class="dcr-field">
      <label class="dcr-field__label" style="visibility:hidden">{% trans "Action" %}</label>
      <button type="submit" class="dcr-btn dcr-btn--primary" {% if not allow_key_edit %}disabled{% endif %}>
        {% if allow_key_edit %}{% trans "Add to List" %}{% else %}{% trans "Adding Disabled" %}{% endif %}
      </button>
    </div>
  </div>
</form>

{% elif key_data.type == "set" %}
<form method="post" class="dcr-form dcr-form--flush">
  {% csrf_token %}
  <input type="hidden" name="action" value="add_set_member">
  <div class="dcr-form__row">
    <div class="dcr-field dcr-field--grow">
      <label class="dcr-field__label" for="new_member">{% trans "Member" %}</label>
      <input type="text" id="new_member" name="new_member" required class="dcr-input" {% if not allow_key_edit %}disabled{% endif %}>
    </div>
    <div class="dcr-field">
      <label class="dcr-field__label" style="visibility:hidden">{% trans "Action" %}</label>
      <button type="submit" class="dcr-btn dcr-btn--primary" {% if not allow_key_edit %}disabled{% endif %}>
        {% if allow_key_edit %}{% trans "Add to Set" %}{% else %}{% trans "Adding Disabled" %}{% endif %}
      </button>
    </div>
  </div>
  <p class="dcr-text-muted dcr-text-sm">{% trans "Duplicates will be ignored." %}</p>
</form>

{% elif key_data.type == "zset" %}
<form method="post" class="dcr-form dcr-form--flush">
  {% csrf_token %}
  <input type="hidden" name="action" value="add_zset_member">
  <div class="dcr-form__row">
    <div class="dcr-field">
      <label class="dcr-field__label" for="new_score">{% trans "Score" %}</label>
      <input type="number" step="any" id="new_score" name="new_score" required class="dcr-input" {% if not allow_key_edit %}disabled{% endif %}>
    </div>
    <div class="dcr-field dcr-field--grow">
      <label class="dcr-field__label" for="new_member">{% trans "Member" %}</label>
      <input type="text" id="new_member" name="new_member" required class="dcr-input" {% if not allow_key_edit %}disabled{% endif %}>
    </div>
    <div class="dcr-field">
      <label class="dcr-field__label" style="visibility:hidden">{% trans "Action" %}</label>
      <button type="submit" class="dcr-btn dcr-btn--primary" {% if not allow_key_edit %}disabled{% endif %}>
        {% if allow_key_edit %}{% trans "Add to Sorted Set" %}{% else %}{% trans "Adding Disabled" %}{% endif %}
      </button>
    </div>
  </div>
</form>

{% elif key_data.type == "hash" %}
<form method="post" class="dcr-form dcr-form--flush">
  {% csrf_token %}
  <input type="hidden" name="action" value="add_hash_field">
  <div class="dcr-form__row">
    <div class="dcr-field dcr-field--grow">
      <label class="dcr-field__label" for="new_field">{% trans "Field" %}</label>
      <input type="text" id="new_field" name="new_field" required class="dcr-input" {% if not allow_key_edit %}disabled{% endif %}>
    </div>
    <div class="dcr-field dcr-field--grow">
      <label class="dcr-field__label" for="new_value">{% trans "Value" %}</label>
      <input type="text" id="new_value" name="new_value" required class="dcr-input" {% if not allow_key_edit %}disabled{% endif %}>
    </div>
    <div class="dcr-field">
      <label class="dcr-field__label" style="visibility:hidden">{% trans "Action" %}</label>
      <button type="submit" class="dcr-btn dcr-btn--primary" {% if not allow_key_edit %}disabled{% endif %}>
        {% if allow_key_edit %}{% trans "Add to Hash" %}{% else %}{% trans "Adding Disabled" %}{% endif %}
      </button>
    </div>
  </div>
</form>

{% else %}
<p class="dcr-text-muted dcr-text-sm">
  {% trans "Adding elements is not supported for this key type:" %} {{ key_data.type }}
</p>
{% endif %}