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

@php
    $pluginUpdates = $pluginUpdates ?? ['total' => 0, 'critical' => 0, 'updates' => collect()];
    // updates'i collection'a çevir
    if (isset($pluginUpdates['updates'])) {
        if (!($pluginUpdates['updates'] instanceof \Illuminate\Support\Collection)) {
            $pluginUpdates['updates'] = collect($pluginUpdates['updates']);
        }
    } else {
        $pluginUpdates['updates'] = collect();
    }
@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-plug text-amber-500 dark:text-amber-400 mr-2"></i>
            Plugin Güncellemeleri
        </h3>
        @if(isset($pluginUpdates['total']) && $pluginUpdates['total'] > 0)
        <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-amber-100 dark:bg-amber-900/30 text-amber-800 dark:text-amber-300">
            {{ $pluginUpdates['total'] }}
        </span>
        @endif
    </div>
    
    @if(isset($pluginUpdates['updates']) && $pluginUpdates['updates']->count() > 0)
    <div class="space-y-2 flex-1 overflow-y-auto">
        @if(isset($pluginUpdates['critical']) && $pluginUpdates['critical'] > 0)
        <div class="p-2 bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-800 rounded-lg">
            <p class="text-xs font-semibold text-red-800 dark:text-red-300">
                <i class="fas fa-exclamation-triangle mr-1"></i>
                {{ $pluginUpdates['critical'] }} Kritik Güncelleme
            </p>
        </div>
        @endif
        
        <div class="space-y-2">
            @foreach($pluginUpdates['updates']->take(5) as $update)
            <div class="p-2 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition">
                <div class="flex items-center justify-between">
                    <div class="flex-1 min-w-0">
                        <p class="text-sm font-medium text-gray-900 dark:text-gray-100 truncate">
                            {{ $update->plugin_name ?? 'Plugin' }}
                        </p>
                        @if($update->site)
                        <p class="text-xs text-gray-500 dark:text-gray-400 truncate">{{ $update->site->name ?? '' }}</p>
                        @endif
                    </div>
                    @if(isset($update->is_critical) && $update->is_critical)
                    <span class="ml-2 inline-flex items-center px-1.5 py-0.5 rounded text-xs font-medium bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300">
                        Kritik
                    </span>
                    @endif
                </div>
            </div>
            @endforeach
        </div>
    </div>
    @else
    <div class="text-center py-8 text-gray-500 dark:text-gray-400 flex-1 flex flex-col items-center justify-center">
        <i class="fas fa-check-circle text-3xl mb-2 text-green-500 dark:text-green-400"></i>
        <p class="text-sm">Bekleyen plugin güncellemesi yok</p>
    </div>
    @endif
</div>