{% extends "base.html" %}
{% block title %}{% if let Some(o) = owner %}{{ o }}{% else %}Repositories{% endif %}{% endblock %}
{% block content %}
{% if !backdrop.is_empty() %}<script type="application/json" id="backdrop-data">{{ backdrop|safe }}</script>
{% include "backdrop.html" %}{% endif %}
<div class="head">
  {% if let Some(o) = owner %}<h1>{{ o }} <small>{{ repos.len()|plural("repository", "repositories") }}</small></h1>
  {% else %}<h1>Repositories <small>{{ description }}</small></h1>{% endif %}
</div>
{% if owner.is_none() %}
<form class="bar explore-bar" method="get" action="/explore">
  <input type="search" name="q" value="{{ q }}" placeholder="Filter by name, description or topic" aria-label="Filter repositories">
  <select name="sort" aria-label="Sort">
    <option value="activity"{% if sort == "activity" %} selected{% endif %}>recently active</option>
    <option value="stars"{% if sort == "stars" %} selected{% endif %}>most stars</option>
    <option value="name"{% if sort == "name" %} selected{% endif %}>name</option>
  </select>
  {% if !topic.is_empty() %}<input type="hidden" name="topic" value="{{ topic }}"><span class="topic">{{ topic }} <a href="/explore?sort={{ sort }}&amp;q={{ q }}" aria-label="Clear the topic">×</a></span>{% endif %}
  <button type="submit" class="small">FILTER</button>
</form>
{% endif %}
{% if repos.is_empty() %}
<p class="empty">No repositories yet. Create one with <code>oxygenhub admin repo create OWNER/NAME</code>, then <code>oxy push</code> into it.</p>
{% else %}
<ul class="rows repos" data-backdrop-avoid>
{% for r in repos %}
  <li>
    <div>
      <a class="name" href="/{{ r.owner }}/{{ r.name }}"><span class="mute">{{ r.owner }} /</span> <strong>{{ r.name }}</strong></a>
      {% if r.visibility != "public" %}<span class="tag">{{ r.visibility }}</span>{% endif %}
      {% if !r.description.is_empty() %}<p class="small">{{ r.description }}</p>{% endif %}
      {% if !r.topics.is_empty() %}<p class="topics">{% for t in r.topic_list() %}<a class="topic" href="/explore?topic={{ t }}">{{ t }}</a>{% endfor %}</p>{% endif %}
    </div>
    <div class="right small">{% if star_count(r.id) > 0 %}<span class="mute" title="stars">★ {{ star_count(r.id) }}</span> · {% endif %}updated <time title="{{ r.updated_ms|when_i }}">{{ r.updated_ms|ago_i }}</time></div>
  </li>
{% endfor %}
</ul>
{% endif %}
{% endblock %}