{% extends 'base.html' %}
{% block title %}Bibliothèque · KALYMATT® YT{% endblock %}
{% block content %}
{% if new_share %}
<section class="share-created card">
  <div><span class="eyebrow">PARTAGE SÉCURISÉ CRÉÉ</span><h2>{{ new_share.title }}</h2><p>Le mot de passe n’est affiché qu’une fois. Copiez le lien et le mot de passe avant de quitter cette page.</p></div>
  <div class="share-secret-grid">
    <label>Lien de partage<input readonly value="{{ new_share.url }}" onclick="this.select()"></label>
    <label>Mot de passe aléatoire<input readonly value="{{ new_share.password }}" onclick="this.select()"></label>
  </div>
</section>
{% endif %}

<section class="page-head library-head">
  <div>
    <span class="eyebrow">{% if collection=='recent' %}RÉCENTS{% elif collection=='favorites' %}FAVORIS{% elif collection=='shared' %}PARTAGÉS{% else %}BIBLIOTHÈQUE{% endif %}</span>
    <h1>{% if collection=='recent' %}Contenus récents.{% elif collection=='favorites' %}Vos favoris.{% elif collection=='shared' %}Vos partages.{% elif current_folder %}{{ current_folder.name }}{% else %}Vos contenus.{% endif %}</h1>
    <p>{{ videos|length }} contenu(s) · {{ folders|length }} dossier(s) · {{ '%.1f'|format(total_size / 1048576) }} Mo affichés</p>
  </div>
  <div class="head-actions">
    <form method="post" action="{{ url_for('create_folder') }}" class="new-folder-form">
      <input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="parent_id" value="{{ folder_id or '' }}">
      <input name="name" maxlength="180" placeholder="Nouveau dossier" aria-label="Nom du nouveau dossier" required>
      <button class="secondary" type="submit">Créer un dossier</button>
    </form>
    <form method="post" action="{{ url_for('upload_local_files') }}" enctype="multipart/form-data" class="local-upload-form" data-local-upload-form>
      <input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="target_folder" value="{{ folder_id or '' }}">
      <input type="file" name="files" multiple hidden data-local-upload-input accept="video/*,audio/*,image/jpeg,image/png,image/gif,image/webp,application/pdf,text/plain,text/csv,application/json,.md">
      <input type="file" name="folder_files" multiple hidden data-folder-upload-input webkitdirectory directory>
      <button class="secondary button-icon" type="button" data-local-upload-pick title="Importer des fichiers depuis cet appareil"><img src="{{ url_for('static', filename='icons/upload.svg') }}" alt="">Importer</button>
      <button class="secondary button-icon" type="button" data-folder-upload-pick title="Importer un dossier complet en conservant son arborescence"><img src="{{ url_for('static', filename='icons/library.svg') }}" alt="">Importer un dossier</button>
    </form>
    <form method="post" action="{{ url_for('create_tag') }}" class="new-tag-form"><input type="hidden" name="_csrf" value="{{ csrf }}"><input name="name" maxlength="80" placeholder="Nouvelle étiquette" aria-label="Nom de la nouvelle étiquette" required><button class="secondary" type="submit">Créer</button></form>
    {% if all_tags %}<details class="item-menu tag-manager-menu"><summary class="secondary tag-manager-summary" title="Gérer les étiquettes"><img src="{{ url_for('static', filename='icons/settings.svg') }}" alt=""><span>Étiquettes</span></summary><div class="menu-popover tag-manager-popover"><div class="floating-popover-head"><strong>Gérer les étiquettes</strong><button type="button" class="popover-close" data-close-menu title="Fermer">×</button></div><div class="tag-manager-list">{% for tag in all_tags %}<div class="tag-manager-row"><form method="post" action="{{ url_for('rename_tag', tag_id=tag.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input name="name" value="{{ tag.name }}" maxlength="80" aria-label="Renommer {{ tag.name }}" required><button class="icon-action" type="submit" title="Renommer"><img src="{{ url_for('static', filename='icons/check.svg') }}" alt=""></button></form><form method="post" action="{{ url_for('delete_tag', tag_id=tag.id) }}" class="delete-tag-form"><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="icon-action danger-action" type="submit" title="Supprimer l’étiquette {{ tag.name }}"><img src="{{ url_for('static', filename='icons/trash.svg') }}" alt=""></button></form></div>{% endfor %}</div></div></details>{% endif %}
    <a class="primary button-icon" href="{{ url_for('index') }}#new-download"><img src="{{ url_for('static', filename='icons/download.svg') }}" alt="">Ajouter par URL</a>
  </div>
