<div class="displayset-preview p-2">
  <h5 class="mb-1">Display Set</h5>
  <div class="small text-muted mb-2">Case: <a href="{% url 'atlas:case_displaysets' ds.case.pk %}">{{ ds.case.title }}</a></div>
  <div class="mb-2">Name: {{ ds.name|default:'(unnamed)' }}</div>
  {% if ds.description %}
    <div class="mb-2">{{ ds.description }}</div>
  {% endif %}
  <div class="d-flex gap-2">
    <a class="btn btn-sm btn-primary" href="{% url 'atlas:case_displaysets_detail' ds.pk %}">Open full</a>
    <button class="btn btn-sm btn-outline-secondary view-displayset-modal" data-ds-id="{{ ds.pk }}" data-url="{% url 'atlas:case_displaysets_modal' ds.pk %}">View in modal</button>
  </div>
</div>
