@extends('admin.layout')

@section('title', 'نسخ احتياطي - ' . $tenant->id)
@section('header', 'إدارة النسخ الاحتياطي: ' . $tenant->id)

@section('content')
<div class="bg-white rounded-lg shadow overflow-hidden">
    <!-- Header & Actions -->
    <div class="p-6 border-b border-gray-200 flex justify-between items-center">
        <div>
            <h3 class="text-lg font-bold text-gray-700">النسخ الاحتياطية للمدرسة ({{ $tenant->id }})</h3>
            <p class="text-sm text-gray-500">تحكم كامل في قاعدة البيانات الخاصة بهذه المدرسة</p>
        </div>
        <div class="flex gap-2">
            <a href="{{ route('admin.tenants.index') }}" class="px-4 py-2 border rounded text-gray-600 hover:bg-gray-50">
                رجوع للقائمة
            </a>
            <form action="{{ route('admin.tenants.backups.store', $tenant->id) }}" method="POST">
                @csrf
                <button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 flex items-center gap-2 transition">
                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7v8a2 2 0 002 2h6M8 7V5a2 2 0 012-2h4.586a1 1 0 01.707.293l4.414 4.414a1 1 0 01.293.707V15a2 2 0 01-2 2h-2M8 7H6a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2v-2"></path></svg>
                    إنشاء نسخة جديدة
                </button>
            </form>
        </div>
    </div>
    
    <!-- Alerts -->
    @if(session('success'))
        <div class="bg-green-100 border-l-4 border-green-500 text-green-700 p-4 m-6" role="alert">
            <p class="font-bold">نجاح</p>
            <p>{{ session('success') }}</p>
        </div>
    @endif
    @if(session('error'))
        <div class="bg-red-100 border-l-4 border-red-500 text-red-700 p-4 m-6" role="alert">
            <p class="font-bold">خطأ</p>
            <p>{{ session('error') }}</p>
        </div>
    @endif

    <div class="overflow-x-auto">
        <table class="w-full text-right">
            <thead class="bg-gray-100 text-gray-600">
                <tr>
                    <th class="px-6 py-3">اسم الملف</th>
                    <th class="px-6 py-3">الحجم</th>
                    <th class="px-6 py-3">تاريخ الإنشاء</th>
                    <th class="px-6 py-3 text-center">إجراءات</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-200">
                @forelse($backups as $backup)
                <tr class="hover:bg-gray-50">
                    <td class="px-6 py-4 font-mono text-sm text-gray-700 dir-ltr text-left">
                        {{ $backup['filename'] }}
                    </td>
                    <td class="px-6 py-4 text-gray-600">
                        {{ $backup['size'] }}
                    </td>
                    <td class="px-6 py-4 text-gray-600">
                        {{ $backup['date'] }}
                    </td>
                    <td class="px-6 py-4 flex justify-center gap-2">
                        <!-- Download -->
                        <a href="{{ route('admin.tenants.backups.download', ['tenant' => $tenant->id, 'filename' => $backup['filename']]) }}" class="text-blue-600 hover:text-blue-800 p-2 bg-blue-50 rounded" title="تحميل">
                            ⬇️
                        </a>

                        <!-- Restore -->
                        <form action="{{ route('admin.tenants.backups.restore', ['tenant' => $tenant->id, 'filename' => $backup['filename']]) }}" method="POST" onsubmit="return confirm('⚠️ هل أنت متأكد تماماً؟\n\nهذا الإجراء سيقوم بحذف جميع البيانات الحالية واستبدالها بهذه النسخة الاحتياطية.\n\nلا يمكن التراجع عن هذا الإجراء!');">
                            @csrf
                            <button type="submit" class="text-yellow-600 hover:text-yellow-800 p-2 bg-yellow-50 rounded" title="استعادة">
                                🔄
                            </button>
                        </form>

                        <!-- Delete -->
                        <form action="{{ route('admin.tenants.backups.destroy', ['tenant' => $tenant->id, 'filename' => $backup['filename']]) }}" method="POST" onsubmit="return confirm('هل تريد حذف هذه النسخة الاحتياطية؟');">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="text-red-600 hover:text-red-800 p-2 bg-red-50 rounded" title="حذف">
                                🗑️
                            </button>
                        </form>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="4" class="px-6 py-8 text-center text-gray-500">
                        لا توجد نسخ احتياطية حالياً لهذا المشترك.
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection