{% extends "base.html" %}
{% block title %}Alle serier{% endblock %}
{% block content %}
<h1>📦 Pokémon TCG serier</h1>
<p style="color:var(--text-muted);margin-bottom:24px;">{{ sets|length }} serie(r) i databasen</p>

<div class="card-grid">
    {% for s in sets %}
    <a href="/sets/{{ s.code }}" class="card-set">
        <div class="card">
            <span class="tag">{{ s.code }}</span>
            <h3 style="margin-top:10px;">{{ s.name }}</h3>
            {% if s.release_date %}
            <p style="font-size:0.85rem;color:var(--text-muted);margin-top:4px;">📅 {{ s.release_date }}</p>
            {% endif %}
            <p style="font-size:0.85rem;color:var(--text-muted);margin-top:4px;">{{ s.cards|length }} kort</p>
        </div>
    </a>
    {% endfor %}
</div>

{% if sets|length == 0 %}
<div class="card" style="text-align:center;color:var(--text-muted);">
    <p>Ingen serier i databasen endnu.</p>
</div>
{% endif %}
{% endblock %}