{# Rückmeldung zu einer Antwort; message_id, fb (eigene Rückmeldung oder None), thanks #}
<div class="aiw-feedback" id="feedback-{{ message_id }}">
  <form class="aiw-feedback-rate" hx-post="/messages/{{ message_id }}/feedback" hx-target="#feedback-{{ message_id }}" hx-swap="outerHTML">
    <input type="hidden" name="_csrf" value="{{ p.csrf }}">
    <span class="text-xs text-muted">Hilfreich?</span>
    <button class="btn btn-ghost btn-xs {{ 'aiw-feedback-on' if fb and fb.rating == 1 }}" type="submit" name="rating" value="{{ 0 if fb and fb.rating == 1 else 1 }}" aria-pressed="{{ 'true' if fb and fb.rating == 1 else 'false' }}" title="Hilfreich">👍 Ja</button>
    <button class="btn btn-ghost btn-xs {{ 'aiw-feedback-on' if fb and fb.rating == -1 }}" type="submit" name="rating" value="{{ 0 if fb and fb.rating == -1 else -1 }}" aria-pressed="{{ 'true' if fb and fb.rating == -1 else 'false' }}" title="Nicht hilfreich">👎 Nein</button>
  </form>
  {% if fb %}
  {% if thanks %}<p class="text-xs text-muted" role="status">Danke für die Rückmeldung.{% if fb.comment %} „{{ fb.comment }}“{% endif %}</p>
  {% else %}
  <form class="aiw-feedback-comment" hx-post="/messages/{{ message_id }}/feedback" hx-target="#feedback-{{ message_id }}" hx-swap="outerHTML">
    <input type="hidden" name="_csrf" value="{{ p.csrf }}">
    <input type="hidden" name="rating" value="{{ fb.rating }}">
    <input name="comment" maxlength="1000" value="{{ fb.comment }}" placeholder="{{ 'Was hat gefehlt oder war falsch?' if fb.rating == -1 else 'Was war gut? (optional)' }}" aria-label="Kommentar zur Rückmeldung">
    <button class="btn btn-secondary btn-xs" type="submit">Senden</button>
  </form>
  {% endif %}
  {% endif %}
</div>