{% extends "base.html" %}
{% from "_partials/status.html" import plan_status %}
{% 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>
  <div class="panel sec-table">
    <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>{{ plan_status(s.status) }}</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>
</div>
{% endblock %}
{% block rail %}
<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 %}