{% extends "base.html" %}
{% import "repo_tabs.html" as m %}
{% block title %}Issues · {{ repo.owner }}/{{ repo.name }}{% endblock %}
{% block bodyattrs %} data-repo="{{ repo.url }}"{% endblock %}
{% block tabs %}{% call m::tabs(repo, "issues") %}{% endblock %}
{% block content %}
<div class="head"><h1>Issues <small>{{ counts.0 }} open · {{ counts.1 }} closed</small></h1></div>
<div class="bar">
  <form class="find" method="get" action="{{ repo.url }}/issues"><input type="search" name="q" value="{{ q }}" placeholder="Filter: text, author:bob, label:bug, assignee:andy, milestone:v1, state:closed"><input type="hidden" name="state" value="{{ state }}"><input type="hidden" name="sort" value="{{ sort }}"></form>
  <span class="modes">
    <a href="?state=open"{% if state == "open" %} class="on"{% endif %}>open</a>
    <a href="?state=closed"{% if state == "closed" %} class="on"{% endif %}>closed</a>
    <a href="?state=all"{% if state == "all" %} class="on"{% endif %}>all</a>
  </span>
  <span class="modes small" aria-label="Sort">{% for (k, label) in crate::web::issues::SORTS %}<a href="{{ pager.sorted(k) }}"{% if sort == *k %} class="on"{% endif %}>{{ label }}</a>{% endfor %}</span>
  <a class="go small" href="{{ repo.url }}/labels">labels</a>
  <a class="go small" href="{{ repo.url }}/milestones">milestones</a>
  {% if shell.user.is_some() %}<a class="go small" href="{{ repo.url }}/issues/new">new issue</a>{% endif %}
</div>
{% if rows.is_empty() %}<p class="empty">No issues match.</p>{% else %}
<ul class="rows">
{% for r in rows %}
  <li>
    <div>
      <a class="name" href="{{ repo.url }}/issue/{{ r.issue.number }}">{% if r.issue.state == "open" %}<span class="sig sig-valid">●</span>{% else %}<span class="sig sig-unsigned">●</span>{% endif %} <span class="mute">#{{ r.issue.number }}</span> <strong>{{ r.issue.title }}</strong></a>
      {% if r.issue.pinned %}<span class="tag">pinned</span>{% endif %}{% if r.issue.locked %}<span class="tag">locked</span>{% endif %}
      {% for l in r.labels %}<span class="label" style="--c: {{ l.colour }}">{{ l.name }}</span>{% endfor %}
      <p class="small">opened <time title="{{ r.issue.created_ms|when_i }}">{{ r.issue.created_ms|ago_i }}</time> by {{ r.issue.author }}{% if !r.assignees.is_empty() %} · assigned to {{ r.assignees.join(", ") }}{% endif %}{% if let Some(ms) = r.milestone %} · <a href="{{ repo.url }}/milestones">{{ ms }}</a>{% endif %}{% if r.comments > 0 %} · {{ r.comments|plural("comment", "comments") }}{% endif %}</p>
    </div>
    <div class="right small">updated <time title="{{ r.issue.updated_ms|when_i }}">{{ r.issue.updated_ms|ago_i }}</time></div>
  </li>
{% endfor %}
</ul>
{% include "pager.html" %}
{% endif %}
{% endblock %}