{% extends "cacsremoteservice/views/layouts/master.html" %}

{% block head %}
{% endblock %}

{% block main-container %}
<div id="main" class="configuration-view">
  <div class="text-content">
     <h1>Settings Preset</h1>
    <p class="text-muted">
      Deleting a settings preset is only available if it is not used anywhere.
    </p>
    {% if validation-errors|not-empty %}
    <section>
      <h2 class="validation-errors-heading alert-warning">
        Error
      </h2>
      <ul class="validation-errors">
        {% for error in validation-errors %}
        <li>
          <i class="fa fa-exclamation-triangle"></i>
          {{error}}
        </li>
        {% endfor %}
      </ul>
    </section>
    {% endif %}
     <form id="data-form" method="POST" enctype="multipart/form-data">
       <div class="form-group">
         <label class="form-group-heading" for="label">Label</label>
         <input class="form-control" type="text" name="label" id="label" required value="{{item.label}}">
         <input class="form-control" type="hidden" name="category" id="category" required value="{{item.category}}">
         <input class="form-control" type="hidden" name="group-id" id="group-id" required value="{{item.group-id}}">
       </div>
       {% block kv-section %}
       {% endblock %}
     </form>
    <hr>
    <div style="display: flex; justify-content: flex-end; gap: 1rem">
      <a href="/configuration/settings">
        <button id="back-btn" form="data-form" class="default-button secondary" type="button">
          Back
        </button>
      </a>
      {% if item.id %}
      <button id="edit" form="data-form" class="default-button primary" type="submit">
        Update
      </button>
      <form method="POST" action="{{ item.id }}/delete">
        {% if item.uses|empty? %}
        <button id="delete" class="default-button danger" type="submit">
          Delete
        </button>
        {% else %}
        <button id="delete" class="default-button danger" title="In use by {{ delete-blockers|join:", " }}" disabled type="submit">
        Delete
        </button>
        {% endif %}
      </form>
      {% else %}
      <button id="new" form="data-form" class="default-button primary" type="submit">
        New
      </button>
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}


{% block scripts %}

{% endblock %}