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

@php
use App\Models\User;
use App\Domain\Developers\Services\DeveloperPerformanceService;

$performanceService = app(DeveloperPerformanceService::class);
$developers = User::where(function($q) {
    $q->where('role', 'developer')
      ->orWhereHas('roles', function($roleQuery) {
          $roleQuery->where('slug', 'developer');
      });
})->get();

$topDevelopers = collect();
foreach ($developers as $developer) {
    $performance = $performanceService->getCurrentPerformance($developer);
    if ($performance) {
        $topDevelopers->push([
            'developer' => $developer,
            'performance' => $performance,
        ]);
    }
}

$topDevelopers = $topDevelopers->sortByDesc(function($item) {
    return $item['performance']->performance_score;
})->take(5);
@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-code text-indigo-500 dark:text-indigo-400 mr-2"></i>
            Developer Performans
        </h3>
        @if(\Illuminate\Support\Facades\Route::has('developers.index'))
        <a href="{{ route('developers.index') }}" class="text-xs text-indigo-600 dark:text-indigo-400 hover:text-indigo-800 dark:hover:text-indigo-300">
            Tümünü Gör
        </a>
        @endif
    </div>
    
    @if($topDevelopers->count() > 0)
    <div class="space-y-3 flex-1 overflow-y-auto">
        @foreach($topDevelopers as $item)
        @php
            $developer = $item['developer'];
            $performance = $item['performance'];
        @endphp
        <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-700 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors">
            <div class="flex-1">
                <div class="flex items-center gap-2 mb-1">
                    <div class="h-8 w-8 rounded-full bg-indigo-100 dark:bg-indigo-900/30 flex items-center justify-center">
                        <span class="text-indigo-600 dark:text-indigo-400 font-semibold text-xs">
                            {{ strtoupper(substr($developer->name, 0, 1)) }}
                        </span>
                    </div>
                    <div>
                        <div class="text-sm font-medium text-gray-900 dark:text-gray-100">{{ $developer->name }}</div>
                        <div class="text-xs text-gray-500 dark:text-gray-400">{{ $performance->total_sites }} site</div>
                    </div>
                </div>
            </div>
            <div class="text-right">
                <div class="text-lg font-semibold {{ $performance->performance_score >= 75 ? 'text-green-600 dark:text-green-400' : ($performance->performance_score >= 50 ? 'text-yellow-600 dark:text-yellow-400' : 'text-red-600 dark:text-red-400') }}">
                    {{ number_format($performance->performance_score, 1) }}
                </div>
                <div class="w-16 bg-gray-200 dark:bg-gray-600 rounded-full h-1.5 mt-1">
                    <div class="h-1.5 rounded-full {{ $performance->performance_score >= 75 ? 'bg-green-600 dark:bg-green-400' : ($performance->performance_score >= 50 ? 'bg-yellow-600 dark:bg-yellow-400' : 'bg-red-600 dark:bg-red-400') }}" 
                         style="width: {{ min($performance->performance_score, 100) }}%"></div>
                </div>
            </div>
        </div>
        @endforeach
    </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-code text-3xl mb-2"></i>
        <p class="text-sm">Developer performans verisi yok</p>
    </div>
    @endif
</div>