<div id="incorrect-answers" class="small text-muted">
  <strong>Answer suggest incorrect:</strong>
  <div class="mt-2">
    {% if question.answer_suggest_incorrect %}
      {% for s in question.answer_suggest_incorrect %}
        <span class="badge bg-secondary me-1 mb-1">{{ s }}</span>
      {% endfor %}
    {% else %}
      <span class="small text-muted">No suggestions</span>
    {% endif %}
  </div>
  {% if can_edit %}
    <div class="mt-1">
      <button id="answer-suggest-incorrect-button" class="btn btn-sm btn-outline-secondary" hx-get="{% url 'anatomy:question_suggest_incorrect_answers' question.pk %}" hx-target="#incorrect-answers" hx-swap="innerHTML">Edit suggestions</button>
    </div>
  {% endif %}
</div>
