{% set thread_form_prefix = thread_form_prefix | default("thread", true) %}

<div class="col-12">
  <div class="d-flex flex-wrap align-items-center gap-3">
    <div class="d-flex align-items-center gap-2">
      <span class="small text-muted">Kind</span>
      <div class="btn-group btn-group-sm" role="radiogroup" aria-label="Thread kind">
        <input
          class="btn-check"
          type="radio"
          name="kind"
          id="{{ thread_form_prefix }}-kind-discussion"
          value="discussion"
          {% if form.kind == "discussion" %}checked{% endif %}
          required
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-kind-discussion">Discussion</label>

        <input
          class="btn-check"
          type="radio"
          name="kind"
          id="{{ thread_form_prefix }}-kind-change"
          value="change"
          {% if form.kind == "change" %}checked{% endif %}
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-kind-change">Change</label>

        <input
          class="btn-check"
          type="radio"
          name="kind"
          id="{{ thread_form_prefix }}-kind-task"
          value="task"
          {% if form.kind == "task" %}checked{% endif %}
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-kind-task">Task</label>
      </div>
    </div>

    <div class="d-flex align-items-center gap-2">
      <span class="small text-muted">Status</span>
      <div class="btn-group btn-group-sm" role="radiogroup" aria-label="Thread status">
        <input
          class="btn-check"
          type="radio"
          name="status"
          id="{{ thread_form_prefix }}-status-open"
          value="open"
          {% if form.status == "open" %}checked{% endif %}
          required
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-status-open">Open</label>

        <input
          class="btn-check"
          type="radio"
          name="status"
          id="{{ thread_form_prefix }}-status-draft"
          value="draft"
          {% if form.status == "draft" %}checked{% endif %}
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-status-draft">Draft</label>

        <input
          class="btn-check"
          type="radio"
          name="status"
          id="{{ thread_form_prefix }}-status-closed"
          value="closed"
          {% if form.status == "closed" %}checked{% endif %}
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-status-closed">Closed</label>

        <input
          class="btn-check"
          type="radio"
          name="status"
          id="{{ thread_form_prefix }}-status-done"
          value="done"
          {% if form.status == "done" %}checked{% endif %}
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-status-done">Done</label>
      </div>
    </div>

    <div class="d-flex align-items-center gap-2">
      <span class="small text-muted">Priority</span>
      <div class="btn-group btn-group-sm" role="radiogroup" aria-label="Thread priority">
        <input
          class="btn-check"
          type="radio"
          name="priority"
          id="{{ thread_form_prefix }}-priority-now"
          value="now"
          {% if form.priority == "now" %}checked{% endif %}
          required
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-priority-now">Now</label>

        <input
          class="btn-check"
          type="radio"
          name="priority"
          id="{{ thread_form_prefix }}-priority-later"
          value="later"
          {% if form.priority == "later" %}checked{% endif %}
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-priority-later">Later</label>
      </div>
    </div>

    <div class="d-flex align-items-center gap-2">
      <span class="small text-muted">Size</span>
      <div class="btn-group btn-group-sm" role="radiogroup" aria-label="Thread size">
        <input
          class="btn-check"
          type="radio"
          name="size"
          id="{{ thread_form_prefix }}-size-small"
          value="small"
          {% if form.size == "small" %}checked{% endif %}
          required
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-size-small">Small</label>

        <input
          class="btn-check"
          type="radio"
          name="size"
          id="{{ thread_form_prefix }}-size-large"
          value="large"
          {% if form.size == "large" %}checked{% endif %}
        >
        <label class="btn btn-outline-secondary btn-sm" for="{{ thread_form_prefix }}-size-large">Large</label>
      </div>
    </div>
  </div>
</div>