@extends('layouts.app')

@section('title', 'Calendario allenamenti · FranCoach')

@section('content')
<x-breadcrumbs :items="[['label' => 'Dashboard', 'url' => route('athlete.dashboard')], ['label' => 'Calendario']]" />

<div class="mb-4">
    <h1 class="h3 mb-1">Calendario allenamenti</h1>
    <p class="text-body-secondary mb-0">Sessioni pianificate nel fuso orario Europe/Rome.</p>
</div>

<div class="row g-3 mb-4">
    <div class="col-4"><x-dashboard-stat label="Completate" :value="$counts['completed']" icon="bi-check-circle" /></div>
    <div class="col-4"><x-dashboard-stat label="Saltate" :value="$counts['skipped']" icon="bi-skip-forward" /></div>
    <div class="col-4"><x-dashboard-stat label="Riprogrammate" :value="$counts['rescheduled']" icon="bi-calendar2-week" /></div>
</div>

<div class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white"><h2 class="h5 mb-0">Allenamento di oggi</h2></div>
    <div class="card-body">
        @if ($todayWorkout)
            <div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
                <div><strong>{{ $todayWorkout->day?->name }}</strong><div class="small text-body-secondary">{{ $todayWorkout->status->label() }}</div></div>
                <a href="{{ route('athlete.calendar.sessions.show', $todayWorkout) }}" class="btn btn-primary">Apri sessione</a>
            </div>
        @else
            <x-empty-state icon="bi-cup-hot" title="Nessun allenamento oggi" message="Consulta le prossime sessioni nel calendario." />
        @endif
    </div>
</div>

<section class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white d-flex justify-content-between align-items-center">
        <a href="{{ route('athlete.calendar.index', ['month' => $month->subMonth()->format('Y-m')]) }}" class="btn btn-sm btn-outline-secondary" aria-label="Mese precedente"><i class="bi bi-chevron-left" aria-hidden="true"></i></a>
        <h2 class="h5 mb-0 text-capitalize">{{ $month->translatedFormat('F Y') }}</h2>
        <a href="{{ route('athlete.calendar.index', ['month' => $month->addMonth()->format('Y-m')]) }}" class="btn btn-sm btn-outline-secondary" aria-label="Mese successivo"><i class="bi bi-chevron-right" aria-hidden="true"></i></a>
    </div>
    <div class="card-body"><x-calendar-grid :month="$month" :workouts="$workouts" route-name="athlete.calendar.sessions.show" /></div>
</section>

<div class="row g-4">
    <div class="col-12 col-lg-7">
        <section class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white d-flex justify-content-between align-items-center">
                <h2 class="h5 mb-0">Vista settimanale</h2>
                <span class="small text-body-secondary">{{ $weekDate->startOfWeek()->format('d/m') }}–{{ $weekDate->endOfWeek()->format('d/m') }}</span>
            </div>
            <div class="list-group list-group-flush">
                @forelse ($weekWorkouts as $workout)
                    <a href="{{ route('athlete.calendar.sessions.show', $workout) }}" class="list-group-item list-group-item-action d-flex justify-content-between align-items-center">
                        <span><strong>{{ $workout->scheduled_date->translatedFormat('D d') }}</strong> · {{ $workout->day?->name }}</span>
                        <span class="badge text-bg-light">{{ $workout->status->label() }}</span>
                    </a>
                @empty
                    <div class="p-3 text-body-secondary">Nessuna sessione questa settimana.</div>
                @endforelse
            </div>
        </section>
    </div>
    <div class="col-12 col-lg-5">
        <section class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white"><h2 class="h5 mb-0">Sessioni future</h2></div>
            <div class="list-group list-group-flush">
                @forelse ($future as $workout)
                    <a href="{{ route('athlete.calendar.sessions.show', $workout) }}" class="list-group-item list-group-item-action">
                        <strong>{{ $workout->day?->name }}</strong>
                        <div class="small text-body-secondary">{{ $workout->scheduled_date->translatedFormat('D d F') }} · {{ $workout->status->label() }}</div>
                    </a>
                @empty
                    <div class="p-3 text-body-secondary">Nessuna sessione futura.</div>
                @endforelse
            </div>
        </section>
    </div>
</div>
@endsection