{% extends "layout.html" %}
{% block title %}Repos{% endblock %}
{% block inner_content %}

<div class="card mb-3">
  <div class="card-header">
    <h4 class="card-title">Repos</h4>
    <h6 class="card-subtitle mb-2 text-muted">{{ repos|length }} repos</h6>
  </div>
  <div class="card-body">

{% for repo in repos %}
    <dl class="row">
      <dt class="col-sm-12 text-center"><h5>{{ repo.name }}{% if repo.variant %} <small class="text-muted">/{{ repo.variant }}</small>{% endif %}</h5></dt>

      <dt class="col-sm-3 text-sm-end">URL:</dt>
      <dd class="col-sm-9"><a href="{{ repo.url }}">{{ repo.url }}</a></dd>

      <dt class="col-sm-3 text-sm-end">GitHub:</dt>
      <dd class="col-sm-9"><a href="{{ repo.src_url }}">{{ repo.src_url }}</a></dd>

      <dt class="col-sm-3 text-sm-end">Packages:</dt>
      <dd class="col-sm-9"><a href="{{ url_for('packages') }}?repo={{ repo.name }}">{{ repo.packages|length }}</a></dd>

      <dt class="col-sm-3 text-sm-end">Package Size:</dt>
      <dd class="col-sm-9">{{ repo.csize|filesize }}</dd>

      <dt class="col-sm-3 text-sm-end">Installed Size:</dt>
      <dd class="col-sm-9">{{ repo.isize|filesize }}</dd>
    </dl>
    {% if not loop.last %}
    <hr>
    {% endif %}
{% endfor %}

  </div>
</div>

{% endblock %}