@extends('layouts.app')

@section('title', 'الإعدادات العامة')
@section('page_title', 'الإعدادات والنسخ الاحتياطي')

@section('content')
<div class="space-y-8">
    <!-- Company Settings & Backup actions -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <!-- Settings Form -->
        <div class="bg-white dark:bg-slate-800 rounded-3xl p-6 border border-slate-100 dark:border-slate-700/60 shadow-sm space-y-6">
            <h3 class="font-extrabold text-sm text-slate-800 dark:text-white"><i class="fa-solid fa-hotel text-primary-500 ml-2"></i>الإعدادات العامة للشركة</h3>
            
            <form action="{{ route('settings.update') }}" method="POST" class="space-y-4">
                @csrf
                <div>
                    <label class="block text-xs font-bold text-slate-500 dark:text-slate-400 mb-2">اسم المنشأة / الشركة</label>
                    <input type="text" name="name" required value="{{ $tenant->name }}"
                           class="w-full px-4 py-2.5 bg-slate-50 dark:bg-slate-700/50 border border-slate-200 dark:border-slate-600 rounded-2xl text-xs focus:ring-1 focus:ring-primary-500 outline-none text-slate-800 dark:text-white">
                </div>

                <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                    <div>
                        <label class="block text-xs font-bold text-slate-500 dark:text-slate-400 mb-2">الرقم الضريبي (VAT)</label>
                        <input type="text" name="tax_number" value="{{ $tenant->tax_number }}"
                               class="w-full px-4 py-2.5 bg-slate-50 dark:bg-slate-700/50 border border-slate-200 dark:border-slate-600 rounded-2xl text-xs focus:ring-1 focus:ring-primary-500 outline-none text-slate-800 dark:text-white">
                    </div>
                    <div>
                        <label class="block text-xs font-bold text-slate-500 dark:text-slate-400 mb-2">العملة الافتراضية</label>
                        <input type="text" name="currency" required value="{{ $tenant->currency }}"
                               class="w-full px-4 py-2.5 bg-slate-50 dark:bg-slate-700/50 border border-slate-200 dark:border-slate-600 rounded-2xl text-xs focus:ring-1 focus:ring-primary-500 outline-none text-slate-800 dark:text-white">
                    </div>
                </div>

                <div>
                    <label class="block text-xs font-bold text-slate-500 dark:text-slate-400 mb-2">بادئة الفواتير</label>
                    <input type="text" name="invoice_prefix" required value="{{ $tenant->invoice_prefix }}"
                           class="w-full px-4 py-2.5 bg-slate-50 dark:bg-slate-700/50 border border-slate-200 dark:border-slate-600 rounded-2xl text-xs focus:ring-1 focus:ring-primary-500 outline-none text-slate-800 dark:text-white">
                </div>

                <div class="pt-4 flex items-center justify-end">
                    <button type="submit" class="px-5 py-3 bg-primary-600 hover:bg-primary-500 text-white rounded-2xl text-xs font-bold transition-all">
                        حفظ التعديلات العامة
                    </button>
                </div>
            </form>
        </div>

        <!-- Database Backups list and Restore operations -->
        <div class="bg-white dark:bg-slate-800 rounded-3xl p-6 border border-slate-100 dark:border-slate-700/60 shadow-sm space-y-6">
            <div class="flex items-center justify-between">
                <h3 class="font-extrabold text-sm text-slate-800 dark:text-white"><i class="fa-solid fa-database text-secondary-500 ml-2"></i>النسخ الاحتياطي واستعادة البيانات</h3>
                <form action="{{ route('settings.backup') }}" method="POST" class="m-0">
                    @csrf
                    <button type="submit" class="px-4 py-2 bg-secondary-500 hover:bg-secondary-600 text-white rounded-xl text-xs font-bold transition-all">
                        <i class="fa-solid fa-cloud-arrow-up ml-1.5"></i> أخذ نسخة احتياطية جديدة
                    </button>
                </form>
            </div>

            <!-- List of backup files -->
            <div class="overflow-x-auto rounded-2xl border border-slate-100 dark:border-slate-700/40">
                <table class="w-full text-right text-xs">
                    <thead class="bg-slate-50 dark:bg-slate-700/50 text-slate-500 dark:text-slate-400 font-bold border-b border-slate-100 dark:border-slate-700/40">
                        <tr>
                            <th class="p-3">اسم الملف</th>
                            <th class="p-3">الحجم</th>
                            <th class="p-3">تاريخ النسخ</th>
                            <th class="p-3 text-center">إجراء</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-slate-100 dark:divide-slate-700/40 text-slate-700 dark:text-slate-200 font-medium">
                        @forelse($backups as $bkp)
                            <tr>
                                <td class="p-3 font-mono text-[10px]">{{ $bkp['filename'] }}</td>
                                <td class="p-3 font-mono">{{ $bkp['size'] }}</td>
                                <td class="p-3 text-slate-400 font-mono">{{ $bkp['date'] }}</td>
                                <td class="p-3 text-center">
                                    <form action="{{ route('settings.restore') }}" method="POST" class="m-0 inline-block">
                                        @csrf
                                        <input type="hidden" name="filename" value="{{ $bkp['filename'] }}">
                                        <button type="submit" onclick="return confirm('تنبيه هام جداً: سيؤدي استعادة قاعدة البيانات إلى استبدال البيانات الحالية بالكامل بالنسخة الاحتياطية المحددة. هل تود الاستمرار؟')"
                                                class="text-secondary-500 hover:text-secondary-600 font-bold hover:underline">
                                            <i class="fa-solid fa-rotate-left mr-1"></i> استعادة
                                        </button>
                                    </form>
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="p-6 text-center text-slate-400">لا توجد نسخ احتياطية مسجلة.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Audit Logs Section -->
    <div class="bg-white dark:bg-slate-800 rounded-3xl p-6 border border-slate-100 dark:border-slate-700/60 shadow-sm space-y-6">
        <div>
            <h3 class="font-extrabold text-sm text-slate-800 dark:text-white"><i class="fa-solid fa-list-check text-primary-500 ml-2"></i>سجل العمليات والتدقيق الإداري والمالي</h3>
            <p class="text-xs text-slate-400 mt-1">تسجيل آلي لجميع عمليات إضافة المستندات، تعديل الإعدادات، واستدعاء القيود العكسية لأغراض الرقابة الداخلية</p>
        </div>

        <div class="overflow-x-auto rounded-2xl border border-slate-100 dark:border-slate-700/40">
            <table class="w-full text-right text-xs">
                <thead class="bg-slate-50 dark:bg-slate-700/50 text-slate-500 dark:text-slate-400 font-bold border-b border-slate-100 dark:border-slate-700/40">
                    <tr>
                        <th class="p-3.5 w-1/4">الوقت والتاريخ</th>
                        <th class="p-3.5 w-1/5">المستخدم</th>
                        <th class="p-3.5 w-2/5">الحركة المسجلة</th>
                        <th class="p-3.5 w-1/6 text-left">عنوان IP</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100 dark:divide-slate-700/40 text-slate-700 dark:text-slate-200">
                    @forelse($logs as $log)
                        <tr class="hover:bg-slate-50/50 dark:hover:bg-slate-700/20">
                            <td class="p-3.5 font-mono text-slate-400">{{ $log->created_at->format('Y-m-d H:i:s') }}</td>
                            <td class="p-3.5 font-semibold">{{ $log->user->name ?? 'غير معروف بالنظام' }}</td>
                            <td class="p-3.5 font-medium">{{ $log->action }}</td>
                            <td class="p-3.5 text-left font-mono text-slate-400">{{ $log->ip_address }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4" class="p-8 text-center text-slate-400">سجل التدقيق فارغ.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <!-- Pagination -->
        <div>
            {{ $logs->links() }}
        </div>
    </div>
</div>
@endsection