{% extends "base.html" %}
{% block title %}{{ s.title }} · Feedback · {{ app_name }}{% endblock %}
{% block body %}
<h1>{{ s.icon }} {{ s.title }} <small class="hint">{{ s.when }}</small></h1>
<p class="hint">{{ s.intro }}</p>
<p class="hint">Skip anything that does not apply — a blank is a blank, nothing is filled in for you. <span class="req">*</span> marks the two or three I really need.</p>
{% if missing %}<div class="missing"><b>Still blank:</b> {% for m in missing %}<div>· {{ m }}</div>{% endfor %}</div>{% endif %}

<section class="card survey">
<form method="post" action="/feedback/{{ s.slug }}">
{% for q in s.questions %}
  {% set prev = form.get(q.id) if form else none %}
  <div class="q">
    <p>{{ q.label }}{% if q.required %} <span class="req">*</span>{% endif %}</p>
    {% if q.kind == 'text' %}
      <textarea name="{{ q.id }}" maxlength="4000">{{ prev or '' }}</textarea>
    {% elif q.kind == 'scale' %}
      <div class="scale"><small>{{ q.low }}</small>
        {% for n in [1,2,3,4,5] %}<label><input type="radio" name="{{ q.id }}" value="{{ n }}" {{ 'checked' if prev == n|string }}> {{ n }}</label>{% endfor %}
        <small>{{ q.high }}</small></div>
    {% elif q.kind == 'choice' %}
      <div class="opts">{% for o in q.options %}<label><input type="radio" name="{{ q.id }}" value="{{ o }}" {{ 'checked' if prev == o }}> {{ o }}</label>{% endfor %}</div>
    {% elif q.kind == 'multi' %}
      {% set prevs = form.getlist(q.id) if form else [] %}
      <div class="opts">{% for o in q.options %}<label><input type="checkbox" name="{{ q.id }}" value="{{ o }}" {{ 'checked' if o in prevs }}> {{ o }}</label>{% endfor %}</div>
    {% endif %}
  </div>
{% endfor %}
  <p><button type="submit" class="btn primary big">send it</button> <a class="btn" href="/feedback">not now</a></p>
</form>
</section>
{% endblock %}