{% extends "base.html" %}
{% from "_partials/status.html" import plan_status, claim_badge %}
{% block head_scripts %}{% if mermaid %}<script src="/ui/static/mermaid.min.js?v={{ asset_v }}" defer></script>{% endif %}{% endblock %}
{% block main %}
<div class="stack-md">
  <div class="page-head">
    <p class="crumbs"><a href="/ui/tickets">Tickets</a> <span class="sep">/</span>
      <a href="/ui/tickets?repo={{ mission.repo | urlencode }}">{{ mission.repo }}</a>
      <span class="sep">/</span> {{ mission.mission_id }}</p>
    <h1 style="font-size:26px">{{ mission.title }}</h1>
    {% if mission.summary %}<p class="lede">{{ mission.summary }}</p>{% endif %}
  </div>
  {% if claim_notice %}<p class="meta-line">{{ claim_notice }}</p>{% endif %}
  <div class="panel sec-table" data-cards="stories">
    <div class="sec-grid head">
      <span>Story</span><span>Title</span><span>Reason</span>
      <span>Status</span><span style="text-align:right">Ticket</span>
    </div>
    {% for s in mission.stories %}
    <div class="sec-grid">
      <span class="sid">{{ s.us_id }}</span>
      <span class="title">{{ s.title }}</span>
      <span class="sum">{{ s.reasons | join('; ') }}</span>
      <span class="st">{{ plan_status(s.status) }}{% if s.status == 'ready' and claim_badges.get(s.us_id) %} {{ claim_badge(claim_badges[s.us_id]) }}{% endif %}</span>
      <span class="tk">{% if s.us_id in mission.tickets %}<a href="/ui/tickets/{{ mission.mission_id | urlencode }}/{{ s.us_id | urlencode }}?repo={{ mission.repo | urlencode }}">open</a>{% else %}—{% endif %}</span>
    </div>
    {% else %}
    <div class="empty-state">This mission has no backlog table.</div>
    {% endfor %}
  </div>
  {% if content_html %}<article class="reader-body md-body">{{ content_html | safe }}</article>{% endif %}
</div>
{% endblock %}
{% block rail_label %}{{ 'On this page' if toc else 'Page info' }}{% endblock %}
{% block rail %}
{% if toc %}
<div class="rail-block">
  <p class="kicker">On this page</p>
  {% for t in toc %}
  <a class="toc-link" href="#{{ t.anchor }}">{{ t.label }}</a>
  {% endfor %}
</div>
{% endif %}
<div class="rail-block">
  <p class="kicker">Source</p>
  <div class="rail-kv"><span>Document</span><span class="v">{{ mission.doc }}</span></div>
  <div class="rail-kv"><span>Repo</span><span class="v">{{ mission.repo }}</span></div>
  {% for k, n in mission.counts.items() %}
  <div class="rail-kv"><span>{{ 'not ready' if k == 'to-draft' else k }}</span><span class="v">{{ n }}</span></div>
  {% endfor %}
</div>
{% endblock %}