@extends('layouts.app')

@section('title', 'Progressi corporei · FranCoach')

@section('content')
@php
    $prefix = $isCoach ? 'coach' : 'athlete';
    $periodLabels = ['7_days' => '7 giorni', '30_days' => '30 giorni', '90_days' => '90 giorni', '6_months' => '6 mesi', 'year' => '1 anno', 'custom' => 'Personalizzato'];
@endphp

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

<div class="mb-4">
    <h1 class="h3 mb-1">{{ $isCoach ? 'Progressi di '.$athlete->displayName() : 'I miei progressi' }}</h1>
    <p class="text-body-secondary mb-0">Misurazioni corporee, obiettivi e variazioni nel tempo.</p>
</div>

<div class="row g-4 mb-4">
    <div class="col-12 col-xl-7">
        <section class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white"><h2 class="h5 mb-0">Registra misurazione</h2></div>
            <div class="card-body">
                <form method="POST" action="{{ route($prefix.'.progress.store') }}" class="row g-3">
                    @csrf
                    <div class="col-12 col-md-5">
                        <label class="form-label" for="measurement-type">Tipo</label>
                        <select class="form-select" id="measurement-type" name="measurement_type_id" required>
                            <option value="">Seleziona</option>
                            @foreach ($types as $type)<option value="{{ $type->id }}" @selected((string) old('measurement_type_id', request('type_id')) === (string) $type->id)>{{ $type->name }} ({{ $type->unit }})</option>@endforeach
                        </select>
                    </div>
                    <div class="col-6 col-md-3">
                        <label class="form-label" for="measurement-value">Valore</label>
                        <input class="form-control" id="measurement-value" name="value" type="number" min="0.01" step="0.01" value="{{ old('value') }}" required>
                    </div>
                    <div class="col-6 col-md-4">
                        <label class="form-label" for="measurement-date">Data</label>
                        <input class="form-control" id="measurement-date" name="recorded_at" type="date" value="{{ old('recorded_at', now()->toDateString()) }}" @if(!$isCoach) max="{{ now()->toDateString() }}" @endif required>
                    </div>
                    <div class="col-12">
                        <label class="form-label" for="measurement-notes">Note</label>
                        <input class="form-control" id="measurement-notes" name="notes" maxlength="255" value="{{ old('notes') }}">
                    </div>
                    <div class="col-12"><button class="btn btn-primary">Registra</button></div>
                </form>
            </div>
        </section>
    </div>
    <div class="col-12 col-xl-5">
        <section class="card border-0 shadow-sm h-100">
            <div class="card-header bg-white"><h2 class="h5 mb-0">Obiettivi</h2></div>
            <div class="card-body">
                @if ($isCoach)
                    <form method="POST" action="{{ route('coach.progress.goal') }}" class="row g-2 mb-3">
                        @csrf @method('PUT')
                        <div class="col-12">
                            <label class="form-label" for="goal-type">Misurazione</label>
                            <select class="form-select" id="goal-type" name="measurement_type_id" required>
                                @foreach ($types as $type)<option value="{{ $type->id }}">{{ $type->name }} ({{ $type->unit }})</option>@endforeach
                            </select>
                        </div>
                        <div class="col-6"><label class="form-label" for="goal-value">Valore obiettivo</label><input class="form-control" id="goal-value" name="target_value" type="number" min=".01" step=".01" required></div>
                        <div class="col-6"><label class="form-label" for="goal-date">Entro il</label><input class="form-control" id="goal-date" name="target_date" type="date" min="{{ today()->toDateString() }}"></div>
                        <div class="col-12"><button class="btn btn-outline-primary">Salva obiettivo</button></div>
                    </form>
                @endif
                <div class="list-group list-group-flush">
                    @forelse ($goals as $goal)
                        <div class="list-group-item px-0"><strong>{{ $goal->measurementType?->name }}</strong><div>{{ $goal->target_value }} {{ $goal->measurementType?->unit }} @if($goal->target_date) entro il {{ $goal->target_date->format('d/m/Y') }} @endif</div></div>
                    @empty
                        <p class="text-body-secondary mb-0">Nessun obiettivo di misurazione impostato.</p>
                    @endforelse
                </div>
            </div>
        </section>
    </div>
