{% extends 'base.html' %}
{% block title %}Playlists · KALYMATT® YT{% endblock %}
{% block content %}
<section class="page-head"><div><span class="eyebrow">LECTURE ENCHAÎNÉE</span><h1>Playlists</h1><p>Assemblez vos fichiers musique et vidéo, définissez leur ordre et ajoutez des transitions.</p></div></section>
<section class="playlist-create panel"><h2>Nouvelle playlist</h2><form method="post" action="{{ url_for('create_playlist') }}" class="playlist-form"><input type="hidden" name="_csrf" value="{{ csrf }}"><label>Nom<input name="name" maxlength="180" required></label><label>Description<input name="description" maxlength="500"></label><button class="primary" type="submit">Créer</button></form></section>
<section class="playlist-grid">
{% for p in playlists %}<article class="panel playlist-card"><div><span class="eyebrow">{{ p.item_count }} élément{% if p.item_count != 1 %}s{% endif %}</span><h2>{{ p.name }}</h2><p>{{ p.description or 'Aucune description.' }}</p></div><a class="primary" href="{{ url_for('playlist_edit', playlist_id=p.id) }}">Ouvrir la playlist</a></article>{% else %}<div class="empty-state"><h3>Aucune playlist</h3><p>Créez votre première playlist pour enchaîner vos médias.</p></div>{% endfor %}
</section>
{% endblock %}