{% extends "base.html" %}
{% block title %}{{ case.name }} · casefile{% endblock %}
{% block content %}
<main class="intro wide" id="pane" tabindex="-1">
  <p class="muted"><a href="/cases">← all saved cases</a></p>
  {% if problem %}<p class="problem" role="alert">{{ problem }}</p>{% endif %}
  <h1 class="visually-hidden">{{ case.name }}</h1>
  <form class="rename" method="post" action="/case/{{ case.id | urlencode }}/rename">
    <label class="visually-hidden" for="case-name">Case name</label>
    <input id="case-name" name="name" value="{{ case.name }}" maxlength="120">
    <button type="submit">Rename</button>
  </form>
  <p class="muted">{{ case.targets | length }} identifier{{ "s" if case.targets | length != 1 }}
    · {{ case.star_count }} saved finding{{ "s" if case.star_count != 1 }}
    · opened {{ case.created_at | when }} · last change {{ case.updated_at | when }}</p>
  <p>
    export
    {% for fmt in export_formats %}<a href="/case/{{ case.id | urlencode }}/export.{{ fmt }}">{{ fmt }}</a>
    {% endfor %}
  </p>

  <h2 class="recent-heading">Identifiers</h2>
  <ul class="case-list">
    {% for t in case.targets %}
    <li>
      <a href="/q?v={{ t.value | urlencode }}">{{ t.value }}</a>
      <span class="muted">{{ t.entity_type }} · {{ t.star_count }} saved · added {{ t.added_at | when }}</span>
      <form method="post" action="/save" class="inline"
            onsubmit="return confirm('Remove this identifier and its findings from the case?');">
        <input type="hidden" name="t" value="{{ t.entity_type }}">
        <input type="hidden" name="v" value="{{ t.value }}">
        <input type="hidden" name="action" value="remove">
        <input type="hidden" name="back" value="{{ case.id }}">
        <button type="submit" class="linkish" aria-label="Remove {{ t.value }} from this case">remove</button>
      </form>
    </li>
    {% endfor %}
  </ul>

  {% if case.stars %}
  <h2 class="recent-heading">Saved findings</h2>
  {% for target_type, target_value, rows in groups %}
  <h3 class="reading">{{ target_type }} <span class="muted">{{ target_value }}</span></h3>
  <ul class="findings">
    {% for s in rows %}
    <li><span class="f-label">{{ s.source_id }} · {{ s.label }}</span>
      {% if s.url | safe_url %}
      <a href="{{ s.url | safe_url }}" rel="noreferrer noopener" target="_blank">{{ s.value }}</a>
      {% else %}<span class="f-value">{{ s.value }}</span>{% endif %}
      {% if is_pivotable(s.value) %}<a class="pivot" href="/q?v={{ s.value | urlencode }}"
         title="Search casefile for this value" aria-label="Search casefile for {{ s.value }}">search</a>{% endif %}
      <span class="muted star-when">{{ s.starred_at | when }}</span>
      {# per-row remove: a source that has since changed can no longer be un-starred from a result page #}
      <form method="post" action="/star" class="inline">
        <input type="hidden" name="t" value="{{ s.target_type }}">
        <input type="hidden" name="v" value="{{ s.target_value }}">
        <input type="hidden" name="source_id" value="{{ s.source_id }}">
        <input type="hidden" name="label" value="{{ s.label }}">
        <input type="hidden" name="value" value="{{ s.value }}">
        <input type="hidden" name="url" value="{{ s.url or '' }}">
        <input type="hidden" name="action" value="unstar">
        <input type="hidden" name="back" value="{{ case.id }}">
        <button type="submit" class="linkish" title="Remove this finding from the case"
                aria-label="Remove {{ s.label }} {{ s.value }} from this case">remove</button>
      </form>
    </li>
    {% endfor %}
  </ul>
  {% endfor %}
  {% else %}
  <p class="muted">Nothing starred yet. Star a finding on a result page and it will appear here.</p>
  {% endif %}

  <div class="danger-zone">
    <form method="post" action="/case/{{ case.id | urlencode }}/delete"
          {% set n_ids = case.targets | length %}
          onsubmit='return confirm({{ ("Delete “" ~ case.name ~ "”, its " ~ n_ids ~ " identifier" ~ ("s" if n_ids != 1) ~ " and " ~ case.star_count ~ " saved finding" ~ ("s" if case.star_count != 1) ~ "? This cannot be undone.") | tojson }});'>
      <button type="submit" class="danger">Delete this case</button>
    </form>
  </div>
</main>
{% endblock %}