@extends('layouts.admin')
@section('title', 'Enter Results')
@section('page-title', 'Enter Results — '.$tournament->title)

@section('content')
<div class="mb-4">
    <div class="bg-indigo-500/10 border border-indigo-500/30 rounded-xl p-4 text-sm text-indigo-300">
        <p class="font-semibold mb-1">Prize Structure</p>
        <div class="flex flex-wrap gap-4 text-xs">
            <span>🥇 1st: ৳{{ number_format($tournament->prize_1st) }}</span>
            <span>🥈 2nd: ৳{{ number_format($tournament->prize_2nd) }}</span>
            <span>🥉 3rd: ৳{{ number_format($tournament->prize_3rd) }}</span>
            <span>⚔️ Per Kill: ৳{{ number_format($tournament->per_kill_prize) }}</span>
        </div>
    </div>
</div>

<form method="POST" action="{{ route('admin.tournaments.results.process', $tournament) }}">
    @csrf
    <div class="card rounded-xl overflow-hidden mb-4">
        <div class="overflow-x-auto">
            <table class="w-full text-sm">
                <thead class="bg-slate-800/50">
                    <tr>
                        <th class="text-left px-4 py-3 text-slate-400 font-medium">#</th>
                        <th class="text-left px-4 py-3 text-slate-400 font-medium">Player</th>
                        <th class="text-left px-4 py-3 text-slate-400 font-medium">In-Game Name</th>
                        <th class="text-left px-4 py-3 text-slate-400 font-medium w-32">Kills</th>
                        <th class="text-left px-4 py-3 text-slate-400 font-medium w-32">Position</th>
                        <th class="text-left px-4 py-3 text-slate-400 font-medium">Estimated Prize</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-800" id="resultsTable">
                    @foreach($registrations as $i => $reg)
                    <tr>
                        <td class="px-4 py-3 text-slate-500">{{ $i + 1 }}</td>
                        <td class="px-4 py-3">
                            <input type="hidden" name="results[{{ $i }}][user_id]" value="{{ $reg->user_id }}">
                            <p class="text-white font-medium">{{ $reg->user->name ?? 'Deleted' }}</p>
                            <p class="text-slate-500 text-xs">{{ $reg->user->phone }}</p>
                        </td>
                        <td class="px-4 py-3 text-slate-300">{{ $reg->player_name }}</td>
                        <td class="px-4 py-3">
                            <input type="number" name="results[{{ $i }}][kills]" value="{{ $reg->kills }}" min="0"
                                class="w-24 bg-slate-900 border border-slate-700 rounded-lg px-3 py-1.5 text-white text-sm focus:outline-none focus:border-indigo-500 kill-input"
                                data-row="{{ $i }}" onchange="calcPrize({{ $i }})">
                        </td>
                        <td class="px-4 py-3">
                            <input type="number" name="results[{{ $i }}][position]" value="{{ $reg->position }}" min="1" placeholder="-"
                                class="w-24 bg-slate-900 border border-slate-700 rounded-lg px-3 py-1.5 text-white text-sm focus:outline-none focus:border-indigo-500 pos-input"
                                data-row="{{ $i }}" onchange="calcPrize({{ $i }})">
                        </td>
                        <td class="px-4 py-3 text-yellow-400 font-bold" id="prize-{{ $i }}">
                            ৳{{ number_format($reg->prize_won, 2) }}
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="flex gap-3">
        <button type="submit" class="btn-primary px-6 py-3 font-bold">
            ✅ Process Results & Distribute Prizes
        </button>
        <a href="{{ route('admin.tournaments.players', $tournament) }}" class="btn-secondary px-6 py-3">Cancel</a>
    </div>
</form>
@endsection

@push('scripts')
<script>
    const perKill = {{ $tournament->per_kill_prize }};
    const prizes = { 1: {{ $tournament->prize_1st }}, 2: {{ $tournament->prize_2nd }}, 3: {{ $tournament->prize_3rd }} };

    function calcPrize(row) {
        const kills = parseInt(document.querySelector(`.kill-input[data-row="${row}"]`).value) || 0;
        const pos = parseInt(document.querySelector(`.pos-input[data-row="${row}"]`).value) || 0;
        const prize = kills * perKill + (prizes[pos] || 0);
        document.getElementById('prize-' + row).textContent = '৳' + prize.toFixed(2);
    }
</script>
@endpush