{% extends "base.html" %}
{% block title %}Trash — LockBox{% endblock %}
{% block content %}
<div class="container-fluid py-3 px-lg-4">
  <h1 class="h4 mb-3"><i class="bi bi-trash3 me-2"></i>Trash</h1>
  <p class="text-muted small">Items are kept for {{ retention }} days. Permanent deletion removes the encrypted object from Backblaze B2.</p>

  <div class="list-group shadow-sm rounded-3 overflow-hidden">
    {% for folder in folders %}
    <div class="list-group-item d-flex align-items-center gap-3 py-3">
      <i class="bi bi-folder-fill text-warning fs-4"></i>
      <div class="flex-grow-1">
        <div class="fw-medium">{{ folder.name }}</div>
        <small class="text-muted">Trashed {{ folder.trashed_at.strftime('%Y-%m-%d') if folder.trashed_at else '' }}</small>
      </div>
      <button class="btn btn-sm btn-outline-success restore-btn" data-uuid="{{ folder.uuid }}" data-type="folder">Restore</button>
      <button class="btn btn-sm btn-outline-danger delete-perm-btn" data-uuid="{{ folder.uuid }}" data-type="folder">Delete</button>
    </div>
    {% endfor %}
    {% for file in files %}
    <div class="list-group-item d-flex align-items-center gap-3 py-3">
      <i class="bi bi-file-earmark text-primary fs-4"></i>
      <div class="flex-grow-1">
        <div class="fw-medium text-truncate">{{ file.original_name }}</div>
        <small class="text-muted">{{ (file.size / 1024)|round(1) }} KB · Trashed {{ file.trashed_at.strftime('%Y-%m-%d') if file.trashed_at else '' }}</small>
      </div>
      <button class="btn btn-sm btn-outline-success restore-btn" data-uuid="{{ file.uuid }}" data-type="file">Restore</button>
      <button class="btn btn-sm btn-outline-danger delete-perm-btn" data-uuid="{{ file.uuid }}" data-type="file">Delete</button>
    </div>
    {% endfor %}
    {% if not folders and not files %}
    <div class="list-group-item text-center text-muted py-5">Trash is empty</div>
    {% endif %}
  </div>
</div>
{% endblock %}
{% block content_mobile %}{{ self.content() }}{% endblock %}