{% extends "base.html" %}
{% block title %}{{ set.code }} — {{ set.name }}{% endblock %}
{% block content %}
<div style="margin-bottom:20px;">
    <a href="/sets" style="color:var(--text-muted);text-decoration:none;font-size:0.9rem;">← Tilbage til serier</a>
</div>

<div class="card" style="margin-bottom:24px;">
    <span class="tag" style="font-size:1rem;">{{ set.code }}</span>
    <h1 style="margin-top:8px;">{{ set.name }}</h1>
    {% if set.release_date %}
    <p style="color:var(--text-muted);">📅 Udgivet: {{ set.release_date }}</p>
    {% endif %}
    {% if set.description %}
    <p style="margin-top:8px;">{{ set.description }}</p>
    {% endif %}
    <p style="font-size:0.9rem;color:var(--text-muted);margin-top:8px;">{{ set.cards|length }} kort i dette set</p>
</div>

<h2>Kort i {{ set.code }}</h2>

{% if set.cards|length > 0 %}
<div style="overflow-x:auto;">
    <table>
        <thead>
            <tr>
                <th>#</th>
                <th>Kode</th>
                <th>Navn</th>
                <th>Type</th>
                <th>Sjældenhed</th>
                {% if set.cards[0].hp %}<th>HP</th>{% endif %}
            </tr>
        </thead>
        <tbody>
            {% for card in set.cards %}
            <tr>
                <td>{{ card.number }}</td>
                <td><span class="tag">{{ card.full_code }}</span></td>
                <td>{{ card.name }}</td>
                <td>{{ card.type or "—" }}</td>
                <td>{{ card.rarity or "—" }}</td>
                {% if card.hp %}<td>{{ card.hp }}</td>{% endif %}
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% else %}
<div class="card" style="text-align:center;color:var(--text-muted);">
    <p>Ingen kort i dette set endnu.</p>
</div>
{% endif %}
{% endblock %}