@props(['settings' => [], 'sites' => collect(), 'totalSites' => 0, 'user' => null, 'stats' => []])

@php
    $recentBackups = \App\Models\Backup::with('site')
        ->latest()
        ->when($user && !$user->isAdmin(), function($query) use ($user) {
            $siteIds = \App\Models\Site::where('assigned_to', $user->id)->pluck('id');
            $query->whereIn('site_id', $siteIds);
        })
        ->take(5)
        ->get();
    
    $successfulBackups = $recentBackups->where('status', 'completed')->count();
    $failedBackups = $recentBackups->where('status', 'failed')->count();
@endphp

<div class="bg-white dark:bg-gray-800 rounded-lg shadow p-6 h-full flex flex-col">
    <div class="flex items-center justify-between mb-4">
        <h3 class="text-lg font-semibold text-gray-900 dark:text-gray-100">
            <i class="fas fa-database text-teal-500 dark:text-teal-400 mr-2"></i>
            Backup Durumu
        </h3>
    </div>
    
    <div class="grid grid-cols-2 gap-4 mb-4">
        <div>
            <p class="text-sm text-gray-500 dark:text-gray-400">Başarılı</p>
            <p class="text-2xl font-bold text-green-600 dark:text-green-400">{{ $successfulBackups }}</p>
        </div>
        <div>
            <p class="text-sm text-gray-500 dark:text-gray-400">Başarısız</p>
            <p class="text-2xl font-bold text-red-600 dark:text-red-400">{{ $failedBackups }}</p>
        </div>
    </div>
    
    <div class="space-y-2 flex-1 overflow-y-auto">
        <p class="text-xs font-semibold text-gray-700 dark:text-gray-300 mb-2">Son Backup'lar</p>
        @forelse($recentBackups as $backup)
        <div class="flex items-center justify-between py-2 border-b border-gray-200 dark:border-gray-700 last:border-0">
            <div class="flex-1 min-w-0">
                <p class="text-xs font-medium text-gray-900 dark:text-gray-100 truncate">{{ $backup->site?->name ?? 'N/A' }}</p>
                <p class="text-xs text-gray-500 dark:text-gray-400">{{ $backup->created_at?->diffForHumans() ?? '-' }}</p>
            </div>
            <span class="px-2 py-1 text-xs rounded-full {{ $backup->status === 'completed' ? 'bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300' : ($backup->status === 'failed' ? 'bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300' : 'bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-300') }}">
                {{ $backup->status === 'completed' ? 'Başarılı' : ($backup->status === 'failed' ? 'Başarısız' : ucfirst($backup->status ?? 'Bilinmiyor')) }}
            </span>
        </div>
        @empty
        <div class="text-center py-4 text-gray-500 dark:text-gray-400">
            <i class="fas fa-database text-2xl mb-2"></i>
            <p class="text-xs">Henüz backup kaydı yok</p>
        </div>
        @endforelse
    </div>
</div>