{# one control, not one per reading: per-reading saves made four dashboard rows all named the same #}
{% if section.case %}
{% set only = section.case.targets | length == 1 %}
<div class="save-state muted">Saved to <a href="/case/{{ section.case.id | urlencode }}">{{ section.case.name }}</a>
  <form method="post" action="/save" class="inline"
        onsubmit='return confirm({{ (
          "Remove " ~ section.value ~ " from “" ~ section.case.name ~ "”?\n\nIt is the only identifier in this case, so the case and its "
            ~ section.case.star_count ~ " saved finding" ~ ("" if section.case.star_count == 1 else "s") ~ " will be deleted too."
          if only else
          "Remove " ~ section.value ~ " from “" ~ section.case.name ~ "”?\n\nAny findings saved against it go too."
        ) | tojson }});'>
    <input type="hidden" name="t" value="{{ section.type }}">
    <input type="hidden" name="v" value="{{ section.value }}">
    <input type="hidden" name="action" value="remove">
    <button type="submit" class="linkish">remove from case</button>
  </form>
</div>
{% else %}
<form method="post" action="/save" class="save-state inline">
  <input type="hidden" name="t" value="{{ section.type }}">
  <input type="hidden" name="v" value="{{ section.value }}">
  {% if all_cases %}
  {# The select comes before the button it modifies, so tab order matches what the click will do. #}
  <label class="visually-hidden" for="case-for-{{ section.type }}">Case to save this identifier into</label>
  <select id="case-for-{{ section.type }}" name="case_id">
    <option value="">a new case</option>
    {% for c in all_cases %}<option value="{{ c.id }}">{{ c.name | truncate(60, true, '…') }}</option>{% endfor %}
  </select>
  {% endif %}
  <button type="submit" class="linkish">Save this identifier</button>
</form>
{% endif %}