{% extends "common/base.html" %}

{% block title %}Trash - DocuPulse{% endblock %}

{% block content %}
<div class="container-fluid py-4">
    <div class="card shadow-sm">
        <div class="card-header bg-white d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="fas fa-trash me-2" style="color:#16767b;"></i>Trash</h5>
            <button class="btn btn-danger btn-sm" onclick="showEmptyTrashModal()">
                <i class="fas fa-trash me-1"></i>Empty Trash
            </button>
        </div>
        <div class="card-body">
            {% include 'components/search_bar.html' %}
            <div id="fileGrid" class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4"></div>
            <div id="fileError" class="text-danger mt-2"></div>
        </div>
    </div>
</div>

{% include 'components/details_modal.html' %}
{% include 'components/permanent_delete_modal.html' %}
{% include 'components/empty_trash_modal.html' %}
{% endblock %}

{% block extra_js %}
<script src="{{ url_for('static', filename='js/file-grid.js') }}"></script>
{% endblock %}