{% 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 mb-4 flex-row items-center justify-between">
		<h1 class="text-2xl font-semibold text-gray-800">نسخه های پشتیبان</h1>
        <a href="{% url 'core:backup_database_fun' %}" class="btn btn-primary mb-2">تهیه بکاپ جدید</a>

	</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 backup in backups %}
				<tr class="hover:bg-gray-50 transition-colors duration-150">
					<td class="px-4 py-3 text-center text-gray-800 font-medium">{{ backup.name }}</td>
					<td class="px-4 py-3 text-center text-gray-700">{{ backup.created_at }}</td>
					<td class="px-4 py-3 text-center flex justify-center gap-2">
						<a href="{% url 'core:restore_database_fun' filename=backup.name %}">بازگردانی</a>
						<a href="{% url 'core:delete_backup_fun' filename=backup.name %}" class="button" style="color: red;" onclick="return confirm('آیا از حذف این بکاپ مطمئن هستید؟')">حذف</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 %}