@extends('layouts.admin')
@section('title', 'Tournaments')
@section('page-title', 'Tournament Management')

@section('content')
{{-- Filters + Create --}}
<form method="GET" action="{{ route('admin.tournaments.index') }}" class="flex gap-3 mb-6 flex-wrap items-center">
    <select name="game_id" class="bg-slate-800 border border-slate-700 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:border-indigo-500" onchange="this.form.submit()">
        <option value="">All Games</option>
        @foreach($games as $game)
        <option value="{{ $game->id }}" {{ request('game_id') == $game->id ? 'selected' : '' }}>{{ $game->name }}</option>
        @endforeach
    </select>
    <select name="status" class="bg-slate-800 border border-slate-700 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:border-indigo-500" onchange="this.form.submit()">
        <option value="">All Status</option>
        @foreach(['upcoming','ongoing','result','cancelled'] as $s)
        <option value="{{ $s }}" {{ request('status') === $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
        @endforeach
    </select>
    <input type="date" name="date_from" value="{{ request('date_from') }}" class="bg-slate-800 border border-slate-700 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:border-indigo-500">
    <input type="date" name="date_to" value="{{ request('date_to') }}" class="bg-slate-800 border border-slate-700 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:border-indigo-500">
    <button type="submit" class="btn-secondary text-sm px-4 py-2">Filter</button>
    <a href="{{ route('admin.tournaments.create') }}" class="btn-primary text-sm px-4 py-2 ml-auto">+ New Tournament</a>
</form>

<div class="card rounded-xl overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full text-sm" id="tournamentsTable">
            <thead class="bg-slate-800/50">
                <tr>
                    <th class="text-left px-4 py-3 text-slate-400 font-medium">Tournament</th>
                    <th class="text-left px-4 py-3 text-slate-400 font-medium">Game</th>
                    <th class="text-left px-4 py-3 text-slate-400 font-medium">Players</th>
                    <th class="text-left px-4 py-3 text-slate-400 font-medium">Prize</th>
                    <th class="text-left px-4 py-3 text-slate-400 font-medium">Scheduled</th>
                    <th class="text-left px-4 py-3 text-slate-400 font-medium">Status</th>
                    <th class="text-left px-4 py-3 text-slate-400 font-medium">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-800">
                @forelse($tournaments as $tournament)
                <tr class="hover:bg-white/[0.02] transition">
                    <td class="px-4 py-3">
                        <div class="flex items-center gap-3">
                            <img src="{{ $tournament->banner_url }}" class="w-12 h-8 rounded object-cover flex-shrink-0" alt="">
                            <div>
                                <p class="text-white font-medium">{{ $tournament->title }}</p>
                                <p class="text-slate-500 text-xs uppercase">{{ $tournament->match_type }}</p>
                            </div>
                        </div>
                    </td>
                    <td class="px-4 py-3 text-slate-300">{{ $tournament->game->name }}</td>
                    <td class="px-4 py-3">
                        <span class="text-white">{{ $tournament->registered_players }}</span><span class="text-slate-500">/{{ $tournament->max_players }}</span>
                    </td>
                    <td class="px-4 py-3 text-green-400 font-bold">৳{{ number_format($tournament->total_prize) }}</td>
                    <td class="px-4 py-3 text-slate-400 text-xs">{{ $tournament->scheduled_at->format('d M Y\ng:ia') }}</td>
                    <td class="px-4 py-3">
                        <span class="badge {{ match($tournament->status) { 'upcoming' => 'badge-info', 'ongoing' => 'badge-success', 'result' => 'badge-secondary', 'cancelled' => 'badge-danger', default => 'badge-secondary' } }}">
                            {{ ucfirst($tournament->status) }}
                        </span>
                    </td>
                    <td class="px-4 py-3">
                        <div class="flex items-center gap-1.5 flex-wrap">
                            <a href="{{ route('admin.tournaments.players', $tournament) }}" class="text-xs bg-blue-600/20 text-blue-400 hover:bg-blue-600/40 px-2 py-1 rounded-lg transition">Players</a>
                            @if($tournament->status === 'ongoing' || $tournament->status === 'result')
                            <a href="{{ route('admin.tournaments.results', $tournament) }}" class="text-xs bg-purple-600/20 text-purple-400 hover:bg-purple-600/40 px-2 py-1 rounded-lg transition">Results</a>
                            @endif
                            <a href="{{ route('admin.tournaments.edit', $tournament) }}" class="text-xs bg-indigo-600/20 text-indigo-400 hover:bg-indigo-600/40 px-2 py-1 rounded-lg transition">Edit</a>
                            <a href="{{ route('admin.tournaments.export', $tournament) }}" class="text-xs bg-green-600/20 text-green-400 hover:bg-green-600/40 px-2 py-1 rounded-lg transition">CSV</a>
                            <form method="POST" action="{{ route('admin.tournaments.destroy', $tournament) }}" class="inline">
                                @csrf @method('DELETE')
                                <button type="button" data-confirm="Delete this tournament?" class="text-xs bg-red-600/20 text-red-400 hover:bg-red-600/40 px-2 py-1 rounded-lg transition">Del</button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" class="px-4 py-10 text-center text-slate-500">No tournaments found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
<div class="mt-4">{{ $tournaments->withQueryString()->links() }}</div>
@endsection