</div>

<section class="card border-0 shadow-sm mb-4">
    <div class="card-body">
        <form method="GET" class="row g-3">
            <div class="col-6 col-lg-2">
                <label class="form-label" for="progress-period">Periodo</label>
                <select class="form-select" id="progress-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-3">
                <label class="form-label" for="progress-type">Misurazione</label>
                <select class="form-select" id="progress-type" name="type_id">
                    <option value="">Tutte</option>
                    @foreach ($types as $type)<option value="{{ $type->id }}" @selected((string) request('type_id') === (string) $type->id)>{{ $type->name }}</option>@endforeach
                </select>
            </div>
            <div class="col-6 col-lg-2"><label class="form-label" for="progress-from">Dal</label><input class="form-control" id="progress-from" name="from" type="date" value="{{ request('from') }}"></div>
            <div class="col-6 col-lg-2"><label class="form-label" for="progress-to">Al</label><input class="form-control" id="progress-to" name="to" type="date" value="{{ request('to') }}"></div>
            <div class="col-12 col-lg-3 d-flex align-items-end gap-2"><button class="btn btn-dark">Applica</button><a class="btn btn-link" href="{{ route($prefix.'.progress.index') }}">Azzera</a></div>
        </form>
    </div>
</section>

<div class="row g-3 mb-4">
    <div class="col-6 col-lg-3"><x-dashboard-stat label="Ultimo valore" :value="$comparison['latest'] ? $comparison['latest']->value.' '.$comparison['type']->unit : '—'" icon="bi-rulers" /></div>
    <div class="col-6 col-lg-3"><x-dashboard-stat label="Variazione assoluta" :value="$comparison['absolute'] !== null ? ($comparison['absolute'] > 0 ? '+' : '').$comparison['absolute'].' '.$comparison['type']->unit : '—'" icon="bi-arrow-left-right" /></div>
    <div class="col-6 col-lg-3"><x-dashboard-stat label="Variazione percentuale" :value="$comparison['percentage'] !== null ? ($comparison['percentage'] > 0 ? '+' : '').$comparison['percentage'].'%' : '—'" icon="bi-percent" /></div>
    <div class="col-6 col-lg-3"><x-dashboard-stat label="Media periodo precedente" :value="$comparison['previous_average'] !== null ? $comparison['previous_average'].' '.$comparison['type']->unit : '—'" icon="bi-calendar-range" /></div>
</div>
@if ($comparison['current_average'] !== null)
    <p class="small text-body-secondary mb-4">
        Confronto periodi per {{ $comparison['type']->name }}:
        media corrente {{ $comparison['current_average'] }} {{ $comparison['type']->unit }};
        media precedente {{ $comparison['previous_average'] !== null ? $comparison['previous_average'].' '.$comparison['type']->unit : 'non disponibile' }}.
    </p>
@endif

<section class="mb-4" aria-labelledby="progress-charts-title">
    <h2 class="h4 mb-3" id="progress-charts-title">Grafici</h2>
    @if ($charts->isEmpty())
        <x-empty-state icon="bi-graph-up-arrow" title="Nessun dato da rappresentare" message="Registra una misurazione o modifica il periodo selezionato." />
    @else
        <div class="row g-4">
            @foreach ($charts as $chart)
                <div class="col-12 col-xl-6">
                    <div class="card border-0 shadow-sm h-100">
                        <div class="card-header bg-white"><h3 class="h5 mb-0">{{ $chart['type']->name }} ({{ $chart['type']->unit }})</h3></div>
                        <div class="card-body dashboard-chart-wrap"><canvas data-dashboard-chart data-chart-type="line" data-chart-labels='@json($chart["labels"])' data-chart-values='@json($chart["values"])' aria-label="Andamento {{ $chart['type']->name }}" role="img"></canvas></div>
                    </div>
                </div>
            @endforeach
        </div>
    @endif
</section>

