{% extends 'base.html' %}{% block title %}Tableau de bord · KALYMATT® YT{% endblock %}{% block content %}
<section class="page-head"><div><span class="eyebrow">TABLEAU DE BORD</span><h1>Bonjour {{ current_user.display_name }}.</h1><p>Retrouvez l’essentiel de votre espace média en un coup d’œil.</p></div><a class="primary button-icon" href="#new-download"><img src="{{ url_for('static', filename='icons/download.svg') }}" alt="">Nouveau téléchargement</a></section>
<section class="dashboard-hero clean"><div class="hero-overlay"><span class="eyebrow light">KALYMATT® YT</span><h2>Vos contenus.<br>Votre liberté.</h2><p>Un espace privé pour télécharger, convertir, classer et conserver vos médias.</p></div></section>
<section class="stats-grid"><article class="stat-card"><img src="{{ url_for('static', filename='icons/library.svg') }}" alt=""><div><strong>{{ stats.total or 0 }}</strong><span>Contenus</span></div></article><article class="stat-card"><img src="{{ url_for('static', filename='icons/favorite.svg') }}" alt=""><div><strong>{{ stats.favorites or 0 }}</strong><span>Favoris</span></div></article><article class="stat-card"><img src="{{ url_for('static', filename='icons/storage.svg') }}" alt=""><div><strong>{{ '%.1f'|format((stats.bytes or 0) / 1048576) }}</strong><span>Mo stockés</span></div></article><article class="stat-card"><img src="{{ url_for('static', filename='icons/shield.svg') }}" alt=""><div><strong>Privé</strong><span>Accès protégé</span></div></article></section>
<section class="card download-card" id="new-download"><div><span class="section-kicker">NOUVEAU CONTENU</span><h2>Télécharger une source</h2><p class="muted">Collez une URL HTTPS compatible, puis choisissez le format souhaité.</p></div><form method="post" action="{{ url_for('download_video') }}" id="downloadForm"><input type="hidden" name="_csrf" value="{{ csrf }}"><label for="url">URL de la source</label><div class="input-with-icon"><img src="{{ url_for('static', filename='icons/link.svg') }}" alt=""><input type="url" name="url" id="url" placeholder="https://…" required maxlength="2048"></div><fieldset><legend>Format de sortie</legend><div class="formats"><label><input type="radio" name="format" value="best" checked><span><strong>Auto</strong><small>Meilleure qualité</small></span></label><label><input type="radio" name="format" value="mp4"><span><strong>MP4</strong><small>Vidéo</small></span></label><label><input type="radio" name="format" value="webm"><span><strong>WebM</strong><small>Vidéo web</small></span></label><label><input type="radio" name="format" value="mp3"><span><strong>MP3</strong><small>Audio</small></span></label></div></fieldset><button class="primary button-icon" type="submit"><img src="{{ url_for('static', filename='icons/download.svg') }}" alt="">Ajouter à la bibliothèque</button></form></section>
<section class="section-title"><div><span class="section-kicker">RÉCENT</span><h2>Derniers contenus</h2></div><a class="text-link" href="{{ url_for('library') }}">Voir toute la bibliothèque →</a></section>
{% if videos %}<div class="media-grid dashboard-media-grid">{% for video in videos %}<article class="media-card dashboard-media-card" tabindex="0" role="button" aria-label="Lire {{ video.title }}" data-dashboard-preview data-preview-url="{{ url_for('stream_saved', video_id=video.id) }}" data-preview-title="{{ video.title }}" data-preview-extension="{{ video.extension|lower }}" data-download-url="{{ url_for('download_saved', video_id=video.id) }}"><div class="media-thumb">{% if video.thumbnail %}<img src="{{ video.thumbnail }}" alt="" loading="lazy" referrerpolicy="no-referrer">{% else %}<div class="thumb-placeholder"><img src="{{ url_for('static', filename='icons/media.svg') }}" alt=""></div>{% endif %}<span class="format-pill">{{ video.extension|upper }}</span><span class="dashboard-play-hint">Lire</span></div><div class="media-body"><h3>{{ video.title }}</h3><p>{{ video.uploader or 'Source externe' }}</p><small>{{ '%.1f'|format((video.size_bytes or 0) / 1048576) }} Mo · {{ video.created_at }}</small></div></article>{% endfor %}</div>{% else %}<div class="empty-state"><img src="{{ url_for('static', filename='icons/library.svg') }}" alt=""><h3>Votre bibliothèque est prête.</h3><p>Ajoutez votre premier contenu depuis le formulaire ci-dessus.</p></div>{% endif %}
<div class="media-player-modal" data-media-player hidden aria-hidden="true"><div class="media-player-backdrop" data-player-close></div><section class="media-player-dialog" role="dialog" aria-modal="true" aria-labelledby="dashboard-media-player-title"><header class="media-player-head"><div><span class="eyebrow">LECTEUR INTÉGRÉ</span><h2 id="dashboard-media-player-title" data-player-title>Contenu</h2></div><button type="button" class="player-close" data-player-close title="Fermer le lecteur" aria-label="Fermer le lecteur">×</button></header><div class="media-player-stage" data-player-stage></div><footer class="media-player-actions"><span data-player-format></span><a class="secondary button-icon" data-player-download href="{{ url_for('library') }}"><img src="{{ url_for('static', filename='icons/download.svg') }}" alt="">Récupérer</a></footer></section></div>
{% endblock %}