</section>

<section class="library-drop-zone" data-library-upload-drop data-upload-folder="{{ folder_id or '' }}" aria-label="Zone d’import de fichiers">
  <img src="{{ url_for('static', filename='icons/upload.svg') }}" alt=""><div><strong>Déposez des fichiers ici</strong><span>Ils seront importés directement dans {% if current_folder %}« {{ current_folder.name }} »{% else %}la racine{% endif %}.</span></div><span class="upload-state" data-upload-state></span>
</section>

<nav class="breadcrumbs" aria-label="Fil d’Ariane" data-root-drop>
  <a href="{{ url_for('library') }}" data-folder-drop="" data-folder-id="">Bibliothèque</a>
  {% if collection %}<span>›</span><span>{% if collection=='recent' %}Récents{% elif collection=='favorites' %}Favoris{% else %}Partagés{% endif %}</span>{% else %}{% for crumb in breadcrumb %}<span>›</span><a href="{{ url_for('library', folder=crumb.id, sort=sort, order=order, view=view, status=status, scope=scope, kind=kind, tag=tag_id or None, q=q, favorite='1' if favorite else None) }}">{{ crumb.name }}</a>{% endfor %}{% endif %}
</nav>

<form class="filter-bar drive-filter" method="get">
  {% if collection %}<input type="hidden" name="collection" value="{{ collection }}">{% endif %}
  {% if folder_id %}<input type="hidden" name="folder" value="{{ folder_id }}">{% endif %}
  <input type="hidden" name="sort" value="{{ sort }}"><input type="hidden" name="order" value="{{ order }}"><input type="hidden" name="view" value="{{ view }}">
  <div class="input-with-icon search"><img src="{{ url_for('static', filename='icons/search.svg') }}" alt=""><input type="search" name="q" value="{{ q }}" placeholder="Rechercher des fichiers"></div>
  <select name="scope" aria-label="Portée de recherche"><option value="current" {% if scope=='current' %}selected{% endif %}>Dossier courant</option><option value="all" {% if scope=='all' %}selected{% endif %}>Toute la bibliothèque</option></select>
  <select name="kind" aria-label="Type de fichier"><option value="all" {% if kind=='all' %}selected{% endif %}>Tous les types</option><option value="video" {% if kind=='video' %}selected{% endif %}>Vidéos</option><option value="audio" {% if kind=='audio' %}selected{% endif %}>Audio</option><option value="image" {% if kind=='image' %}selected{% endif %}>Images</option><option value="document" {% if kind=='document' %}selected{% endif %}>Documents</option><option value="other" {% if kind=='other' %}selected{% endif %}>Autres</option></select>
  <select name="tag" aria-label="Étiquette"><option value="">Toutes les étiquettes</option>{% for tag in all_tags %}<option value="{{ tag.id }}" {% if tag_id==tag.id %}selected{% endif %}>{{ tag.name }}</option>{% endfor %}</select>
  <label class="check-chip"><input type="checkbox" name="favorite" value="1" {% if favorite %}checked{% endif %}><span>Favoris</span></label>
  <select name="status" aria-label="État"><option value="active" {% if status=='active' %}selected{% endif %}>Actifs</option><option value="suspended" {% if status=='suspended' %}selected{% endif %}>Suspendus</option><option value="archived" {% if status=='archived' %}selected{% endif %}>Archivés</option><option value="all" {% if status=='all' %}selected{% endif %}>Tous les états</option></select>
  <button class="secondary" type="submit">Filtrer</button>
