{% extends "base.html" %}
{% block head_scripts %}{% if mermaid %}<script src="/ui/static/mermaid.min.js?v={{ asset_v }}" defer></script>{% endif %}{% endblock %}
{% block main %}
<div class="reader">
  <div class="page-head">
    <p class="crumbs"><a href="/ui/tickets">Tickets</a> <span class="sep">/</span>
      <a href="/ui/tickets?repo={{ repo | urlencode }}">{{ repo }}</a> <span class="sep">/</span>
      {% if mission_linked %}<a href="/ui/tickets/{{ group | urlencode }}?repo={{ repo | urlencode }}">{{ group }}</a>
      <span class="sep">/</span> {% endif %}{{ ticket_id }}</p>
    <h1 style="font-size:26px">{{ ticket.title }}</h1>
    {% if unresolved %}<p class="meta-line"><a href="/ui/questions/ticket?repo={{ repo | urlencode }}&amp;ticket={{ ticket_id | urlencode }}">{{ unresolved }} unresolved question{{ '' if unresolved == 1 else 's' }}</a></p>{% endif %}
  </div>
  <article class="reader-body md-body">{{ content_html | safe }}</article>
</div>
{% 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>Ticket</span><span class="v">{{ ticket_id }}</span></div>
  <div class="rail-kv"><span>Repo</span><span class="v">{{ repo }}</span></div>
</div>
{% endblock %}