{% extends "base.html" %}
{% block main %}
{% set g = load_data(path="data/gitea.json") %}
<h1 class="text-4xl font-bold tracking-tight">Projekter</h1>
<p class="mt-3 text-muted">Hentet live fra min <a class="text-accent hover:underline" href="https://gitea.weircon.dk/agw">Gitea</a>.</p>

{% if g.error %}<p class="mt-8 wt-card text-muted">Kunne ikke hente repositories lige nu.</p>{% endif %}

<div class="mt-8 grid gap-4 sm:grid-cols-2">
  {%- for r in g.repos %}
  {%- set side = [s for s in section.pages if s.extra.repo == r.name] | first %}
  {%- if side %}
    <a href="{{ side.path | trim_end(pat="/") | safe }}"
       class="group wt-card wt-card--hover">
      <div class="flex items-center justify-between">
        <h3 class="font-semibold tracking-tight group-hover:text-accent">{{ side.title }}</h3>
        {% if side.extra.aur %}<span class="text-xs text-muted">AUR</span>{% endif %}
      </div>
      <p class="mt-2 line-clamp-3 text-sm text-muted">{{ side.description }}</p>
      <div class="mt-3 text-xs text-accent">{{ side.extra.sprog }} · Læs mere →</div>
    </a>
  {%- else %}
    <a href="{{ r.html_url | safe }}" target="_blank" rel="noopener"
       class="group wt-card wt-card--hover">
      <div class="flex items-center justify-between">
        <h3 class="font-semibold tracking-tight group-hover:text-accent">{{ r.name }}</h3>
        {% if r.stars_count > 0 %}<span class="text-xs text-muted">★ {{ r.stars_count }}</span>{% endif %}
      </div>
      <p class="mt-2 line-clamp-3 text-sm text-muted">{% if r.description %}{{ r.description }}{% else %}Ingen beskrivelse.{% endif %}</p>
      {% if r.language %}<div class="mt-3 text-xs text-accent">{{ r.language }}</div>{% endif %}
    </a>
  {%- endif %}
  {%- endfor %}
</div>
{% endblock %}