<section aria-labelledby="measurement-history-title">
    <h2 class="h4 mb-3" id="measurement-history-title">Storico misurazioni</h2>
    @if ($measurements->isEmpty())
        <x-empty-state icon="bi-clock-history" title="Storico vuoto" message="Non risultano misurazioni 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>Tipo</th><th>Valore</th><th>Fonte</th><th>Autore</th><th>Note</th><th class="text-end">Azioni</th></tr></thead>
                    <tbody>
                    @foreach ($measurements as $measurement)
                        @php $canEdit = Gate::allows('update', $measurement); @endphp
                        <tr>
                            <td><time datetime="{{ $measurement->recorded_at->toDateString() }}">{{ $measurement->recorded_at->format('d/m/Y') }}</time></td>
                            <td>{{ $measurement->type->name }}</td>
                            <td><strong>{{ $measurement->value }} {{ $measurement->type->unit }}</strong></td>
                            <td>{{ $measurement->source->label() }}</td>
                            <td>{{ $measurement->enteredBy?->displayName() ?? '—' }}</td>
                            <td>{{ $measurement->notes ?: '—' }}</td>
                            <td class="text-end text-nowrap">
                                @if ($canEdit)
                                    <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#edit-measurement-{{ $measurement->id }}" aria-expanded="false" aria-controls="edit-measurement-{{ $measurement->id }}" aria-label="Modifica {{ $measurement->type->name }}"><i class="bi bi-pencil" aria-hidden="true"></i></button>
                                    <form method="POST" action="{{ route($prefix.'.progress.destroy', $measurement) }}" class="d-inline" data-confirm-form data-confirm-title="Elimina misurazione" data-confirm-message="La misurazione verrà rimossa dallo storico mantenendo la traccia di audit.">
                                        @csrf @method('DELETE')
                                        <button class="btn btn-sm btn-outline-danger" aria-label="Elimina {{ $measurement->type->name }}"><i class="bi bi-trash" aria-hidden="true"></i></button>
                                    </form>
                                @else
                                    <span class="small text-body-secondary">Non modificabile</span>
                                @endif
                            </td>
                        </tr>
                        @if ($canEdit)
                            <tr class="collapse" id="edit-measurement-{{ $measurement->id }}">
                                <td colspan="7">
                                    <form method="POST" action="{{ route($prefix.'.progress.update', $measurement) }}" class="row g-2 align-items-end p-2">
                                        @csrf @method('PUT')
                                        <div class="col-12 col-md-3"><label class="form-label" for="edit-type-{{ $measurement->id }}">Tipo</label><select class="form-select" id="edit-type-{{ $measurement->id }}" name="measurement_type_id">@foreach ($types as $type)<option value="{{ $type->id }}" @selected($type->id === $measurement->measurement_type_id)>{{ $type->name }}</option>@endforeach</select></div>
                                        <div class="col-6 col-md-2"><label class="form-label" for="edit-value-{{ $measurement->id }}">Valore</label><input class="form-control" id="edit-value-{{ $measurement->id }}" name="value" type="number" min=".01" step=".01" value="{{ $measurement->value }}" required></div>
                                        <div class="col-6 col-md-3"><label class="form-label" for="edit-date-{{ $measurement->id }}">Data</label><input class="form-control" id="edit-date-{{ $measurement->id }}" name="recorded_at" type="date" value="{{ $measurement->recorded_at->toDateString() }}" @if(!$isCoach) max="{{ now()->toDateString() }}" @endif required></div>
                                        <div class="col-12 col-md-3"><label class="form-label" for="edit-notes-{{ $measurement->id }}">Note</label><input class="form-control" id="edit-notes-{{ $measurement->id }}" name="notes" value="{{ $measurement->notes }}"></div>
                                        <div class="col-12 col-md-1"><button class="btn btn-primary">Salva</button></div>
                                    </form>
                                </td>
                            </tr>
                        @endif
                    @endforeach
                    </tbody>
                </table>
            </div>
            @if ($measurements->hasPages())<div class="card-footer">{{ $measurements->links('components.exercise-pagination', ['paginationLabel' => 'Paginazione misurazioni']) }}</div>@endif
        </div>
    @endif
</section>
@endsection