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

<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-clock text-green-500 dark:text-green-400 mr-2"></i>
            Son Siteler
        </h3>
        <a href="{{ route('sites.index') }}" class="text-sm text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300">
            Tümünü Gör →
        </a>
    </div>
    <div class="space-y-3 flex-1 overflow-y-auto">
        @forelse(($sites ?? collect())->take(5) as $site)
        <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">
                <a href="{{ route('sites.show', $site) }}" class="text-sm font-medium text-gray-900 dark:text-gray-100 hover:text-indigo-600 dark:hover:text-indigo-400 truncate block">
                    {{ $site->name }}
                </a>
                <p class="text-xs text-gray-500 dark:text-gray-400 truncate">{{ $site->url }}</p>
            </div>
            <span class="px-2 py-1 text-xs rounded-full bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300 ml-2 flex-shrink-0">
                {{ $site->status }}
            </span>
        </div>
        @empty
        <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-globe text-3xl mb-2"></i>
            <p class="text-sm">Henüz site yok</p>
        </div>
        @endforelse
    </div>
</div>