</form>
<form class="library-toolbar card" method="get">
  {% if collection %}<input type="hidden" name="collection" value="{{ collection }}">{% endif %}
  {% if folder_id %}<input type="hidden" name="folder" value="{{ folder_id }}">{% endif %}
  <input type="hidden" name="q" value="{{ q }}">{% if favorite %}<input type="hidden" name="favorite" value="1">{% endif %}<input type="hidden" name="status" value="{{ status }}"><input type="hidden" name="scope" value="{{ scope }}"><input type="hidden" name="kind" value="{{ kind }}"><input type="hidden" name="tag" value="{{ tag_id }}">
  <div class="toolbar-sort">
    <label>Tri<select name="sort"><option value="updated" {% if sort=='updated' %}selected{% endif %}>Dernière mise à jour</option><option value="created" {% if sort=='created' %}selected{% endif %}>Date d’ajout</option><option value="title" {% if sort=='title' %}selected{% endif %}>Titre</option><option value="size" {% if sort=='size' %}selected{% endif %}>Taille</option><option value="type" {% if sort=='type' %}selected{% endif %}>Format</option><option value="status" {% if sort=='status' %}selected{% endif %}>État</option></select></label>
    <label>Ordre<select name="order"><option value="desc" {% if order=='desc' %}selected{% endif %}>Décroissant</option><option value="asc" {% if order=='asc' %}selected{% endif %}>Croissant</option></select></label>
    <button class="secondary" type="submit">Appliquer</button>
  </div>
  <div class="view-switch" role="group" aria-label="Affichage">
    <button type="submit" name="view" value="large" class="view-option {% if view=='large' %}selected{% endif %}" title="Grandes icônes" aria-label="Grandes icônes"><img src="{{ url_for('static', filename='icons/view-large.svg') }}" alt=""></button>
    <button type="submit" name="view" value="medium" class="view-option {% if view=='medium' %}selected{% endif %}" title="Icônes moyennes" aria-label="Icônes moyennes"><img src="{{ url_for('static', filename='icons/view-medium.svg') }}" alt=""></button>
    <button type="submit" name="view" value="small" class="view-option {% if view=='small' %}selected{% endif %}" title="Petites icônes" aria-label="Petites icônes"><img src="{{ url_for('static', filename='icons/view-small.svg') }}" alt=""></button>
    <button type="submit" name="view" value="list" class="view-option {% if view=='list' %}selected{% endif %}" title="Vue liste" aria-label="Vue liste"><img src="{{ url_for('static', filename='icons/view-list.svg') }}" alt=""></button>
  </div>
</form>

<section class="bulk-selection-bar" data-bulk-bar data-current-folder="{{ folder_id or '' }}" hidden aria-live="polite">
  <div class="bulk-selection-count"><strong data-bulk-count>0</strong><span>sélectionné(s)</span></div>
  <div class="bulk-selection-actions">
    <button type="button" class="bulk-icon" data-bulk-preview title="Lire la sélection" aria-label="Lire la sélection"><img src="{{ url_for('static', filename='icons/eye.svg') }}" alt=""></button>
    <button type="button" class="bulk-icon" data-bulk-cut title="Couper" aria-label="Couper"><img src="{{ url_for('static', filename='icons/cut.svg') }}" alt=""></button>
    <button type="button" class="bulk-icon" data-bulk-copy title="Copier" aria-label="Copier"><img src="{{ url_for('static', filename='icons/copy.svg') }}" alt=""></button>
    <button type="button" class="bulk-icon" data-bulk-export data-export-url="{{ url_for('export_selected_files') }}" title="Télécharger la sélection en ZIP" aria-label="Télécharger la sélection en ZIP"><img src="{{ url_for('static', filename='icons/download.svg') }}" alt=""></button>
    <label class="bulk-target">Destination<select data-bulk-target aria-label="Dossier de destination"><option value="">Racine</option>{% for f in all_folders %}<option value="{{ f.id }}">{{ f.path }}</option>{% endfor %}</select></label>
    <button type="button" class="bulk-icon" data-bulk-move title="Déplacer vers la destination" aria-label="Déplacer"><img src="{{ url_for('static', filename='icons/arrow.svg') }}" alt=""></button>
    <button type="button" class="bulk-icon" data-bulk-copy-to title="Copier vers la destination" aria-label="Copier vers"><img src="{{ url_for('static', filename='icons/copy.svg') }}" alt=""></button>
    <button type="button" class="bulk-icon" data-bulk-status="suspended" title="Suspendre" aria-label="Suspendre"><img src="{{ url_for('static', filename='icons/pause.svg') }}" alt=""></button>
    <button type="button" class="bulk-icon" data-bulk-status="archived" title="Archiver" aria-label="Archiver"><img src="{{ url_for('static', filename='icons/archive.svg') }}" alt=""></button>
    <button type="button" class="bulk-icon" data-bulk-status="active" title="Réactiver" aria-label="Réactiver"><img src="{{ url_for('static', filename='icons/check.svg') }}" alt=""></button>
    {% if all_tags %}<details class="bulk-tag-menu item-menu"><summary class="bulk-icon" title="Étiqueter la sélection" aria-label="Étiqueter la sélection"><img src="{{ url_for('static', filename='icons/tag.svg') }}" alt=""></summary><div class="menu-popover bulk-tag-popover"><div class="floating-popover-head"><strong>Étiquettes de la sélection</strong><button type="button" class="popover-close" data-close-menu title="Fermer">×</button></div><label>Étiquettes<select multiple size="6" data-bulk-tag-select>{% for tag in all_tags %}<option value="{{ tag.id }}">{{ tag.name }}</option>{% endfor %}</select></label><div class="bulk-tag-actions"><button type="button" data-bulk-tags="add">Ajouter</button><button type="button" data-bulk-tags="remove">Retirer</button><button type="button" data-bulk-tags="replace">Remplacer</button></div></div></details>{% endif %}
    <button type="button" class="bulk-icon danger" data-bulk-delete title="Mettre à la corbeille" aria-label="Mettre à la corbeille"><img src="{{ url_for('static', filename='icons/trash.svg') }}" alt=""></button>
    <button type="button" class="bulk-clear" data-bulk-clear title="Annuler la sélection" aria-label="Annuler la sélection">×</button>
  </div>
