{% extends "projects/base.html" %}

{% block page_title %}Issues{% endblock %}

{% block project_content %}
  <h1>Issues</h1>
  {% if access.can_contribute %}
    <p><a href="{% url 'issues:create' org_slug=project.org.slug project_slug=project.slug %}">New issue</a></p>
  {% endif %}

  <nav aria-label="Filter issues">
    <ul>
      {% for key, label in filters %}
        <li><a href="?status={{ key }}"{% if key == current %} aria-current="page"{% endif %}>{{ label }}</a></li>
      {% endfor %}
    </ul>
  </nav>

  {% if issues %}
    <table>
      <caption class="visually-hidden">{% for key, label in filters %}{% if key == current %}{{ label }}{% endif %}{% endfor %} issues</caption>
      <thead>
        <tr>
          <th scope="col">Issue</th>
          <th scope="col">Status</th>
          <th scope="col">Features</th>
          <th scope="col">Opened by</th>
          <th scope="col">Updated</th>
        </tr>
      </thead>
      <tbody>
        {% for issue in issues %}
          <tr>
            <th scope="row"><a href="{% url 'issues:detail' org_slug=project.org.slug project_slug=project.slug number=issue.number %}">{{ issue.key }} {{ issue.title }}</a></th>
            <td>{{ issue.get_status_display }}</td>
            <td>{% for f in issue.features.all %}{{ f.key }}{% if not forloop.last %}, {% endif %}{% empty %}—{% endfor %}</td>
            <td>{{ issue.author.username|default:"ghost" }}</td>
            <td><time datetime="{{ issue.updated_at|date:'c' }}">{{ issue.updated_at|date:"j M Y" }}</time></td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p>No {% if current != "all" %}{{ current }} {% endif %}issues.</p>
  {% endif %}
{% endblock %}