{% extends "tv/base.html" %}
{% block title %}Serien - VideoKonverter TV{% endblock %}

{% block content %}
<section class="tv-section">
    <h1 class="tv-page-title">Serien</h1>
    <div class="tv-grid">
        {% for s in series %}
        <a href="/tv/series/{{ s.id }}" class="tv-card" data-focusable>
            {% if s.poster_url %}
            <img src="{{ s.poster_url }}" alt="" class="tv-card-img" loading="lazy">
            {% else %}
            <div class="tv-card-placeholder">{{ s.title or s.folder_name }}</div>
            {% endif %}
            <div class="tv-card-info">
                <span class="tv-card-title">{{ s.title or s.folder_name }}</span>
                <span class="tv-card-meta">{{ s.episode_count or 0 }} Episoden{% if s.genres %} &middot; {{ s.genres }}{% endif %}</span>
            </div>
        </a>
        {% endfor %}
    </div>
    {% if not series %}
    <div class="tv-empty">Keine Serien vorhanden.</div>
    {% endif %}
</section>
{% endblock %}