{% extends "base.html" %}
{% block title %}Projects · {{ owner }}{% endblock %}
{% block content %}
<div class="head proj-head">
  <h1>Projects <small>boards of issues, proposals and notes from <a href="/{{ owner }}">{{ owner }}</a>'s repositories</small></h1>
</div>
{% if !orgs.is_empty() %}<p class="small mute">Your organisations' projects: {% for o in orgs %}<a href="/projects/{{ o }}">{{ o }}</a>{% if !loop.last %} · {% endif %}{% endfor %}</p>{% endif %}
{% if let Some(e) = error %}<p class="error">{{ e }}</p>{% endif %}
<div class="proj-bar">
  <form class="proj-filter" method="get" action="/projects/{{ owner }}" role="search">
    <svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true" focusable="false"><circle cx="6.8" cy="6.8" r="4.6" fill="none" stroke="currentColor" stroke-width="1.6"/><path d="m10.3 10.3 4 4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
    <input type="search" id="q" name="q" value="{{ q }}" placeholder="Filter projects by title or description" aria-label="Filter projects">
    {% if closed %}<input type="hidden" name="state" value="closed">{% endif %}
  </form>
  {% if can_edit %}<a class="go primary" href="#new">+ NEW PROJECT</a>{% endif %}
</div>
{% if can_edit %}
<form class="card proj-new{% if error.is_some() %} open{% endif %}" id="new" method="post" action="/projects/{{ owner }}">
  <input type="hidden" name="_csrf" value="{{ shell.csrf }}">
  <h2>New project</h2>
  <label for="title">Title</label><input type="text" id="title" name="title" maxlength="100" required>
  <label for="description">Description</label><input type="text" id="description" name="description">
  <div class="choice"><label><input type="checkbox" name="private" value="1"> private (only {% if owner == shell.user.clone().unwrap_or_default() %}you{% else %}members of {{ owner }}{% endif %})</label></div>
  <div class="proj-new-actions"><button type="submit">CREATE</button> <a href="/projects/{{ owner }}">Cancel</a></div>
  <p class="small mute">It starts with the columns Backlog, Doing and Done.</p>
</form>
{% endif %}
<div class="proj-list">
  <div class="proj-tabs" role="tablist">
    <a role="tab" href="/projects/{{ owner }}{% if !q.is_empty() %}?q={{ q|urlencode }}{% endif %}"{% if !closed %} class="on" aria-selected="true"{% endif %}><svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true" focusable="false"><rect x="1.75" y="2.25" width="12.5" height="11.5" rx="1.5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M6.25 2.5v11M10.25 2.5v11" stroke="currentColor" stroke-width="1.5"/></svg> Open <span class="count-chip">{{ open_count }}</span></a>
    <a role="tab" href="/projects/{{ owner }}?state=closed{% if !q.is_empty() %}&amp;q={{ q|urlencode }}{% endif %}"{% if closed %} class="on" aria-selected="true"{% endif %}><svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true" focusable="false"><path d="m3 8.5 3 3 7-7" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg> Closed <span class="count-chip">{{ closed_count }}</span></a>
  </div>
  {% if projects.is_empty() %}
  <p class="empty">{% if !q.is_empty() %}No {% if closed %}closed{% else %}open{% endif %} project matches “{{ q }}”.{% else if closed %}No closed projects.{% else if open_count + closed_count == 0 %}No projects yet.{% if can_edit %} A project is a board of issues, proposals and notes from {{ owner }}'s repositories: <a href="#new">make one</a>.{% else %} Only {{ owner }}{% if shell.user.is_some() %} (or its members){% endif %} can make one.{% endif %}{% else %}No open projects.{% endif %}</p>
  {% else %}
  <ul class="proj-rows">
  {% for p in projects %}
    <li>
      <svg class="proj-icon" viewBox="0 0 16 16" width="16" height="16" aria-hidden="true" focusable="false"><rect x="1.75" y="2.25" width="12.5" height="11.5" rx="1.5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M6.25 2.5v11M10.25 2.5v11" stroke="currentColor" stroke-width="1.5"/></svg>
      <div class="proj-main">
        <div class="proj-title"><a class="name" href="/projects/{{ owner }}/{{ p.number }}">{{ p.title }}</a>{% if !p.public %} <span class="vis vis-private">private</span>{% endif %}{% if p.closed %} <span class="tag dim">closed</span>{% endif %}</div>
        <p class="small mute">#{{ p.number }} · updated <time title="{{ p.updated_ms|when_i }}">{{ p.updated_ms|ago_i }}</time></p>
        {% if !p.description.is_empty() %}<p class="proj-desc">{{ p.description }}</p>{% endif %}
      </div>
    </li>
  {% endfor %}
  </ul>
  {% endif %}
</div>
{% endblock %}