{% extends "base.html" %}
{% from "_lifetime.html" import lifetime %}
{% block title %}{{ name }} · marks · The Booth{% endblock %}
{% block html_attrs %} data-booth="{{ name }}"{% endblock %}
{% block content %}
{# The marks page for a booth whose own index.html is served VERBATIM. That page
   cannot render the panel inline (it is returned untouched by design), so the
   injected chip links here instead. Same forms, same POST targets — only the
   redirect differs, so answering lands back here rather than on the report. #}
<div class="boothhead">
  <a class="back" href="/b/{{ name_url }}/">‹ {{ name }}</a>
  <h1>Marks</h1>
  {# `marks_open` comes from open_marks() — the ONE openness predicate (INV-2).
     This used to re-derive it in Jinja as `selectattr('answer', 'none')`, which
     read a half-answered pick as closed. #}
  <span class="region-wrap" data-region="booth-status"><span class="sub">{% if marks_open %}<span class="badge badge-mark">{{ marks_open }} open</span> · {% endif %}{{ marks|length }} mark{{ '' if marks|length == 1 else 's' }} · {{ lifetime(kept, hold, expires_in) }}</span></span>
</div>
{# One region around both branches, so answering the last mark away swaps in
   the empty state instead of reading as a structural change. #}
<div class="marks-panel" data-region="marks-panel">
{% if marks %}
  {% include "_marks.html" %}
{% else %}
  <div class="empty">This booth has no marks.</div>
  {% include "_marks.html" %}
{% endif %}
</div>
{% endblock %}