@extends('layouts.admin')
@section('title', isset($tournament) ? 'Edit Tournament' : 'Create Tournament')
@section('page-title', isset($tournament) ? 'Edit Tournament' : 'Create Tournament')

@section('content')
<div class="max-w-4xl">
<form method="POST" action="{{ isset($tournament) ? route('admin.tournaments.update', $tournament) : route('admin.tournaments.store') }}"
      enctype="multipart/form-data" class="space-y-6">
    @csrf
    @if(isset($tournament)) @method('PUT') @endif

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        {{-- Left Column - Main Info --}}
        <div class="lg:col-span-2 space-y-5">
            <div class="card p-5 rounded-xl">
                <h3 class="text-white font-bold mb-4">Tournament Details</h3>

                <div class="grid grid-cols-2 gap-4">
                    <div class="col-span-2">
                        <label class="text-slate-400 text-sm mb-1.5 block">Tournament Title *</label>
                        <input type="text" name="title" value="{{ old('title', $tournament->title ?? '') }}" required
                            class="w-full" placeholder="e.g. Free Fire Friday Clash">
                        @error('title')<p class="text-red-400 text-xs mt-1">{{ $message }}</p>@enderror
                    </div>

                    <div>
                        <label class="text-slate-400 text-sm mb-1.5 block">Game *</label>
                        <select name="game_id" required class="w-full">
                            <option value="">Select Game</option>
                            @foreach($games as $game)
                            <option value="{{ $game->id }}" {{ old('game_id', $tournament->game_id ?? '') == $game->id ? 'selected' : '' }}>{{ $game->name }}</option>
                            @endforeach
                        </select>
                        @error('game_id')<p class="text-red-400 text-xs mt-1">{{ $message }}</p>@enderror
                    </div>

                    <div>
                        <label class="text-slate-400 text-sm mb-1.5 block">Match Type *</label>
                        <select name="match_type" required class="w-full">
                            @foreach(['solo', 'duo', 'squad'] as $type)
                            <option value="{{ $type }}" {{ old('match_type', $tournament->match_type ?? 'solo') === $type ? 'selected' : '' }}>{{ ucfirst($type) }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div>
                        <label class="text-slate-400 text-sm mb-1.5 block">Map</label>
                        <input type="text" name="map" value="{{ old('map', $tournament->map ?? '') }}" placeholder="e.g. Bermuda" class="w-full">
                    </div>

                    <div>
                        <label class="text-slate-400 text-sm mb-1.5 block">Version</label>
                        <input type="text" name="version" value="{{ old('version', $tournament->version ?? '') }}" placeholder="e.g. OB42" class="w-full">
                    </div>

                    <div>
                        <label class="text-slate-400 text-sm mb-1.5 block">Max Players *</label>
                        <input type="number" name="max_players" value="{{ old('max_players', $tournament->max_players ?? 50) }}" min="2" required class="w-full">
                    </div>

                    <div>
                        <label class="text-slate-400 text-sm mb-1.5 block">Scheduled At *</label>
                        <input type="text" name="scheduled_at" value="{{ old('scheduled_at', isset($tournament) ? $tournament->scheduled_at->format('Y-m-d H:i') : '') }}"
                            class="w-full datepicker" placeholder="Select date & time" required>
                        @error('scheduled_at')<p class="text-red-400 text-xs mt-1">{{ $message }}</p>@enderror
                    </div>

                    @if(isset($tournament))
                    <div>
                        <label class="text-slate-400 text-sm mb-1.5 block">Status</label>
                        <select name="status" class="w-full">
                            @foreach(['upcoming', 'ongoing', 'result', 'cancelled'] as $s)
                            <option value="{{ $s }}" {{ $tournament->status === $s ? 'selected' : '' }}>{{ ucfirst($s) }}</option>
                            @endforeach
                        </select>
                    </div>
                    @endif

                    <div class="col-span-2">
                        <label class="text-slate-400 text-sm mb-1.5 block">Description</label>
                        <textarea name="description" rows="3" placeholder="Tournament description..." class="w-full resize-none">{{ old('description', $tournament->description ?? '') }}</textarea>
                    </div>

                    <div class="col-span-2">
                        <label class="text-slate-400 text-sm mb-1.5 block">Rules</label>
                        <textarea name="rules" rows="5" placeholder="1. No cheating&#10;2. Room ID shared 10 min before match&#10;..." class="w-full resize-none">{{ old('rules', $tournament->rules ?? '') }}</textarea>
                    </div>
                </div>
            </div>

            {{-- Room Details (edit only) --}}
            @if(isset($tournament))
            <div class="card p-5 rounded-xl">
                <h3 class="text-white font-bold mb-4">Room Details</h3>
                <div class="grid grid-cols-2 gap-4">
                    <div>
                        <label class="text-slate-400 text-sm mb-1.5 block">Room ID</label>
                        <input type="text" name="room_id" value="{{ old('room_id', $tournament->room_id) }}" placeholder="Enter room ID" class="w-full font-mono">
                    </div>
                    <div>
                        <label class="text-slate-400 text-sm mb-1.5 block">Room Password</label>
                        <input type="text" name="room_password" value="{{ old('room_password', $tournament->room_password) }}" placeholder="Enter password" class="w-full font-mono">
                    </div>
                </div>
            </div>
            @endif
        </div>

        {{-- Right Column - Prize & Banner --}}
        <div class="space-y-5">
            <div class="card p-5 rounded-xl">
                <h3 class="text-white font-bold mb-4">Prize Distribution</h3>
                <div class="space-y-3">
                    @foreach(['entry_fee' => 'Entry Fee', 'total_prize' => 'Total Prize Pool', 'prize_1st' => '🥇 1st Place', 'prize_2nd' => '🥈 2nd Place', 'prize_3rd' => '🥉 3rd Place', 'per_kill_prize' => '⚔️ Per Kill Prize'] as $field => $label)
                    <div>
                        <label class="text-slate-400 text-xs mb-1 block">{{ $label }}</label>
                        <input type="number" name="{{ $field }}" value="{{ old($field, $tournament->$field ?? 0) }}"
                            step="0.01" min="0" class="w-full text-sm" required>
                        @error($field)<p class="text-red-400 text-xs mt-0.5">{{ $message }}</p>@enderror
                    </div>
                    @endforeach
                </div>
            </div>

            <div class="card p-5 rounded-xl">
                <h3 class="text-white font-bold mb-4">Banner Image</h3>
                @if(isset($tournament) && $tournament->banner_image)
                <img src="{{ $tournament->banner_url }}" id="banner-preview" class="w-full h-32 object-cover rounded-xl mb-3">
                @else
                <img id="banner-preview" src="" class="w-full h-32 object-cover rounded-xl mb-3 hidden bg-slate-700">
                @endif
                <label class="flex flex-col items-center justify-center w-full h-24 bg-slate-900 border-2 border-dashed border-slate-600 rounded-xl cursor-pointer hover:border-indigo-500 transition">
                    <svg class="w-8 h-8 text-slate-500 mb-1" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
                    <span class="text-slate-400 text-xs">Click to upload (800×400px)</span>
                    <input type="file" name="banner_image" accept="image/*" class="hidden" data-preview="banner-preview">
                </label>
                @error('banner_image')<p class="text-red-400 text-xs mt-1">{{ $message }}</p>@enderror
            </div>

            <div class="flex gap-3">
                <button type="submit" class="flex-1 btn-primary py-3 text-sm font-bold">
                    {{ isset($tournament) ? 'Update Tournament' : 'Create Tournament' }}
                </button>
                <a href="{{ route('admin.tournaments.index') }}" class="flex-1 btn-secondary py-3 text-sm font-bold text-center">Cancel</a>
            </div>
        </div>
    </div>
</form>
</div>
@endsection