@extends('layouts.app')

@section('title', 'Storico '.$exercise->name.' · FranCoach')

@section('content')
@php $prefix = $isCoach ? 'coach' : 'athlete'; @endphp
<x-breadcrumbs :items="[['label' => $isCoach ? 'Diario' : 'Allenamenti', 'url' => route($prefix.'.journal.index')], ['label' => $exercise->name]]" />

<div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
    <div><h1 class="h2 mb-1">{{ $exercise->name }}</h1><p class="text-body-secondary mb-0">Storico dei carichi, volume e record personale.</p></div>
    <a class="btn btn-outline-primary" href="{{ route($prefix.'.exercises.show', $exercise) }}">Apri scheda esercizio</a>
</div>

<div class="row g-3 mb-4">
    <div class="col-6"><x-dashboard-stat label="Record personale" :value="$personalRecord !== null ? $personalRecord.' kg' : '—'" icon="bi-trophy" /></div>
    <div class="col-6"><x-dashboard-stat label="Volume totale" :value="number_format($totalVolume, 0, ',', '.').' kg'" icon="bi-bar-chart" /></div>
</div>

<div class="row g-4 mb-4">
    <div class="col-12 col-lg-7">
        <section class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white"><h2 class="h5 mb-0">Andamento del carico</h2></div>
            <div class="card-body dashboard-chart-wrap">
                @if ($chart->isNotEmpty())
                    <canvas data-dashboard-chart data-chart-type="line" data-chart-labels='@json($chart->pluck("date"))' data-chart-values='@json($chart->pluck("load"))' aria-label="Grafico storico del carico massimo" role="img"></canvas>
                @else
                    <x-empty-state icon="bi-graph-up" title="Dati non disponibili" message="Non sono ancora presenti esecuzioni completate." />
                @endif
            </div>
        </section>
    </div>
    <div class="col-12 col-lg-5">
        <section class="card border-0 shadow-sm h-100"><div class="card-body"><x-video-player :video="$exercise" /></div></section>
    </div>
</div>

<section class="card border-0 shadow-sm">
    <div class="card-header bg-white"><h2 class="h5 mb-0">Esecuzioni</h2></div>
    @if ($history->isEmpty())
        <div class="card-body"><x-empty-state icon="bi-clock-history" title="Nessuna esecuzione" message="Lo storico di questo esercizio è vuoto." /></div>
    @else
        <div class="table-responsive">
            <table class="table align-middle mb-0">
                <thead><tr><th>Data</th><th>Carico massimo</th><th>REPS</th><th>Volume</th><th>RPE medio</th><th>RIR medio</th><th></th></tr></thead>
                <tbody>
                @foreach ($history as $item)
                    <tr>
                        <td>{{ $item->session->started_at?->format('d/m/Y') }}</td>
                        <td>{{ number_format((float) $item->sets->where('is_completed', true)->max('weight_kg'), 2, ',', '.') }} kg</td>
                        <td>{{ $item->sets->where('is_completed', true)->sum('reps') }}</td>
                        <td>{{ number_format((float) $item->volume_kg, 0, ',', '.') }} kg</td>
                        <td>{{ ($value = $item->sets->where('is_completed', true)->avg('rpe')) !== null ? number_format($value, 1, ',', '.') : '—' }}</td>
                        <td>{{ ($value = $item->sets->where('is_completed', true)->avg('rir')) !== null ? number_format($value, 1, ',', '.') : '—' }}</td>
                        <td class="text-end"><a class="btn btn-sm btn-outline-secondary" href="{{ route($prefix.'.journal.show', $item->session) }}">Sessione</a></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
        @if ($history->hasPages())<div class="card-footer">{{ $history->links() }}</div>@endif
    @endif
</section>
@endsection