</section>

{% if folders %}
<section class="folder-grid" aria-label="Dossiers">
  {% for folder in folders %}
  <article class="folder-card {% if folder.is_favorite %}folder-favorite{% endif %}" draggable="true" tabindex="0" data-folder-card data-folder-id="{{ folder.id }}" data-folder-drop="{{ folder.id }}" data-folder-move-url="{{ url_for('move_folder', folder_id=folder.id) }}" data-folder-copy-url="{{ url_for('copy_folder', folder_id=folder.id) }}" data-folder-details-url="{{ url_for('folder_details', folder_id=folder.id) }}">
    <a class="folder-main" href="{{ url_for('library', folder=folder.id, sort=sort, order=order, view=view, status=status, scope=scope, kind=kind, tag=tag_id or None, q=q, favorite='1' if favorite else None) }}" data-folder-open><img src="{{ url_for('static', filename='icons/library.svg') }}" alt=""><div><strong>{{ folder.name }}</strong><small>{{ folder.media_count }} contenu(s) · {{ folder.child_count }} sous-dossier(s)</small></div></a>
    <form class="folder-favorite-form" method="post" action="{{ url_for('favorite_folder', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button type="submit" class="folder-star {% if folder.is_favorite %}selected{% endif %}" title="{% if folder.is_favorite %}Retirer le dossier des favoris{% else %}Ajouter le dossier aux favoris{% endif %}" aria-label="{% if folder.is_favorite %}Retirer le dossier des favoris{% else %}Ajouter le dossier aux favoris{% endif %}"><img src="{{ url_for('static', filename='icons/favorite.svg') }}" alt=""></button></form>
    <details class="item-menu folder-menu"><summary title="Gérer le dossier"><img src="{{ url_for('static', filename='icons/more.svg') }}" alt=""></summary><div class="menu-popover folder-floating">
      <div class="floating-popover-head"><strong>Gestion du dossier</strong><button type="button" class="popover-close" data-close-menu title="Fermer">×</button></div>
      <div class="icon-toolbar">
        <button type="button" class="icon-action" data-folder-cut="{{ folder.id }}" title="Couper le dossier"><img src="{{ url_for('static', filename='icons/cut.svg') }}" alt=""></button>
        <button type="button" class="icon-action" data-folder-copy="{{ folder.id }}" title="Copier le dossier"><img src="{{ url_for('static', filename='icons/copy.svg') }}" alt=""></button>
        <a class="icon-action" href="{{ url_for('download_folder', folder_id=folder.id) }}" title="Télécharger le dossier en ZIP"><img src="{{ url_for('static', filename='icons/download.svg') }}" alt=""></a>
        <form method="post" action="{{ url_for('clone_folder', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button type="submit" class="icon-action" title="Cloner le dossier ici"><img src="{{ url_for('static', filename='icons/clone.svg') }}" alt=""></button></form>
        <button type="button" class="icon-action menu-action paste-action" data-paste-target="{{ folder.id }}" hidden title="Coller ici"><img src="{{ url_for('static', filename='icons/paste.svg') }}" alt=""></button><button type="button" class="icon-action" data-open-folder-details title="Informations du dossier"><img src="{{ url_for('static', filename='icons/info.svg') }}" alt=""></button>
        <form method="post" action="{{ url_for('favorite_folder', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button type="submit" class="icon-action {% if folder.is_favorite %}selected-action{% endif %}" title="{% if folder.is_favorite %}Retirer des favoris{% else %}Ajouter aux favoris{% endif %}"><img src="{{ url_for('static', filename='icons/favorite.svg') }}" alt=""></button></form>
        {% if not folder.share_token %}<form method="post" action="{{ url_for('create_folder_share', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button type="submit" class="icon-action accent-action" title="Partager le dossier"><img src="{{ url_for('static', filename='icons/link.svg') }}" alt=""></button></form>{% endif %}
      </div>
      {% if folder.share_token %}<section class="existing-share folder-share-manager" data-share-manager><strong>Partage du dossier actif</strong><input data-share-url readonly value="{{ url_for('public_folder_share', token=folder.share_token, _external=True, _scheme='https') }}" onclick="this.select()"><div class="share-manager-actions"><button type="button" data-copy-share-url title="Copier le lien">Copier le lien</button><a class="secondary" href="{{ url_for('public_folder_share', token=folder.share_token, _external=True, _scheme='https') }}" target="_blank" rel="noopener">Ouvrir</a></div><form method="post" action="{{ url_for('update_folder_share', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><label>Expiration<select name="expiry"><option value="never">Aucune</option><option value="24h">24 heures</option><option value="7d">7 jours</option><option value="30d">30 jours</option></select></label><button type="submit">Mettre à jour</button></form><div class="share-manager-actions"><form method="post" action="{{ url_for('regenerate_folder_share_password', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button type="submit">Nouveau mot de passe</button></form><form method="post" action="{{ url_for('regenerate_folder_share_link', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button type="submit">Nouveau lien + mot de passe</button></form></div><form method="post" action="{{ url_for('disable_folder_share', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button type="submit" class="danger-text">Désactiver le partage</button></form></section>{% endif %}
      <form method="post" action="{{ url_for('rename_folder', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><label>Renommer<input name="name" value="{{ folder.name }}" maxlength="180" required></label><button type="submit">Enregistrer</button></form>
      <form method="post" action="{{ url_for('move_folder', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><label>Déplacer vers<select name="target_folder"><option value="">Racine</option>{% for f in all_folders if f.id != folder.id %}<option value="{{ f.id }}">{{ f.path }}</option>{% endfor %}</select></label><button type="submit">Déplacer</button></form>
      <form method="post" action="{{ url_for('copy_folder', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><label>Copier vers<select name="target_folder"><option value="">Racine</option>{% for f in all_folders if f.id != folder.id %}<option value="{{ f.id }}">{{ f.path }}</option>{% endfor %}</select></label><button type="submit">Copier le dossier</button></form>
      <form method="post" action="{{ url_for('delete_folder', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="danger-text" type="submit">Mettre le dossier à la corbeille</button></form>
    </div></details>
  </article>
  {% endfor %}
</section>
{% endif %}

{% if videos %}
<div class="media-grid drive-grid view-{{ view }}">
{% for video in videos %}
<article class="media-card drive-card status-{{ video.status }}" draggable="true" tabindex="0" data-video-card data-video-id="{{ video.id }}" data-preview-url="{{ url_for('stream_saved', video_id=video.id) }}" data-download-url="{{ url_for('download_saved', video_id=video.id) }}" data-preview-title="{{ video.title }}" data-preview-extension="{{ video.extension|lower }}" data-move-url="{{ url_for('move_video', video_id=video.id) }}" data-copy-url="{{ url_for('copy_video', video_id=video.id) }}" data-status-url="{{ url_for('media_status', video_id=video.id) }}" data-delete-url="{{ url_for('delete_video', video_id=video.id) }}" data-versions-url="{{ url_for('media_versions', video_id=video.id) }}" data-details-url="{{ url_for('media_details', video_id=video.id) }}" data-edit-url="{{ url_for('edit_text_file', video_id=video.id) }}" data-convert-url="{{ url_for('convert_library_media', video_id=video.id) }}">
  <div class="media-thumb preview-trigger" data-open-preview role="button" tabindex="0" aria-label="Lire {{ video.title }}">{% 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="status-pill">{% if video.status=='active' %}Actif{% elif video.status=='suspended' %}Suspendu{% else %}Archivé{% endif %}</span><form class="favorite-form" method="post" action="{{ url_for('favorite_video', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button type="submit" class="round-action {% if video.is_favorite %}selected{% endif %}" title="{% if video.is_favorite %}Retirer des favoris{% else %}Ajouter aux favoris{% endif %}"><img src="{{ url_for('static', filename='icons/favorite.svg') }}" alt=""></button></form></div>
  <div class="media-body">
    <form class="rename-form" method="post" action="{{ url_for('rename_video', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input name="title" value="{{ video.title }}" maxlength="500" aria-label="Titre"><button type="submit" title="Enregistrer les modifications"><img src="{{ url_for('static', filename='icons/check.svg') }}" alt=""></button></form>
    <p>{{ video.uploader or 'Source externe' }}</p><small>{{ '%.1f'|format((video.size_bytes or 0) / 1048576) }} Mo · {{ video.backup_count }} sauvegarde(s){% if scope=='all' %} · {{ video.folder_path }}{% endif %}</small>
    {% if video.tags %}<div class="media-tags" aria-label="Étiquettes">{% for tag_name in video.tags %}<span class="media-tag">{{ tag_name }}</span>{% endfor %}</div>{% endif %}
    <div class="media-actions"><a class="secondary button-icon" href="{{ url_for('download_saved', video_id=video.id) }}"><img src="{{ url_for('static', filename='icons/download.svg') }}" alt="">Récupérer</a><details class="item-menu wide manage-details"><summary class="manage-summary" title="Gérer"><img src="{{ url_for('static', filename='icons/settings.svg') }}" alt=""><span>Gérer</span></summary><div class="menu-popover manage-popover floating-manage">
      <div class="floating-popover-head"><strong>Gestion du fichier</strong><button type="button" class="popover-close" data-close-menu title="Fermer">×</button></div>
      <div class="icon-toolbar">
        <button type="button" class="icon-action" data-clipboard-cut="{{ video.id }}" title="Couper"><img src="{{ url_for('static', filename='icons/cut.svg') }}" alt=""></button>
        <button type="button" class="icon-action" data-clipboard-copy="{{ video.id }}" title="Copier"><img src="{{ url_for('static', filename='icons/copy.svg') }}" alt=""></button>
        <form method="post" action="{{ url_for('clone_video', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="icon-action" type="submit" title="Cloner ici"><img src="{{ url_for('static', filename='icons/clone.svg') }}" alt=""></button></form>
        <form method="post" action="{{ url_for('backup_video', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="icon-action" type="submit" title="Créer une sauvegarde"><img src="{{ url_for('static', filename='icons/save.svg') }}" alt=""></button></form>
        <button class="icon-action" type="button" data-open-versions title="Historique des versions"><img src="{{ url_for('static', filename='icons/history.svg') }}" alt=""></button>{% if video.extension|lower in ['mp4','webm','mov','m4v','ogv','mkv','avi','mp3','m4a','aac','wav','ogg','oga','flac'] %}<button class="icon-action" type="button" data-open-convert title="Convertir le fichier"><img src="{{ url_for('static', filename='icons/convert.svg') }}" alt=""></button>{% endif %}{% if video.extension|lower in ['txt','md','csv','json'] %}<button class="icon-action" type="button" data-open-editor title="Modifier le fichier"><img src="{{ url_for('static', filename='icons/edit.svg') }}" alt=""></button>{% endif %}<button class="icon-action" type="button" data-open-details title="Informations du fichier"><img src="{{ url_for('static', filename='icons/info.svg') }}" alt=""></button>
        {% if video.backup_count %}<form method="post" action="{{ url_for('restore_video', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="icon-action" type="submit" title="Restaurer la dernière sauvegarde"><img src="{{ url_for('static', filename='icons/restore.svg') }}" alt=""></button></form>{% endif %}
        {% if video.status=='active' %}<form method="post" action="{{ url_for('media_status', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="status" value="suspended"><button class="icon-action" type="submit" title="Suspendre"><img src="{{ url_for('static', filename='icons/pause.svg') }}" alt=""></button></form><form method="post" action="{{ url_for('media_status', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="status" value="archived"><button class="icon-action" type="submit" title="Archiver"><img src="{{ url_for('static', filename='icons/archive.svg') }}" alt=""></button></form>{% else %}<form method="post" action="{{ url_for('media_status', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><input type="hidden" name="status" value="active"><button class="icon-action" type="submit" title="Réactiver"><img src="{{ url_for('static', filename='icons/check.svg') }}" alt=""></button></form>{% endif %}
        {% if video.status=='active' %}<form method="post" action="{{ url_for('create_share', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="icon-action accent-action" type="submit" title="Créer un partage protégé"><img src="{{ url_for('static', filename='icons/link.svg') }}" alt=""></button></form>{% endif %}
        <form class="delete-form" method="post" action="{{ url_for('delete_video', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="icon-action danger-action" type="submit" title="Mettre à la corbeille"><img src="{{ url_for('static', filename='icons/trash.svg') }}" alt=""></button></form>
      </div>
      <div class="popover-sections">
        <form method="post" action="{{ url_for('move_video', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><label>Déplacer vers<select name="target_folder"><option value="">Racine</option>{% for f in all_folders %}<option value="{{ f.id }}">{{ f.path }}</option>{% endfor %}</select></label><button type="submit">Déplacer</button></form>
        <form method="post" action="{{ url_for('copy_video', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><label>Copier vers<select name="target_folder"><option value="">Racine</option>{% for f in all_folders %}<option value="{{ f.id }}">{{ f.path }}</option>{% endfor %}</select></label><button type="submit">Copier</button></form>
        <form method="post" action="{{ url_for('set_media_tags', video_id=video.id) }}" class="tag-assignment-form"><input type="hidden" name="_csrf" value="{{ csrf }}"><label>Étiquettes<select name="tag_ids" multiple size="5">{% for tag in all_tags %}<option value="{{ tag.id }}" {% if tag.id in video.tag_ids_list %}selected{% endif %}>{{ tag.name }}</option>{% endfor %}</select></label><small>Ctrl/Cmd + clic pour sélectionner plusieurs étiquettes.</small><button type="submit">Appliquer les étiquettes</button></form>
      </div>
      {% if video.share_token %}
      <section class="existing-share share-manager" data-share-manager>
        <div class="share-manager-head"><strong>Partage actif</strong><span>{% if video.share_expires_at %}Expiration programmée{% else %}Sans expiration{% endif %}</span></div>
        <div class="share-link-row">
          <input readonly value="{{ url_for('public_share', token=video.share_token, _external=True, _scheme='https') }}" aria-label="Lien de partage" data-share-url>
          <button type="button" class="share-copy-button" data-copy-share-url title="Copier le lien" aria-label="Copier le lien"><img src="{{ url_for('static', filename='icons/copy.svg') }}" alt=""></button>
          <a class="share-open-button" href="{{ url_for('public_share', token=video.share_token, _external=True, _scheme='https') }}" target="_blank" rel="noopener" title="Ouvrir le partage" aria-label="Ouvrir le partage"><img src="{{ url_for('static', filename='icons/eye.svg') }}" alt=""></a>
        </div>
        <form class="share-expiry-form" method="post" action="{{ url_for('update_share', video_id=video.id) }}">
          <input type="hidden" name="_csrf" value="{{ csrf }}">
          <label>Expiration<select name="expiry"><option value="never">Aucune</option><option value="24h">24 heures</option><option value="7d">7 jours</option><option value="30d">30 jours</option></select></label>
          <button type="submit">Appliquer</button>
        </form>
        <div class="share-manager-actions">
          <form method="post" action="{{ url_for('regenerate_share_password', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button type="submit" title="Régénérer le mot de passe">Nouveau mot de passe</button></form>
          <form method="post" action="{{ url_for('regenerate_share_link', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button type="submit" title="Régénérer le lien et le mot de passe">Nouveau lien</button></form>
          <form method="post" action="{{ url_for('disable_share', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="danger-text" type="submit">Désactiver</button></form>
        </div>
      </section>
      {% endif %}
    </div></details></div>
  </div>
</article>
{% endfor %}
</div>
{% elif not folders %}<div class="empty-state"><img src="{{ url_for('static', filename='icons/search.svg') }}" alt=""><h3>Aucun contenu trouvé.</h3><p>Créez un dossier ou ajoutez un nouveau contenu.</p></div>{% endif %}


<div class="versions-modal" data-versions-modal hidden aria-hidden="true">
  <div class="versions-backdrop" data-versions-close></div>
  <section class="versions-dialog" role="dialog" aria-modal="true" aria-labelledby="versions-title">
    <header class="versions-head">
      <div><span class="eyebrow">HISTORIQUE DES VERSIONS</span><h2 id="versions-title" data-versions-title>Versions</h2></div>
      <button type="button" class="player-close" data-versions-close title="Fermer" aria-label="Fermer">×</button>
    </header>
    <div class="versions-current" data-versions-current></div>
    <div class="versions-list" data-versions-list></div>
  </section>
</div>

<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="media-player-title">
    <header class="media-player-head"><div><span class="eyebrow">LECTEUR INTÉGRÉ</span><h2 id="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="#"><img src="{{ url_for('static', filename='icons/download.svg') }}" alt="">Récupérer</a></footer>
  </section>
</div>

<div class="details-modal" data-details-modal hidden aria-hidden="true">
  <div class="details-backdrop" data-details-close></div>
  <section class="details-dialog" role="dialog" aria-modal="true" aria-labelledby="details-title">
    <header class="details-head">
      <div><span class="eyebrow">INFORMATIONS</span><h2 id="details-title" data-details-title>Détails</h2></div>
      <button type="button" class="player-close" data-details-close title="Fermer" aria-label="Fermer">×</button>
    </header>
    <div class="details-content" data-details-content></div>
  </section>
</div>

<div class="convert-modal" data-convert-modal hidden aria-hidden="true">
  <div class="convert-backdrop" data-convert-close></div>
  <section class="convert-dialog" role="dialog" aria-modal="true" aria-labelledby="convert-title">
    <header class="convert-head">
      <div><span class="eyebrow">CONVERSION</span><h2 id="convert-title" data-convert-title>Convertir le fichier</h2></div>
      <button type="button" class="player-close" data-convert-close title="Fermer" aria-label="Fermer">×</button>
    </header>
    <div class="convert-content">
      <p>Le fichier original est conservé. Une vidéo peut être réenregistrée en MP3, M4A/AAC, WAV, OGG ou FLAC ; la conversion crée un nouveau fichier dans le même dossier.</p>
      <form method="post" data-convert-form>
        <input type="hidden" name="_csrf" value="{{ csrf }}">
        <label>Format de sortie<select name="target_format" data-convert-format required></select></label>
        <div class="convert-state" data-convert-state></div>
        <button type="submit" class="primary button-icon"><img src="{{ url_for('static', filename='icons/convert.svg') }}" alt="">Créer la conversion</button>
      </form>
    </div>
  </section>
</div>

<div class="editor-modal" data-editor-modal hidden aria-hidden="true">
  <div class="editor-backdrop" data-editor-close></div>
  <section class="editor-dialog" role="dialog" aria-modal="true" aria-labelledby="editor-title">
    <header class="editor-head">
      <div><span class="eyebrow">ÉDITEUR INTÉGRÉ</span><h2 id="editor-title" data-editor-title>Modifier le fichier</h2></div>
      <button type="button" class="player-close" data-editor-close title="Fermer" aria-label="Fermer">×</button>
    </header>
    <div class="editor-toolbar"><span data-editor-format></span><span data-editor-state></span></div>
    <textarea class="editor-textarea" data-editor-content spellcheck="false" aria-label="Contenu du fichier"></textarea>
    <footer class="editor-actions">
      <span>Une sauvegarde est créée automatiquement avant chaque enregistrement.</span>
      <button type="button" class="primary" data-editor-save>Enregistrer</button>
    </footer>
  </section>
</div>
{% endblock %}