{% extends "base.html" %}
{% block title %}Trash{% endblock %}

{% block content %}
<div class="page-header">
                <h1 class="page-title">Trash</h1>
                <p class="page-subtitle">Soft-deleted documents can be restored or removed permanently.</p>
            </div>

        <div class="card">
            {% if documents %}
                <div class="table-wrap">
                    <table>
                        <thead>
                            <tr>
                                <th>Document</th>
                                <th>Type</th>
                                <th>Review status</th>
                                <th>Trashed at</th>
                                <th>Current path</th>
                                <th>Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for doc in documents %}
                            <tr>
                                <td><a href="/documents/{{ doc.document_id }}">{{ doc.document_id }}</a></td>
                                <td>{{ doc.document_type }}</td>
                                <td><span class="badge trashed">{{ doc.review_status }}</span></td>
                                <td>{{ doc.trashed_at }}</td>
                                <td>{{ doc.current_path }}</td>
                                <td>
                                    <div class="button-row">
                                        <form method="post" action="/trash/{{ doc.document_id }}/restore">
                                            <button type="submit">Restore</button>
                                        </form>
                                        <form method="post" action="/trash/{{ doc.document_id }}/delete">
                                            <button class="danger" type="submit">Delete permanently</button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            {% else %}
                <p class="empty-state">Trash is empty.</p>
            {% endif %}
        </div>

{% endblock %}