@extends('layouts.app')

@section('title', 'Rankings')

@section('content')
<div class="max-w-5xl mx-auto px-4 py-16">
    <h1 class="font-display text-4xl font-bold text-gold-300 mb-10 text-center">Server Rankings</h1>

    @if ($available && $players->isNotEmpty())
        <div class="rounded-lg border border-white/5 bg-ink-800 overflow-hidden">
            <table class="w-full text-sm">
                <thead class="bg-ink-700">
                    <tr class="text-left text-gray-400 text-xs uppercase">
                        <th class="px-4 py-3">#</th>
                        <th class="px-4 py-3">Character</th>
                        <th class="px-4 py-3">Class</th>
                        <th class="px-4 py-3 text-right">Level</th>
                        <th class="px-4 py-3">Guild</th>
                        <th class="px-4 py-3 text-right">Rebirth</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($players as $i => $player)
                        <tr class="border-t border-white/5 hover:bg-white/[0.02]">
                            <td class="px-4 py-3 text-gray-500">{{ $players->firstItem() + $i }}</td>
                            <td class="px-4 py-3 text-gray-100 font-medium">{{ $player->name }}</td>
                            <td class="px-4 py-3 text-gray-400">{{ \App\Support\ConquerClass::name((int) $player->class) }}</td>
                            <td class="px-4 py-3 text-right text-gold-400 font-semibold">{{ $player->level }}</td>
                            <td class="px-4 py-3 text-gray-400">{{ $player->guild ?: '-' }}</td>
                            <td class="px-4 py-3 text-right text-gray-400">{{ $player->rebirth }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="mt-8">
            {{ $players->links() }}
        </div>
    @else
        <div class="rounded-lg border border-dashed border-white/10 p-12 text-center text-gray-500">
            No rankings yet.
        </div>
    @endif
</div>
@endsection