@extends('layouts.public')

@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-end justify-content-between gap-3 mb-4">
        <div>
            <p class="ck-page-kicker mb-1">Live Session</p>
            <h1 class="h3 ck-heading mb-1">{{ $session->name }}</h1>
            <div class="text-secondary">{{ $session->venue ?? 'Venue to be announced' }}</div>
        </div>
        <div class="ck-meta-badges align-self-start align-self-lg-end">
            <span class="badge ck-badge">Player View</span>
            <span class="badge ck-badge">{{ $matchmakingModes[$session->matchmaking_mode] ?? 'Auto-Balance' }}</span>
            <span class="badge ck-badge">Read Only</span>
        </div>
    </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 ck-line-icon-court"></span>
                    <div>
                        <div class="h4 mb-0">{{ $session->courts->count() }}</div>
                        <div class="small text-secondary">Active 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">Current Matches</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"></span>
                    <div>
                        <div class="h4 mb-0">{{ $standings->count() }}</div>
                        <div class="small text-secondary">Players</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3">
        <div class="col-12 col-xl-4">
            <section class="cq-card p-3 h-100">
                <h2 class="cq-section-title mb-3">Active Courts</h2>
                <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="small text-secondary">
                                    {{ $court->skill_level ? ($skillLabels[$court->skill_level] ?? ucfirst($court->skill_level)) : 'Any Skill' }}
                                    @if ($court->rotation_mode === 'king_queen')
                                        · King/Queen
                                    @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 are listed for this session.</div>
                    @endforelse
                </div>
            </section>
        </div>

        <div class="col-12 col-xl-8">
            <section class="cq-card p-3 h-100">
                <h2 class="cq-section-title mb-3">Current Matches</h2>
                <div class="row g-3">
                    @forelse ($activeMatches as $match)
                        <div class="col-12 col-lg-6">
                            <div class="border rounded p-3 h-100">
                                <div class="fw-semibold">{{ $match->court->name }}</div>
                                <div class="small text-secondary mb-2">{{ $matchmakingModes[$match->matchmaking_mode] ?? 'Standard Match' }}</div>
                                @foreach ($match->teams->sortBy('team_number') as $team)
                                    <div class="small mb-1">
                                        <span class="fw-semibold">Team {{ $team->team_number }}</span>:
                                        {{ $team->playerOne->display_name }}{{ $team->playerTwo ? ' / '.$team->playerTwo->display_name : '' }}
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @empty
                        <div class="col-12 text-secondary small">No matches are currently active.</div>
                    @endforelse
                </div>
            </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">Up Next</h2>
                <ol class="list-group list-group-numbered">
                    @forelse ($upNextEntries as $entry)
                        <li class="list-group-item d-flex justify-content-between align-items-center px-0">
                            <span>
                                <span>{{ $entry->player->display_name }}</span>
                                <span 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>
                                </span>
                            </span>
                            <span class="badge ck-badge ck-status-waiting">waiting</span>
                        </li>
                    @empty
                        <li class="list-group-item px-0 text-secondary">No players are waiting.</li>
                    @endforelse
                </ol>
            </section>
        </div>

        <div class="col-12 col-lg-7">
            <section class="cq-card p-3 h-100">
                <h2 class="cq-section-title mb-3">Waiting 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 queue entries yet.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </section>
        </div>
    </div>

    <div class="row g-3 mt-1">
        <div class="col-12 col-lg-6">
            <section class="cq-card p-3 h-100">
                <h2 class="cq-section-title mb-3">Recent Results</h2>
                @forelse ($recentMatches as $match)
                    <div class="border-bottom pb-2 mb-2">
                        <div class="small text-secondary">{{ $match->court->name }} · {{ $match->completed_at?->format('g:i A') }}</div>
                        @foreach ($match->teams->sortBy('team_number') as $team)
                            <div class="d-flex justify-content-between gap-3 small">
                                <span>
                                    Team {{ $team->team_number }}:
                                    {{ $team->playerOne->display_name }}{{ $team->playerTwo ? ' / '.$team->playerTwo->display_name : '' }}
                                </span>
                                <span class="fw-semibold">{{ $team->score ?? '-' }}{{ $team->is_winner ? ' W' : '' }}</span>
                            </div>
                        @endforeach
                    </div>
                @empty
                    <div class="text-secondary small">No completed matches yet.</div>
                @endforelse
            </section>
        </div>

        <div class="col-12 col-lg-6">
            <section class="cq-card p-3 h-100">
                <h2 class="cq-section-title mb-3">Player Standings</h2>
                <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>
                            </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>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-secondary">No standings yet.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </section>
        </div>
    </div>
@endsection