{% extends 'base.html' %}
{% block title %}Corbeille · KALYMATT® YT{% endblock %}
{% block content %}
<section class="page-head trash-head">
  <div>
    <span class="eyebrow">CORBEILLE</span>
    <h1>Éléments supprimés.</h1>
    <p>{{ videos|length }} fichier(s) · {{ folders|length }} dossier(s) · {{ '%.1f'|format(total_size / 1048576) }} Mo</p>
  </div>
  {% if videos or folders %}
  <form method="post" action="{{ url_for('empty_trash') }}" class="empty-trash-form" data-confirm-purge-all>
    <input type="hidden" name="_csrf" value="{{ csrf }}">
    <button class="danger-button" type="submit"><img src="{{ url_for('static', filename='icons/trash.svg') }}" alt="">Vider la corbeille</button>
  </form>
  {% endif %}
</section>

<section class="trash-info card">
  <strong>Suppression en deux étapes</strong>
  <p>Les éléments supprimés restent ici jusqu’à leur restauration ou leur suppression définitive. Les partages d’un fichier placé dans la corbeille sont désactivés.</p>
</section>

{% if folders %}
<section class="trash-section">
  <div class="section-title"><h2>Dossiers</h2><span>{{ folders|length }}</span></div>
  <div class="trash-list">
    {% for folder in folders %}
    <article class="trash-row">
      <div class="trash-kind"><img src="{{ url_for('static', filename='icons/library.svg') }}" alt=""></div>
      <div class="trash-main"><strong>{{ folder.name }}</strong><small>Supprimé le {{ folder.trashed_at }}</small></div>
      <div class="trash-actions">
        <form method="post" action="{{ url_for('restore_trashed_folder', folder_id=folder.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="secondary icon-text" type="submit"><img src="{{ url_for('static', filename='icons/restore.svg') }}" alt="">Restaurer</button></form>
        <form method="post" action="{{ url_for('purge_trashed_folder', folder_id=folder.id) }}" data-confirm-purge><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="danger-button icon-text" type="submit"><img src="{{ url_for('static', filename='icons/trash.svg') }}" alt="">Supprimer définitivement</button></form>
      </div>
    </article>
    {% endfor %}
  </div>
</section>
{% endif %}

{% if videos %}
<section class="trash-section">
  <div class="section-title"><h2>Fichiers</h2><span>{{ videos|length }}</span></div>
  <div class="trash-list">
    {% for video in videos %}
    <article class="trash-row">
      <div class="trash-kind"><img src="{{ url_for('static', filename='icons/media.svg') }}" alt=""></div>
      <div class="trash-main"><strong>{{ video.title }}</strong><small>{{ video.extension|upper }} · {{ '%.1f'|format((video.size_bytes or 0) / 1048576) }} Mo · supprimé le {{ video.trashed_at }}</small></div>
      <div class="trash-actions">
        <form method="post" action="{{ url_for('restore_trashed_video', video_id=video.id) }}"><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="secondary icon-text" type="submit"><img src="{{ url_for('static', filename='icons/restore.svg') }}" alt="">Restaurer</button></form>
        <form method="post" action="{{ url_for('purge_trashed_video', video_id=video.id) }}" data-confirm-purge><input type="hidden" name="_csrf" value="{{ csrf }}"><button class="danger-button icon-text" type="submit"><img src="{{ url_for('static', filename='icons/trash.svg') }}" alt="">Supprimer définitivement</button></form>
      </div>
    </article>
    {% endfor %}
  </div>
</section>
{% endif %}

{% if not videos and not folders %}
<div class="empty-state"><img src="{{ url_for('static', filename='icons/trash.svg') }}" alt=""><h3>La corbeille est vide.</h3><p>Les éléments supprimés apparaîtront ici avant leur suppression définitive.</p></div>
{% endif %}
{% endblock %}