{% load crispy_forms_tags %}

<div class="card-body py-1" id="ds-content-{{ object.id }}">
  {% include "grandchallenge/partials/messages.html" %}

  {% if object.is_editable %}
    <form action="{% url 'reader-studies:display-set-update' pk=object.pk slug=object.reader_study.slug %}" method="post" class="ds-form" data-hx-target="#ds-content-{{ object.id }}" id="form-{{ object.pk }}">
      {% csrf_token %}
      {{ form|crispy }}
      <button type="button" class="btn btn-outline-primary mb-2" hx-get="{% url 'reader-studies:display-set-interfaces-create' pk=object.pk slug=object.reader_study.slug %}" hx-target="#ds-content-{{ object.id }}" hx-swap="outerHTML">Add value for new interface</button>
      <div class="d-flex justify-content-between pb-2">
        <div>
          <button type="button" class="btn btn-outline-primary" hx-get="{% url 'reader-studies:display-set-detail' pk=object.pk slug=object.reader_study.slug %}" hx-target="#ds-content-{{ object.id }}" hx-swap="outerHTML">Back</button>
          <button type="submit" class="btn btn-primary">Save</button>
        </div>
        <button type="button" class="btn btn-danger remove-display-set" data-display-set-url="{% url 'api:reader-studies-display-set-detail' object.id %}">Remove</button>
      </div>
    </form>
  {% endif %}
</div>