@extends('admin.layout')
@section('title', 'Battles')
@section('subtitle', $battles->total() . ' total')

@section('content')
<div class="bg-white rounded-lg shadow-sm border border-slate-200 p-4 mb-4">
    <form method="GET" class="flex flex-wrap gap-3 items-end">
        <div>
            <label class="block text-xs text-slate-500 mb-1">Status</label>
            <select name="status" class="rounded-md border border-slate-300 px-3 py-2 text-sm">
                <option value="">All</option>
                @foreach (['in_progress', 'completed', 'abandoned'] as $s)
                    <option value="{{ $s }}" @selected(request('status') === $s)>{{ ucfirst(str_replace('_', ' ', $s)) }}</option>
                @endforeach
            </select>
        </div>
        <button class="bg-slate-900 text-white px-4 py-2 rounded-md text-sm">Filter</button>
    </form>
</div>

<div class="bg-white rounded-lg shadow-sm border border-slate-200 overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-slate-50 border-b text-xs uppercase text-slate-500">
            <tr>
                <th class="text-left px-4 py-3">Challenger</th>
                <th class="text-left px-4 py-3">Opponent</th>
                <th class="text-left px-4 py-3">Category</th>
                <th class="text-center px-4 py-3">Score</th>
                <th class="text-left px-4 py-3">Winner</th>
                <th class="text-left px-4 py-3">Status</th>
                <th class="text-left px-4 py-3">When</th>
                <th class="px-4 py-3"></th>
            </tr>
        </thead>
        <tbody class="divide-y">
            @forelse ($battles as $b)
                <tr class="hover:bg-slate-50">
                    <td class="px-4 py-3">{{ $b->challenger->battle_name ?? '—' }}</td>
                    <td class="px-4 py-3">
                        @if ($b->is_bot_match)
                            <span class="text-xs bg-slate-100 px-2 py-0.5 rounded">🤖 {{ $b->bot_name }}</span>
                        @else
                            {{ $b->opponent->battle_name ?? '—' }}
                        @endif
                    </td>
                    <td class="px-4 py-3">{{ $b->category->label ?? '—' }}</td>
                    <td class="px-4 py-3 text-center">{{ $b->challenger_score }} – {{ $b->opponent_score }}</td>
                    <td class="px-4 py-3">{{ $b->winner->battle_name ?? ($b->is_bot_match && ! $b->winner_id ? $b->bot_name : '—') }}</td>
                    <td class="px-4 py-3 text-xs">{{ ucfirst($b->status) }}</td>
                    <td class="px-4 py-3 text-xs text-slate-500">{{ $b->created_at->diffForHumans() }}</td>
                    <td class="px-4 py-3 text-right">
                        <a href="{{ route('admin.battles.show', $b) }}" class="text-blue-600 text-sm hover:underline">View</a>
                    </td>
                </tr>
            @empty
                <tr><td colspan="8" class="px-4 py-8 text-center text-slate-500">No battles.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="mt-4">{{ $battles->links() }}</div>
@endsection