@extends('layouts.staff')

@php
    $matchmakingModes = [
        'auto_balance' => 'Auto-Balance',
        'skill_separated' => 'Skill Separated',
        'winner_loser_group' => 'Winner/Loser Group',
        'mixed_doubles' => 'Mixed Doubles',
        'skill_courts' => 'Skill Courts',
        'king_queen' => 'King/Queen',
    ];
    $skillLabels = ['beginner' => 'Beginner', 'intermediate' => 'Intermediate', 'advanced' => 'Advanced'];
    $genderLabels = ['male' => 'Male', 'female' => 'Female', 'unspecified' => 'Unspecified'];
@endphp

@section('content')
    <div class="d-flex flex-column flex-lg-row align-items-lg-center justify-content-between gap-3 mb-4">
        <div>
            <p class="ck-page-kicker mb-1">Session Dashboard</p>
            <h1 class="h3 ck-heading mb-1">{{ $session->name }}</h1>
            <div class="text-secondary small">
                {{ $session->venue ?? 'Venue not set' }} · Public token: <code>{{ $session->public_token }}</code>
            </div>
            <div class="small mt-2">
                <span class="badge ck-badge">Default: {{ $matchmakingModes[$session->matchmaking_mode] ?? 'Auto-Balance' }}</span>
            </div>
        </div>
        <span class="badge ck-badge ck-status-{{ str_replace('_', '-', $session->status) }} align-self-start align-self-lg-center">{{ ucfirst($session->status) }}</span>
    </div>

    <div class="row g-3 mb-3">
        <div class="col-6 col-lg-3">
            <div class="cq-card cq-stat p-3">
                <div class="d-flex align-items-center gap-3">
                    <span class="ck-line-icon"></span>
                    <div>
                        <div class="h4 mb-0">{{ $session->players->count() }}</div>
                        <div class="small text-secondary">Players</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-6 col-lg-3">
            <div class="cq-card cq-stat p-3">
                <div class="d-flex align-items-center gap-3">
                    <span class="ck-line-icon ck-line-icon-queue"></span>
                    <div>
                        <div class="h4 mb-0">{{ $queueEntries->where('status', 'waiting')->count() }}</div>
                        <div class="small text-secondary">Waiting</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-6 col-lg-3">
            <div class="cq-card cq-stat p-3">
                <div class="d-flex align-items-center gap-3">
                    <span class="ck-line-icon ck-line-icon-court"></span>
                    <div>
                        <div class="h4 mb-0">{{ $session->courts->where('status', 'available')->count() }}</div>
                        <div class="small text-secondary">Open Courts</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-6 col-lg-3">
            <div class="cq-card cq-stat p-3">
                <div class="d-flex align-items-center gap-3">
                    <span class="ck-line-icon ck-line-icon-match"></span>
                    <div>
                        <div class="h4 mb-0">{{ $activeMatches->count() }}</div>
                        <div class="small text-secondary">Active Matches</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-12 col-xl-4 ck-staff-action-stack">
            <section class="cq-card p-3 ck-stack-card">
                <h2 class="cq-section-title mb-3">Add Registered Player</h2>
                <form method="GET" action="{{ route('staff.sessions.show', $session) }}" class="mb-3">
                    <div class="mb-2">
                        <label for="registered_player_search" class="form-label">Search Account</label>
                        <input id="registered_player_search" name="registered_player_search" type="search" class="form-control" value="{{ $registeredPlayerSearch }}" placeholder="Search by name or email">
                    </div>
                    <button type="submit" class="btn btn-outline-dark w-100">Search Registered Players</button>
                </form>
                <form method="POST" action="{{ route('staff.sessions.registered-players.store', $session) }}">
                    @csrf
                    <div>
                        <label for="player_profile_id" class="form-label">Choose Registered Account</label>
                        <select id="player_profile_id" name="player_profile_id" class="form-select @error('player_profile_id') is-invalid @enderror">
                            <option value="">No registered account selected</option>
                            @foreach ($registeredPlayerResults as $profile)
                                <option value="{{ $profile->id }}" @selected(old('player_profile_id') == $profile->id)>{{ $profile->display_name }} - {{ $profile->email }}</option>
                            @endforeach
                        </select>
                        @error('player_profile_id')
                            <div class="invalid-feedback d-block">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="form-check my-3">
                        <input id="registered_check_in" name="check_in" value="1" type="checkbox" class="form-check-input" checked>
                        <label for="registered_check_in" class="form-check-label">Check in to queue</label>
                    </div>
                    <button type="submit" class="btn btn-outline-dark w-100"><span class="ck-btn-icon ck-icon-plus" aria-hidden="true"></span>Add Registered Player</button>
                </form>
            </section>

            <section class="cq-card p-3 ck-stack-card">
                <h2 class="cq-section-title mb-3">Quick Add Guest Player</h2>
                <form method="POST" action="{{ route('staff.sessions.players.store', $session) }}">
                    @csrf
                    <div class="mb-3">
                        <label for="display_name" class="form-label">Display Name</label>
                        <input id="display_name" name="display_name" type="text" class="form-control" required>
                    </div>
                    <div class="mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input id="email" name="email" type="email" class="form-control">
                    </div>
                    <div class="row g-2 mb-3">
                        <div class="col-12 col-md-6">
                            <label for="skill_level" class="form-label">Skill Level</label>
                            <select id="skill_level" name="skill_level" class="form-select">
                                @foreach ($skillLabels as $value => $label)
                                    <option value="{{ $value }}" @selected(old('skill_level', 'intermediate') === $value)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12 col-md-6">
                            <label for="gender" class="form-label">Gender</label>
                            <select id="gender" name="gender" class="form-select">
                                @foreach ($genderLabels as $value => $label)
                                    <option value="{{ $value }}" @selected(old('gender', 'unspecified') === $value)>{{ $label }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="form-check mb-3">
                        <input id="check_in" name="check_in" value="1" type="checkbox" class="form-check-input" checked>
                        <label for="check_in" class="form-check-label">Check in to queue</label>
                    </div>
                    <button type="submit" class="btn btn-cq btn-cq-active w-100"><span class="ck-btn-icon ck-icon-plus" aria-hidden="true"></span>Add Player</button>
                </form>
            </section>

            <section class="cq-card p-3 ck-stack-card">
                <h2 class="cq-section-title mb-3">Import Reclub Roster</h2>
                <form method="POST" action="{{ route('staff.sessions.players.import', $session) }}">
                    @csrf
                    <div class="mb-3">
                        <label for="roster" class="form-label">Roster</label>
                        <textarea id="roster" name="roster" class="form-control" rows="6" placeholder="Ada Rally, Advanced, Female&#10;Ben Drop, ben@example.com, Beginner, Male"></textarea>
                    </div>
                    <div class="form-check mb-3">
                        <input id="import_check_in" name="check_in" value="1" type="checkbox" class="form-check-input" checked>
                        <label for="import_check_in" class="form-check-label">Check imported players into queue</label>
                    </div>
                    <button type="submit" class="btn btn-cq btn-cq-active w-100"><span class="ck-btn-icon ck-icon-import" aria-hidden="true"></span>Import Players</button>
                </form>
            </section>
        </div>

        <div class="col-12 col-xl-4">
            <section class="cq-card p-3 h-100">
                <h2 class="cq-section-title mb-3">Courts</h2>
                <form method="POST" action="{{ route('staff.sessions.courts.store', $session) }}" class="row g-2 mb-3">
                    @csrf
                    <div class="col-12">
                        <label for="court_name" class="form-label">Court Name</label>
                        <input id="court_name" name="name" type="text" class="form-control" required>
                    </div>
                    <div class="col-6">
                        <label for="sort_order" class="form-label">Order</label>
                        <input id="sort_order" name="sort_order" type="number" min="0" value="{{ $session->courts->count() + 1 }}" class="form-control" required>
                    </div>
                    <div class="col-6">
                        <label for="court_status" class="form-label">Status</label>
                        <select id="court_status" name="status" class="form-select">
                            <option value="available">Available</option>
                            <option value="in_use">In Use</option>
                            <option value="closed">Closed</option>
                        </select>
                    </div>
                    <div class="col-6">
                        <label for="court_skill_level" class="form-label">Skill Court</label>
                        <select id="court_skill_level" name="skill_level" class="form-select">
                            <option value="">Any Skill</option>
                            @foreach ($skillLabels as $value => $label)
                                <option value="{{ $value }}">{{ $label }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-6">
                        <label for="rotation_mode" class="form-label">Rotation</label>
                        <select id="rotation_mode" name="rotation_mode" class="form-select">
                            <option value="standard">Standard</option>
                            <option value="king_queen">King/Queen</option>
                        </select>
                    </div>
                    <div class="col-12">
                        <button type="submit" class="btn btn-outline-dark w-100"><span class="ck-btn-icon ck-icon-court-small" aria-hidden="true"></span>Add Court</button>
                    </div>
                </form>

                <div class="list-group list-group-flush">
                    @forelse ($session->courts as $court)
                        <div class="list-group-item px-0 d-flex justify-content-between align-items-center">
                            <div>
                                <div>{{ $court->name }}</div>
                                <div class="ck-meta-badges mt-1">
                                    <span class="badge ck-badge">{{ $court->skill_level ? ($skillLabels[$court->skill_level] ?? ucfirst($court->skill_level)) : 'Any Skill' }}</span>
                                    @if ($court->rotation_mode === 'king_queen')
                                        <span class="badge ck-badge">King/Queen</span>
                                    @endif
                                </div>
                            </div>
                            <span class="badge ck-badge ck-status-{{ str_replace('_', '-', $court->status) }}">{{ str_replace('_', ' ', $court->status) }}</span>
                        </div>
                    @empty
                        <div class="text-secondary small">No courts yet.</div>
                    @endforelse
                </div>
            </section>
        </div>

        <div class="col-12 col-xl-4">
            <section class="cq-card p-3 h-100">
                <h2 class="cq-section-title mb-3">Generate Next Match</h2>
                <form method="POST" action="{{ route('staff.sessions.matches.generate', $session) }}" class="d-grid gap-3">
                    @csrf
                    <div>
                        <label for="format" class="form-label">Format</label>
                        <select id="format" name="format" class="form-select">
                            <option value="doubles">Generate Doubles</option>
                            <option value="singles">Generate Singles</option>
                        </select>
                    </div>
                    <div>
                        <label for="matchmaking_mode" class="form-label">Matchmaking Override</label>
                        <select id="matchmaking_mode" name="matchmaking_mode" class="form-select">
                            @foreach ($matchmakingModes as $value => $label)
                                <option value="{{ $value }}" @selected($session->matchmaking_mode === $value)>{{ $label }}</option>
                            @endforeach
                        </select>
                        <div class="form-text">Default: {{ $matchmakingModes[$session->matchmaking_mode] ?? 'Auto-Balance' }}</div>
                    </div>
                    <button type="submit" class="btn btn-cq btn-cq-active w-100"><span class="ck-btn-icon ck-icon-generate" aria-hidden="true"></span>Generate Match</button>
                </form>
            </section>
        </div>
    </div>

    <div class="row g-3 mt-1">
        <div class="col-12 col-lg-5">
            <section class="cq-card p-3 h-100">
                <h2 class="cq-section-title mb-3">Next Up Queue</h2>
                <div class="table-responsive">
                    <table class="table table-sm align-middle mb-0">
                        <thead>
                            <tr>
                                <th>Position</th>
                                <th>Player</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($queueEntries as $entry)
                                <tr>
                                    <td>{{ $entry->position }}</td>
                                    <td>
                                        <div>{{ $entry->player->display_name }}</div>
                                        <div class="ck-meta-badges mt-1">
                                            <span class="badge ck-badge">{{ $skillLabels[$entry->player->skill_level] ?? 'Intermediate' }}</span>
                                            <span class="badge ck-badge">{{ $genderLabels[$entry->player->gender] ?? 'Unspecified' }}</span>
                                        </div>
                                    </td>
                                    <td><span class="badge ck-badge ck-status-{{ str_replace('_', '-', $entry->status) }}">{{ str_replace('_', ' ', $entry->status) }}</span></td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3" class="text-secondary">No players in queue.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </section>
        </div>

        <div class="col-12 col-lg-7">
            <section class="cq-card p-3 h-100">
                <h2 class="cq-section-title mb-3">Active Matches</h2>
                @forelse ($activeMatches as $match)
                    <form method="POST" action="{{ route('staff.matches.results.store', $match) }}" class="border rounded p-3 mb-3">
                        @csrf
                        <div class="fw-semibold">{{ $match->court->name }} Match #{{ $match->id }}</div>
                        <div class="small text-secondary mb-2">{{ $matchmakingModes[$match->matchmaking_mode] ?? 'Standard Match' }}</div>
                        <div class="row g-2 align-items-end">
                            <div class="col-12 col-md-4">
                                <label class="form-label" for="winner_{{ $match->id }}">Winner</label>
                                <select id="winner_{{ $match->id }}" name="winning_team_number" class="form-select">
                                    @foreach ($match->teams->sortBy('team_number') as $team)
                                        <option value="{{ $team->team_number }}">
                                            Team {{ $team->team_number }}:
                                            {{ $team->playerOne->display_name }}{{ $team->playerTwo ? ' / '.$team->playerTwo->display_name : '' }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-6 col-md-3">
                                <label class="form-label" for="winning_score_{{ $match->id }}">Winning Score</label>
                                <input id="winning_score_{{ $match->id }}" name="winning_score" type="number" min="0" max="99" class="form-control">
                            </div>
                            <div class="col-6 col-md-3">
                                <label class="form-label" for="losing_score_{{ $match->id }}">Losing Score</label>
                                <input id="losing_score_{{ $match->id }}" name="losing_score" type="number" min="0" max="99" class="form-control">
                            </div>
                            <div class="col-12 col-md-2">
                                <input type="hidden" name="return_players_to_queue" value="0">
                                <div class="form-check mb-2">
                                    <input id="return_{{ $match->id }}" name="return_players_to_queue" value="1" type="checkbox" class="form-check-input" checked>
                                    <label for="return_{{ $match->id }}" class="form-check-label">Queue</label>
                                </div>
                                <button type="submit" class="btn btn-cq btn-cq-active w-100"><span class="ck-btn-icon ck-icon-save" aria-hidden="true"></span>Save</button>
                            </div>
                        </div>
                    </form>
                @empty
                    <div class="text-secondary small">No active matches to score.</div>
                @endforelse
            </section>
        </div>
    </div>

    <section class="cq-card p-3 mt-3">
        <div class="d-flex flex-column flex-sm-row justify-content-between align-items-sm-center gap-2 mb-3">
            <h2 class="cq-section-title mb-0">Player Standings</h2>
            <a href="{{ route('staff.sessions.players.index', $session) }}" class="btn btn-outline-dark btn-sm"><span class="ck-btn-icon ck-icon-manage" aria-hidden="true"></span>Manage Players</a>
        </div>
        <div class="table-responsive">
            <table class="table table-sm table-striped align-middle mb-0">
                <thead>
                    <tr>
                        <th>Player</th>
                        <th>Games</th>
                        <th>Wins</th>
                        <th>Losses</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($standings as $player)
                        <tr>
                            <td>
                                <div>{{ $player->display_name }}</div>
                                <div class="ck-meta-badges mt-1">
                                    <span class="badge ck-badge">{{ $skillLabels[$player->skill_level] ?? 'Intermediate' }}</span>
                                    <span class="badge ck-badge">{{ $genderLabels[$player->gender] ?? 'Unspecified' }}</span>
                                </div>
                            </td>
                            <td>{{ $player->games_played }}</td>
                            <td>{{ $player->wins }}</td>
                            <td>{{ $player->losses }}</td>
                            <td><span class="badge ck-badge ck-status-{{ str_replace('_', '-', $player->status) }}">{{ str_replace('_', ' ', $player->status) }}</span></td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="text-secondary">No players yet.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>
@endsection