{% extends "admin_base.html" %}
{% block admin_content %}
<div class="admin-toolbar">
<h2>Media trash</h2>
<span class="admin-count">{{ pagination.total }} soft-deleted</span>
</div>
<div class="media-grid">
{% for item in media %}
<div class="media-tile" data-media-tile="{{ item['uid'] }}">
{% if item.get('is_image') and item.get('thumbnail_url') %}
<img src="{{ item['thumbnail_url'] }}" alt="{{ item.get('original_filename', '') }}" loading="lazy" class="gallery-thumb" data-lightbox data-full="{{ item['url'] }}">
{% elif item.get('is_image') %}
<img src="{{ item['url'] }}" alt="{{ item.get('original_filename', '') }}" loading="lazy" class="gallery-thumb" data-lightbox data-full="{{ item['url'] }}">
{% elif item.get('is_video') %}
<video src="{{ item['url'] }}" controls preload="metadata" class="gallery-video"></video>
{% else %}
<a href="{{ item['url'] }}" target="_blank" rel="noopener" class="non-image" download="{{ item.get('original_filename', 'file') }}">
<span class="icon">{{ file_icon_emoji(item.get('original_filename', 'file')) }}</span>
<span class="name">{{ item.get('original_filename', 'file') }}</span>
<span class="size">{{ format_file_size(item.get('file_size', 0)) }}</span>
</a>
{% endif %}
<div class="media-tile-meta">
<a href="/profile/{{ item['uploader'] }}" class="media-uploader">{{ item['uploader'] }}</a>
<span class="media-deleted-at">{{ format_date(item['deleted_at']) }}</span>
</div>
<div class="media-tile-actions">
<form method="POST" action="/media/{{ item['uid'] }}/restore" class="admin-inline-form">
<button type="submit" class="admin-btn admin-btn-sm"><span class="icon">&#x267B;&#xFE0F;</span> Restore</button>
</form>
<form method="POST" action="/admin/media/{{ item['uid'] }}/purge" class="admin-inline-form">
<button type="submit" class="admin-btn admin-btn-sm" data-confirm-danger data-confirm="Permanently delete this media? This cannot be undone."><span class="icon">&#x1F5D1;&#xFE0F;</span> Purge</button>
</form>
</div>
</div>
{% else %}
<div class="empty-state">Trash is empty.</div>
{% endfor %}
</div>
{% include "_pagination.html" %}
{% endblock %}