{% set reply_form_prefix = reply_form_prefix | default(form.parent_reply_number | default("root", true), true) %}
{% set reply_status_value = form.status | default("open", true) %}
{% if form.kind == "comment" %}
  {% set reply_status_value = "open" %}
{% endif %}

<div class="col-12 col-lg-6">
  <label class="form-label small">Kind</label>
  <div class="btn-group btn-group-sm flex-wrap" role="radiogroup" aria-label="Reply kind">
    <input
      class="btn-check"
      type="radio"
      name="kind"
      id="{{ reply_form_prefix }}-kind-comment"
      value="comment"
      {% if form.kind == "comment" %}checked{% endif %}
      required
      data-reply-kind-input="{{ reply_form_prefix }}"
    >
    <label class="btn btn-outline-secondary btn-sm" for="{{ reply_form_prefix }}-kind-comment">Comment</label>

    <input
      class="btn-check"
      type="radio"
      name="kind"
      id="{{ reply_form_prefix }}-kind-proposal"
      value="proposal"
      {% if form.kind == "proposal" %}checked{% endif %}
      data-reply-kind-input="{{ reply_form_prefix }}"
    >
    <label class="btn btn-outline-secondary btn-sm" for="{{ reply_form_prefix }}-kind-proposal">Proposal</label>

    <input
      class="btn-check"
      type="radio"
      name="kind"
      id="{{ reply_form_prefix }}-kind-review"
      value="review"
      {% if form.kind == "review" %}checked{% endif %}
      data-reply-kind-input="{{ reply_form_prefix }}"
    >
    <label class="btn btn-outline-secondary btn-sm" for="{{ reply_form_prefix }}-kind-review">Review</label>

    <input
      class="btn-check"
      type="radio"
      name="kind"
      id="{{ reply_form_prefix }}-kind-decision"
      value="decision"
      {% if form.kind == "decision" %}checked{% endif %}
      data-reply-kind-input="{{ reply_form_prefix }}"
    >
    <label class="btn btn-outline-secondary btn-sm" for="{{ reply_form_prefix }}-kind-decision">Decision</label>

    <input
      class="btn-check"
      type="radio"
      name="kind"
      id="{{ reply_form_prefix }}-kind-implementation"
      value="implementation"
      {% if form.kind == "implementation" %}checked{% endif %}
      data-reply-kind-input="{{ reply_form_prefix }}"
    >
    <label class="btn btn-outline-secondary btn-sm" for="{{ reply_form_prefix }}-kind-implementation">Implementation</label>
  </div>
</div>

<div
  class="col-12 col-lg-6{% if form.kind == 'comment' %} d-none{% endif %}"
  data-reply-status-group="{{ reply_form_prefix }}"
>
  <label class="form-label small">Status</label>
  <input type="hidden" name="status" value="{{ reply_status_value }}" data-reply-status-input="{{ reply_form_prefix }}" />
  <div class="btn-group btn-group-sm flex-wrap" role="group" aria-label="Reply status">
    <button type="button" class="btn {% if reply_status_value == 'accepted' %}btn-success{% else %}btn-outline-success{% endif %}" aria-label="Accept" data-reply-status-toggle="{{ reply_form_prefix }}" data-status="accepted">&#x2713;</button>
    <button type="button" class="btn {% if reply_status_value == 'rejected' %}btn-danger{% else %}btn-outline-danger{% endif %}" aria-label="Reject" data-reply-status-toggle="{{ reply_form_prefix }}" data-status="rejected">&#x2717;</button>
  </div>
</div>