{% extends 'core/base/base.html' %}
{% load static %}
{% load form_tags %}
{% load jalali_tags %}

{% block content %}
<div class="panel mt-6 p-6 bg-white shadow-lg rounded-lg">
	<div class="flex items-center justify-between mb-4">
		<h1 class="text-2xl font-semibold text-gray-800">رکوردهای سطل زباله</h1>
	</div>
	<div class="overflow-x-auto">
		<table class="min-w-full divide-y divide-gray-200 border border-gray-200">
			<thead class="bg-gray-100">
				<tr>
					<th class="px-4 py-2 text-center text-sm font-medium text-gray-700 uppercase tracking-wider">مدل</th>
					<th class="px-4 py-2 text-center text-sm font-medium text-gray-700 uppercase tracking-wider">رکورد</th>
					<th class="px-4 py-2 text-center text-sm font-medium text-gray-700 uppercase tracking-wider">عملیات</th>
				</tr>
			</thead>
			<tbody class="bg-white divide-y divide-gray-200">
				{% for item in trashed_records %}
				<tr class="hover:bg-gray-50 transition-colors duration-150">
					<td class="px-4 py-3 text-center text-gray-800 font-medium">اپ {{ item.app_verbose }} - مدل {{ item.model_verbose }}</td>
					<td class="px-4 py-3 text-center text-gray-700">{{ item.display }}</td>
					<td class="px-4 py-3 text-center flex justify-center gap-2">
						<a href="{% url 'core:trashed_record_detail_view' item.app_label item.model_name item.id %}" class="btn btn-info flex items-center gap-1 px-3 py-1 rounded hover:bg-blue-600 transition-colors">
							<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
								<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 10l4.553-2.276a1 1 0 011.447.894v6.764a1 1 0 01-1.447.894L15 14M4 6h16v12H4V6z" />
							</svg>
							مشاهده
						</a>
					</td>
				</tr>
				{% empty %}
				<tr>
					<td colspan="3" class="px-4 py-6 text-center text-gray-500">رکوردی در سطل زباله وجود ندارد</td>
				</tr>
				{% endfor %}
				</tbody>

		</table>
	</div>
</div>
{% endblock %}