Initial: Pokedexter TCG-Collector webapp

backend/app/templates/set_detail.html

@@ -0,0 +1,54 @@
+{% 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 %}