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

@php
    $recentActivities = \App\Models\ActivityFeed::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();
@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-history text-indigo-500 dark:text-indigo-400 mr-2"></i>
            Son Aktiviteler
        </h3>
        @if(\Illuminate\Support\Facades\Route::has('activity-feeds.index'))
        <a href="{{ route('activity-feeds.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>
        @endif
    </div>
    
    <div class="space-y-3 flex-1 overflow-y-auto">
        @forelse($recentActivities as $activity)
        <div class="flex items-start gap-3 py-2 border-b border-gray-200 dark:border-gray-700 last:border-0">
            <div class="flex-shrink-0 w-8 h-8 rounded-full bg-indigo-100 dark:bg-indigo-900/30 flex items-center justify-center">
                <i class="fas fa-{{ $activity->type === 'created' ? 'plus' : ($activity->type === 'updated' ? 'edit' : 'info') }} text-xs text-indigo-600 dark:text-indigo-400"></i>
            </div>
            <div class="flex-1 min-w-0">
                <p class="text-sm text-gray-900 dark:text-gray-100 truncate">{{ $activity->description ?? $activity->type }}</p>
                <p class="text-xs text-gray-500 dark:text-gray-400">{{ $activity->created_at->diffForHumans() }}</p>
            </div>
        </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-history text-3xl mb-2"></i>
            <p class="text-sm">Henüz aktivite yok</p>
        </div>
        @endforelse
    </div>
</div>