@extends('layouts.staff')

@php
    $skillLabels = ['beginner' => 'Beginner', 'intermediate' => 'Intermediate', 'advanced' => 'Advanced'];
    $genderLabels = ['male' => 'Male', 'female' => 'Female', 'unspecified' => 'Unspecified'];
    $sourceLabels = ['manual' => 'Manual', 'reclub_paste' => 'Reclub'];
@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">Player Management</p>
            <h1 class="h3 ck-heading mb-1">Manage Players</h1>
            <div class="text-secondary small">{{ $session->name }} - {{ $session->venue ?? 'Venue not set' }}</div>
        </div>
        <div class="d-flex flex-column flex-sm-row gap-2">
            <a href="{{ route('staff.sessions.show', $session) }}" class="btn btn-outline-secondary"><span class="ck-btn-icon ck-icon-back" aria-hidden="true"></span>Back to Dashboard</a>
            <a href="{{ route('staff.sessions.players.create', $session) }}" class="btn btn-cq btn-cq-active"><span class="ck-btn-icon ck-icon-plus" aria-hidden="true"></span>Add Player</a>
        </div>
    </div>

    <section class="cq-card p-3">
        <div class="d-flex flex-column flex-md-row justify-content-between gap-2 mb-3">
            <div>
                <h2 class="cq-section-title mb-1">Session Roster</h2>
                <div class="small text-secondary">{{ $players->count() }} players in this session</div>
            </div>
            <span class="badge ck-badge ck-status-{{ str_replace('_', '-', $session->status) }} align-self-start">{{ ucfirst($session->status) }}</span>
        </div>

        <div class="ck-player-card-list d-md-none">
            @forelse ($players as $player)
                <article class="ck-player-card">
                    <div class="d-flex justify-content-between gap-3">
                        <div>
                            <h3 class="h6 fw-bold mb-1">{{ $player->display_name }}</h3>
                            <div class="small text-secondary">{{ $player->email ?? 'No email' }}</div>
                        </div>
                        <span class="badge ck-badge ck-status-{{ str_replace('_', '-', $player->status) }}">{{ str_replace('_', ' ', $player->status) }}</span>
                    </div>
                    <div class="ck-meta-badges my-3">
                        <span class="badge ck-badge">{{ $skillLabels[$player->skill_level] ?? 'Intermediate' }}</span>
                        <span class="badge ck-badge">{{ $genderLabels[$player->gender] ?? 'Unspecified' }}</span>
                        <span class="badge ck-badge">{{ $sourceLabels[$player->import_source] ?? ucfirst(str_replace('_', ' ', $player->import_source)) }}</span>
                    </div>
                    <div class="row g-2 small text-secondary mb-3">
                        <div class="col-4"><strong class="text-dark">{{ $player->games_played }}</strong><br>Games</div>
                        <div class="col-4"><strong class="text-dark">{{ $player->wins }}</strong><br>Wins</div>
                        <div class="col-4"><strong class="text-dark">{{ $player->losses }}</strong><br>Losses</div>
                    </div>
                    <div class="d-flex gap-2">
                        <a href="{{ route('staff.sessions.players.edit', [$session, $player]) }}" class="btn btn-outline-dark btn-sm flex-fill"><span class="ck-btn-icon ck-icon-edit" aria-hidden="true"></span>Edit</a>
                        <form method="POST" action="{{ route('staff.sessions.players.destroy', [$session, $player]) }}" class="flex-fill" data-cq-confirm data-cq-confirm-title="Delete player?" data-cq-confirm-text="This removes {{ $player->display_name }} from this session and queue.">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-outline-danger btn-sm w-100"><span class="ck-btn-icon ck-icon-delete" aria-hidden="true"></span>Delete</button>
                        </form>
                    </div>
                </article>
            @empty
                <div class="text-secondary small">No players yet.</div>
            @endforelse
        </div>

        <div class="table-responsive d-none d-md-block">
            <table class="table table-sm table-striped align-middle mb-0">
                <thead>
                    <tr>
                        <th>Player</th>
                        <th>Skill</th>
                        <th>Gender</th>
                        <th>Status</th>
                        <th>Source</th>
                        <th>Record</th>
                        <th class="text-end">Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($players as $player)
                        <tr>
                            <td>
                                <div class="fw-semibold">{{ $player->display_name }}</div>
                                <div class="small text-secondary">{{ $player->email ?? 'No email' }}</div>
                            </td>
                            <td><span class="badge ck-badge">{{ $skillLabels[$player->skill_level] ?? 'Intermediate' }}</span></td>
                            <td><span class="badge ck-badge">{{ $genderLabels[$player->gender] ?? 'Unspecified' }}</span></td>
                            <td><span class="badge ck-badge ck-status-{{ str_replace('_', '-', $player->status) }}">{{ str_replace('_', ' ', $player->status) }}</span></td>
                            <td><span class="badge ck-badge">{{ $sourceLabels[$player->import_source] ?? ucfirst(str_replace('_', ' ', $player->import_source)) }}</span></td>
                            <td>{{ $player->wins }}-{{ $player->losses }} / {{ $player->games_played }} games</td>
                            <td>
                                <div class="d-flex justify-content-end gap-2">
                                    <a href="{{ route('staff.sessions.players.edit', [$session, $player]) }}" class="btn btn-outline-dark btn-sm"><span class="ck-btn-icon ck-icon-edit" aria-hidden="true"></span>Edit</a>
                                    <form method="POST" action="{{ route('staff.sessions.players.destroy', [$session, $player]) }}" data-cq-confirm data-cq-confirm-title="Delete player?" data-cq-confirm-text="This removes {{ $player->display_name }} from this session and queue.">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-outline-danger btn-sm"><span class="ck-btn-icon ck-icon-delete" aria-hidden="true"></span>Delete</button>
                                    </form>
                                </div>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-secondary">No players yet.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>
@endsection