@extends('layouts.app')

@section('title', ($isCoach ? 'Diario atleta' : 'I miei allenamenti').' · FranCoach')

@section('content')
@php
    $prefix = $isCoach ? 'coach' : 'athlete';
    $detailRoute = $prefix.'.journal.show';
    $calendarRoute = $prefix.'.calendar.sessions.show';
    $periodLabels = ['week' => 'Settimana', 'month' => 'Mese', '90_days' => '90 giorni', 'year' => 'Anno', 'custom' => 'Personalizzato'];
@endphp

<x-breadcrumbs :items="[['label' => 'Dashboard', 'url' => route($prefix.'.dashboard')], ['label' => $isCoach ? 'Diario' : 'Allenamenti']]" />

<div class="mb-4">
    <h1 class="h3 mb-1">{{ $isCoach ? 'Diario di '.$athlete->displayName() : 'I miei allenamenti' }}</h1>
    <p class="text-body-secondary mb-0">Storico, prestazioni e andamento degli allenamenti.</p>
</div>

<section class="card border-0 shadow-sm mb-4" aria-labelledby="journal-filters-title">
    <div class="card-body">
        <h2 class="h5" id="journal-filters-title">Filtri</h2>
        <form method="GET" class="row g-3">
            <div class="col-6 col-lg-2">
                <label class="form-label" for="journal-period">Periodo</label>
                <select class="form-select" id="journal-period" name="period">
                    @foreach ($periodLabels as $value => $label)
                        <option value="{{ $value }}" @selected($period === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-6 col-lg-2">
                <label class="form-label" for="journal-from">Dal</label>
                <input class="form-control" id="journal-from" name="from" type="date" value="{{ request('from') }}">
            </div>
            <div class="col-6 col-lg-2">
                <label class="form-label" for="journal-to">Al</label>
                <input class="form-control" id="journal-to" name="to" type="date" value="{{ request('to') }}">
            </div>
            @if ($isCoach)
                <div class="col-6 col-lg-2">
                    <label class="form-label" for="journal-plan">Scheda</label>
                    <select class="form-select" id="journal-plan" name="plan_id">
                        <option value="">Tutte</option>
                        @foreach ($plans as $plan)<option value="{{ $plan->id }}" @selected((string) request('plan_id') === (string) $plan->id)>{{ $plan->name }}</option>@endforeach
                    </select>
                </div>
                <div class="col-6 col-lg-2">
                    <label class="form-label" for="journal-exercise">Esercizio</label>
                    <select class="form-select" id="journal-exercise" name="exercise_id">
                        <option value="">Tutti</option>
                        @foreach ($exercises as $exercise)<option value="{{ $exercise->id }}" @selected((string) request('exercise_id') === (string) $exercise->id)>{{ $exercise->name }}</option>@endforeach
                    </select>
                </div>
            @endif
            <div class="col-12 col-lg-2 d-flex align-items-end gap-2">
                <button class="btn btn-dark" type="submit">Applica</button>
                <a class="btn btn-link px-0" href="{{ route($prefix.'.journal.index') }}">Azzera</a>
            </div>
        </form>
    </div>
</section>

<div class="row g-3 mb-4">
    <div class="col-6 col-xl-2"><x-dashboard-stat label="Sessioni" :value="$stats['sessions']" icon="bi-check2-circle" /></div>
    <div class="col-6 col-xl-2"><x-dashboard-stat label="Aderenza" :value="$stats['adherence'] !== null ? $stats['adherence'].'%' : '—'" icon="bi-bullseye" /></div>
    <div class="col-6 col-xl-2"><x-dashboard-stat label="Volume" :value="number_format($stats['volume'], 0, ',', '.').' kg'" icon="bi-bar-chart" /></div>
    <div class="col-6 col-xl-2"><x-dashboard-stat label="Durata media" :value="$stats['average_duration'] ? round($stats['average_duration'] / 60).' min' : '—'" icon="bi-stopwatch" /></div>
    <div class="col-6 col-xl-2"><x-dashboard-stat label="RPE medio" :value="$stats['average_rpe'] ?? '—'" icon="bi-speedometer2" /></div>
    <div class="col-6 col-xl-2"><x-dashboard-stat label="Saltate" :value="$stats['skipped']" icon="bi-skip-forward" /></div>
</div>

<div class="row g-4 mb-4">
    <div class="col-12 col-lg-8">
        <section class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white"><h2 class="h5 mb-0">Trend dei carichi</h2></div>
            <div class="card-body dashboard-chart-wrap">
                @if ($loadTrend->isNotEmpty())
                    <canvas data-dashboard-chart data-chart-type="line" data-chart-labels='@json($loadTrend->pluck("date")->map(fn ($date) => \Illuminate\Support\Carbon::parse($date)->format("d/m")))' data-chart-values='@json($loadTrend->pluck("load")->map(fn ($value) => (float) $value))' aria-label="Grafico del carico massimo per data" role="img"></canvas>
                @else
                    <x-empty-state icon="bi-graph-up" title="Nessun trend disponibile" message="Completa delle serie con carico per visualizzare il grafico." />
                @endif
            </div>
        </section>
    </div>
    <div class="col-12 col-lg-4">
        <section class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white"><h2 class="h5 mb-0">Esercizi più eseguiti</h2></div>
            <div class="list-group list-group-flush">
                @forelse ($mostPerformed as $item)
                    <a class="list-group-item list-group-item-action d-flex justify-content-between" href="{{ route($prefix.'.journal.exercises.show', $item->exercise_id) }}">
                        <span>{{ $item->exercise_name }}</span><span class="badge text-bg-light">{{ $item->executions }}</span>
                    </a>
                @empty
                    <div class="p-3 text-body-secondary">Nessun esercizio nel periodo.</div>
                @endforelse
            </div>
        </section>
    </div>
</div>

<section class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white"><h2 class="h5 mb-0">Calendario attività</h2></div>
    <div class="card-body">
        <x-calendar-grid :month="$to->startOfMonth()" :workouts="$calendar" :route-name="$calendarRoute" />
    </div>
</section>

<section aria-labelledby="journal-list-title">
    <h2 class="h4 mb-3" id="journal-list-title">Elenco cronologico</h2>
    @if ($sessions->isEmpty())
        <x-empty-state icon="bi-journal-check" title="Nessun allenamento" message="Non risultano sessioni per i filtri selezionati." />
    @else
        <div class="card border-0 shadow-sm">
            <div class="table-responsive">
                <table class="table align-middle mb-0">
                    <thead><tr><th>Data</th><th>Allenamento</th><th>Stato</th><th>Durata</th><th>Volume</th><th>Completamento</th><th>Valutazione</th><th></th></tr></thead>
                    <tbody>
                    @foreach ($sessions as $session)
                        <tr>
                            <td><time datetime="{{ $session->started_at?->toIso8601String() }}">{{ $session->started_at?->format('d/m/Y H:i') }}</time></td>
                            <td><strong>{{ $session->structure_snapshot['day_name'] ?? 'Allenamento' }}</strong><div class="small text-body-secondary">{{ $session->planVersion?->plan?->title ?? $session->structure_snapshot['plan_title'] ?? '—' }}</div></td>
                            <td><span class="badge {{ $session->status === \App\Enums\SessionStatus::Completed ? 'text-bg-success' : ($session->status === \App\Enums\SessionStatus::Cancelled ? 'text-bg-secondary' : 'text-bg-warning') }}">{{ $session->status->label() }}</span></td>
                            <td>{{ $session->duration_seconds ? gmdate('H:i:s', $session->duration_seconds) : '—' }}</td>
                            <td>{{ number_format((float) $session->total_volume_kg, 0, ',', '.') }} kg</td>
                            <td>{{ number_format((float) $session->completion_percentage, 0) }}%</td>
                            <td>{{ $session->feedback?->rating ? $session->feedback->rating.'/5' : '—' }}</td>
                            <td class="text-end"><a class="btn btn-sm btn-outline-primary" href="{{ route($detailRoute, $session) }}">Dettaglio</a></td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
            @if ($sessions->hasPages())<div class="card-footer">{{ $sessions->links() }}</div>@endif
        </div>
    @endif
</section>
@endsection