{% 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 %}