@extends('layouts.app')

@section('title', ($session->structure_snapshot['day_name'] ?? 'Allenamento').' · FranCoach')

@php
    $isCompleted = $session->status === \App\Enums\SessionStatus::Completed;
    $timer = $session->timer_state ?? [
        'remaining_seconds' => (int) config('francoach.default_rest_timer_seconds', 60),
        'duration_seconds' => (int) config('francoach.default_rest_timer_seconds', 60),
        'is_running' => false,
        'ends_at_ms' => null,
        'sound_enabled' => true,
    ];
@endphp

@section('content')
<x-breadcrumbs :items="[['label' => 'Calendario', 'url' => route('athlete.calendar.index')], ['label' => $session->structure_snapshot['day_name'] ?? 'Sessione']]" />

<div class="session-workspace {{ ! $isCompleted ? 'session-workspace--with-timer' : '' }}" data-session-editor data-timer-url="{{ route('athlete.sessions.timer', $session) }}" data-session-id="{{ $session->ulid }}" data-timer-state="{{ json_encode($timer) }}">
    @if ($isCompleted)
        <div class="row g-3 mb-4">
            <div class="col-6 col-lg-3"><x-dashboard-stat label="Volume totale" :value="number_format((float) $session->total_volume_kg, 0, ',', '.').' kg'" icon="bi-bar-chart" /></div>
            <div class="col-6 col-lg-3"><x-dashboard-stat label="Serie completate" :value="$session->completed_sets.'/'.$session->total_sets" icon="bi-check2-circle" /></div>
            <div class="col-6 col-lg-3"><x-dashboard-stat label="Completamento" :value="number_format((float) $session->completion_percentage, 0).' %'" icon="bi-pie-chart" /></div>
            <div class="col-6 col-lg"><x-dashboard-stat label="Durata totale" :value="gmdate('H:i:s', $session->duration_seconds ?? 0)" icon="bi-stopwatch" /></div>
            <div class="col-6 col-lg"><x-dashboard-stat label="Tempo effettivo" :value="gmdate('H:i:s', $session->active_duration_seconds ?? $session->duration_seconds ?? 0)" icon="bi-lightning-charge" /></div>
        </div>
        @if ($session->personal_records)
            <div class="alert alert-success">
                <strong>Nuovi record personali:</strong>
                {{ collect($session->personal_records)->map(fn ($record) => $record['exercise_name'].' '.$record['weight_kg'].' kg')->join(', ') }}
            </div>
        @endif
        @if ($session->previous_comparison)
            <div class="alert alert-light border">
                Confronto precedente: volume {{ $session->previous_comparison['volume_difference_kg'] >= 0 ? '+' : '' }}{{ $session->previous_comparison['volume_difference_kg'] }} kg,
                completamento {{ $session->previous_comparison['completion_difference'] >= 0 ? '+' : '' }}{{ $session->previous_comparison['completion_difference'] }}%.
            </div>
        @endif
        @if ($canEdit)<p class="small text-body-secondary">Puoi modificare i valori fino al {{ $session->edit_deadline_at?->format('d/m/Y H:i') }}.</p>@endif
    @endif

    @if (! $isCompleted)
    <aside class="session-timer shadow" aria-label="Timer rest">
        <div>
            <span class="small text-body-secondary">Rest</span>
            <strong data-timer-display>01:00</strong>
        </div>
        <div class="session-timer__controls">
            <button type="button" class="btn btn-sm btn-primary" data-timer-toggle>Avvia</button>
            <button type="button" class="btn btn-sm btn-outline-secondary" data-timer-reset>Ripristina</button>
            <label class="form-check form-switch mb-0" title="Segnale sonoro">
                <input type="checkbox" class="form-check-input" data-timer-sound @checked($timer['sound_enabled'] ?? false)>
                <span class="visually-hidden">Segnale sonoro</span>
            </label>
        </div>
    </aside>
    @endif

    <div class="d-grid gap-4">
        @foreach ($session->exercises as $exerciseIndex => $sessionExercise)
            @php
                $snapshot = $sessionExercise->exercise_snapshot ?? [];
                $prescription = $sessionExercise->prescription_snapshot ?? [];
                $executionGifPath = $snapshot['execution_gif_path'] ?? $sessionExercise->exercise?->execution_gif_path;
                $coverImagePath = $snapshot['cover_image_path'] ?? $sessionExercise->exercise?->cover_image_path;
                $exerciseMediaPath = $executionGifPath ?: $coverImagePath;
                $repetitionLabels = $sessionExercise->sets->map(function ($set) {
                    if ($set->planned_technique === \App\Enums\WorkoutTechnique::DropSet && collect($set->planned_drop_segments)->isNotEmpty()) {
                        return collect($set->planned_drop_segments)
                            ->pluck('reps')
                            ->filter(fn ($reps) => $reps !== null)
                            ->join(' → ');
                    }

                    if ($set->planned_reps_min === null) {
                        return null;
                    }

                    return $set->planned_reps_max && $set->planned_reps_max !== $set->planned_reps_min
                        ? $set->planned_reps_min.'–'.$set->planned_reps_max
                        : (string) $set->planned_reps_min;
                })->filter();
                $uniqueRepetitions = $repetitionLabels->unique()->values();
                $seriesPrescription = $uniqueRepetitions->count() === 1
                    ? $sessionExercise->sets->count().'x'.$uniqueRepetitions->first()
                    : $repetitionLabels->map(fn ($reps, $index) => 'S'.($index + 1).': '.$reps)->join(' · ');
                $restPrescription = $sessionExercise->sets->pluck('planned_rest_seconds')->filter(fn ($value) => $value !== null)->unique()->join('/');
                $rirPrescription = $sessionExercise->sets->pluck('planned_rir')->filter(fn ($value) => $value !== null)->unique()->join('/');
            @endphp
            <article class="session-exercise {{ $sessionExercise->is_skipped ? 'is-skipped' : '' }} {{ $exerciseIndex > 0 ? 'd-none' : '' }}" data-session-exercise="{{ $sessionExercise->id }}" data-exercise-index="{{ $exerciseIndex }}">
                <div class="session-exercise__notice">
                    <span>Allenamento in corso</span>
                    <strong>Esercizio {{ $exerciseIndex + 1 }} di {{ $session->exercises->count() }}</strong>
                </div>

                <section class="session-exercise__hero">
                    <div class="session-exercise__hero-copy">
                        <span class="session-exercise__eyebrow">FranCoach workout</span>
                        <h2>{{ $sessionExercise->exercise_name }}</h2>
                        @if ($snapshot['short_description'] ?? null)<p>{{ $snapshot['short_description'] }}</p>
                        @elseif ($snapshot['full_description'] ?? null)<p>{{ $snapshot['full_description'] }}</p>@endif

                        <div class="session-exercise__prescription" aria-label="Prescrizione esercizio">
                            <span>{{ $seriesPrescription ?: $sessionExercise->sets->count().' serie' }}</span>
                            @if ($restPrescription)<span>Rest {{ $restPrescription }} sec</span>@endif
                            @if ($rirPrescription !== '')<span>RIR {{ $rirPrescription }}</span>@endif
                        </div>

                        @if ($prescription['superset_group'] ?? null)
                            <span class="session-exercise__technique">Superset · {{ $prescription['block_name'] ?? $prescription['superset_group'] }}</span>
                        @elseif ($prescription['block_name'] ?? null)
                            <span class="session-exercise__technique">{{ $prescription['block_name'] }}</span>
                        @endif

                        @if ($prescription['coach_notes'] ?? null)
                            <p class="session-exercise__coach-note"><strong>Nota coach</strong>{{ $prescription['coach_notes'] }}</p>
                        @endif
                    </div>

                    @if ($exerciseMediaPath)
                        <div class="session-exercise__media-wrap">
                            <img src="{{ Storage::url($exerciseMediaPath) }}"
                                 alt="{{ $executionGifPath ? 'Esecuzione di' : 'Copertina di' }} {{ $sessionExercise->exercise_name }}"
                                 class="session-exercise__media">
                        </div>
                    @endif
                </section>

                <div class="session-exercise__actions">
                    @if ($snapshot['video_url'] ?? null)
                        <button class="session-exercise-action" type="button" data-bs-toggle="collapse" data-bs-target="#session-video-{{ $sessionExercise->id }}" aria-expanded="false" aria-controls="session-video-{{ $sessionExercise->id }}">
                            <i class="bi bi-play-circle" aria-hidden="true"></i>
                            Guarda il video
                        </button>
                    @endif

                    @if ($snapshot['execution'] ?? null)
                        <details class="session-exercise-action">
                            <summary><i class="bi bi-list-check" aria-hidden="true"></i>Istruzioni</summary>
                            <p class="text-preline">{{ $snapshot['execution'] }}</p>
                        </details>
                    @endif

                    @if ($sessionExercise->previous_performance)
                        <details class="session-exercise-action">
                            <summary><i class="bi bi-clock-history" aria-hidden="true"></i>Storico recente</summary>
                            <div class="session-history">
                                <table class="table table-sm mb-0" aria-label="Storico delle ultime giornate">
                                    <thead>
                                        <tr>
                                            <th>Data</th>
                                            <th>Serie</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                    @foreach ($sessionExercise->previous_performance['history'] ?? [] as $history)
                                        <tr>
                                            <td>{{ \Illuminate\Support\Carbon::parse($history['performed_at'])->format('d/m') }}</td>
                                            <td>{{ collect($history['sets'])->map(fn ($set) => ($set['weight_kg'] ?? '—').' kg × '.($set['reps'] ?? '—'))->join(' · ') }}</td>
                                        </tr>
                                    @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </details>
                    @endif
                </div>

                @if ($snapshot['video_url'] ?? null)
                    <div class="collapse session-exercise__video" id="session-video-{{ $sessionExercise->id }}"><x-video-player :video="$snapshot" /></div>
                @endif

                @if ($sessionExercise->is_skipped)
                    <div class="alert alert-secondary mt-3 mb-0">Esercizio saltato.</div>
                @else
                    <section class="session-exercise__data">
                        <header class="session-exercise__section-heading">
                            <h3>Serie</h3>
                        </header>
                        <div class="session-sets">
                            <div class="session-set__columns" aria-hidden="true">
                                <span></span>
                                <span>Peso (kg)</span>
                                <span>Ripetizioni</span>
                                <span></span>
                            </div>
                            @foreach ($sessionExercise->sets as $setIndex => $set)
                                @php
                                    $dropSegments = collect($set->drop_segments ?? $set->planned_drop_segments);
                                    $plannedDropSegments = collect($set->planned_drop_segments);
                                    $isDropSet = $set->planned_technique === \App\Enums\WorkoutTechnique::DropSet;
                                    $hasNextSet = $setIndex < $sessionExercise->sets->count() - 1;
                                    if ($isDropSet && $dropSegments->isEmpty()) {
                                        $dropSegments = collect([['reps' => null, 'weight_kg' => null], ['reps' => null, 'weight_kg' => null]]);
                                    }
                                @endphp
                                <form class="session-set {{ $set->is_completed ? 'is-completed' : '' }}" data-session-set data-url="{{ route('athlete.sessions.sets.update', [$session, $set]) }}" data-rest="{{ $set->rest_seconds ?? $set->planned_rest_seconds ?? config('francoach.default_rest_timer_seconds', 60) }}">
                                    <div class="session-set__identity">
                                        <span class="session-set__number">{{ $set->set_number }}</span>
                                    </div>
                                    @if ($isDropSet)
                                        <div class="session-set__drop-summary">
                                            <strong>Drop set</strong>
                                            <span>{{ $dropSegments->count() }} fasi</span>
                                        </div>
                                    @else
                                        <div class="session-set__primary-field">
                                            <label class="visually-hidden" for="weight-{{ $set->id }}">Peso (kg)</label>
                                            <div class="session-set__input-wrap">
                                                <input id="weight-{{ $set->id }}" name="weight_kg" type="number" min="0" step=".25" value="{{ $set->weight_kg }}" class="form-control" inputmode="decimal" @disabled(! $canEdit)>
                                                @if ($hasNextSet && $canEdit)
                                                    <button type="button" class="session-set__copy" data-copy-to-next="weight_kg" aria-label="Copia il peso nella serie successiva" title="Copia nella serie successiva"><i class="bi bi-copy" aria-hidden="true"></i></button>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="session-set__primary-field">
                                            <label class="visually-hidden" for="reps-{{ $set->id }}">Ripetizioni</label>
                                            <div class="session-set__input-wrap">
                                                <input id="reps-{{ $set->id }}" name="reps" type="number" min="0" value="{{ $set->reps }}" class="form-control" inputmode="numeric" @disabled(! $canEdit)>
                                                @if ($hasNextSet && $canEdit)
                                                    <button type="button" class="session-set__copy" data-copy-to-next="reps" aria-label="Copia le ripetizioni nella serie successiva" title="Copia nella serie successiva"><i class="bi bi-copy" aria-hidden="true"></i></button>
                                                @endif
                                            </div>
                                        </div>
                                    @endif
                                    <details class="session-set__advanced">
                                        <summary aria-label="Espandi dettagli serie {{ $set->set_number }}"><i class="bi bi-chevron-down" aria-hidden="true"></i><span class="visually-hidden">Dettagli serie {{ $set->set_number }}</span></summary>
                                        <div class="session-set__advanced-panel">
                                            <span class="session-set__technique">{{ $set->planned_technique?->label() ?? 'Normale' }}</span>
                                            @if ($isDropSet)
                                                <div class="session-set__drops">
                                                    @foreach ($dropSegments as $dropIndex => $dropSegment)
                                                        @php
                                                            $plannedDropSegment = $plannedDropSegments->get($dropIndex, []);
                                                            $plannedRepetitions = $plannedDropSegment['reps'] ?? null;
                                                        @endphp
                                                        <div class="session-set__drop">
                                                            <strong>Fase {{ $dropIndex + 1 }}</strong>
                                                            <div><label for="drop-weight-{{ $set->id }}-{{ $dropIndex }}">Peso (kg)</label><input id="drop-weight-{{ $set->id }}-{{ $dropIndex }}" data-drop-field="weight_kg" data-drop-index="{{ $dropIndex }}" type="number" min="0" step=".25" value="{{ $dropSegment['weight_kg'] ?? null }}" class="form-control form-control-sm" @disabled(! $canEdit)></div>
                                                            <div><label for="drop-reps-{{ $set->id }}-{{ $dropIndex }}">REPS{{ $plannedRepetitions ? ' ('.$plannedRepetitions.')' : '' }}</label><input id="drop-reps-{{ $set->id }}-{{ $dropIndex }}" data-drop-field="reps" data-drop-index="{{ $dropIndex }}" type="number" min="0" value="{{ $dropSegment['reps'] ?? null }}" class="form-control form-control-sm" @disabled(! $canEdit)></div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            @endif
                                            <div class="session-set__notes"><label for="set-notes-{{ $set->id }}">Note serie</label><input id="set-notes-{{ $set->id }}" name="notes" value="{{ $set->notes }}" class="form-control form-control-sm" @disabled(! $canEdit)></div>
                                            <div class="session-set__advanced-fields">
                                                <div><label for="rir-{{ $set->id }}">RIR</label><input id="rir-{{ $set->id }}" name="rir" type="number" min="0" max="10" value="{{ $set->rir }}" class="form-control form-control-sm" @disabled(! $canEdit)></div>
                                                <div><label for="rpe-{{ $set->id }}">RPE</label><input id="rpe-{{ $set->id }}" name="rpe" type="number" min="0" max="10" step=".5" value="{{ $set->rpe }}" class="form-control form-control-sm" @disabled(! $canEdit)></div>
                                            </div>
                                            @if ($set->is_manual && $canEdit && ! $isCompleted)
                                                <button type="button"
                                                        class="btn btn-sm btn-outline-danger session-set__delete"
                                                        data-delete-session-set
                                                        data-url="{{ route('athlete.sessions.sets.destroy', [$session, $set]) }}">
                                                    <i class="bi bi-trash" aria-hidden="true"></i> Elimina serie
                                                </button>
                                            @endif
                                        </div>
                                    </details>
                                    <span class="session-set__status" data-save-status aria-live="polite"></span>
                                </form>
                            @endforeach
                            @if ($canEdit && ! $isCompleted)
                                <button type="button" class="btn btn-outline-primary session-exercise__add-set" data-add-session-set data-url="{{ route('athlete.sessions.sets.store', [$session, $sessionExercise]) }}"><i class="bi bi-plus-lg" aria-hidden="true"></i> Aggiungi serie</button>
                            @endif
                        </div>
                    </section>
                @endif

                <section class="session-exercise__extras">
                    <div>
                        <label for="exercise-notes-{{ $sessionExercise->id }}" class="form-label">Nota sull’esercizio</label>
                        <textarea id="exercise-notes-{{ $sessionExercise->id }}" class="form-control" rows="3" data-exercise-notes data-url="{{ route('athlete.sessions.exercises.notes', [$session, $sessionExercise]) }}" @disabled(! $canEdit)>{{ $sessionExercise->notes }}</textarea>
                        <span class="small text-body-secondary" data-exercise-notes-status></span>
                    </div>
                    <div>
                        <label class="form-label">Foto e video dell’esecuzione</label>
                        @if ($sessionExercise->media->isNotEmpty())
                            <div class="session-media-grid mb-3">
                                @foreach ($sessionExercise->media as $media)
                                    <div class="session-media-item">
                                        @if ($media->isImage())
                                            <img src="{{ route('athlete.sessions.exercises.media.show', $media) }}" alt="{{ $media->original_name }}">
                                        @else
                                            <video controls preload="metadata"><source src="{{ route('athlete.sessions.exercises.media.show', $media) }}" type="{{ $media->mime_type }}"></video>
                                        @endif
                                        @if ($canEdit)
                                            <form method="POST" action="{{ route('athlete.sessions.exercises.media.destroy', $media) }}">
                                                @csrf @method('DELETE')
                                                <button class="btn btn-sm btn-outline-danger w-100">Elimina</button>
                                            </form>
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        @endif
                        @if ($canEdit)
                            <form method="POST" action="{{ route('athlete.sessions.exercises.media.store', [$session, $sessionExercise]) }}" enctype="multipart/form-data">
                                @csrf
                                <div class="input-group">
                                    <input name="media" type="file" class="form-control" accept="image/jpeg,image/png,image/webp,image/heic,image/heif,video/mp4,video/quicktime,video/webm" required>
                                    <button class="btn btn-outline-primary">Allega</button>
                                </div>
                            </form>
                        @endif
                    </div>
                </section>
            </article>
        @endforeach
    </div>

    @if (! $isCompleted)
        <div class="mt-4 d-none" data-session-cancel>
            <form method="POST" action="{{ route('athlete.sessions.cancel', $session) }}" data-confirm-form data-confirm-title="Annulla allenamento" data-confirm-message="I dati della sessione verranno conservati, ma l’allenamento sarà segnato come annullato.">
                @csrf @method('DELETE')
                <button class="btn btn-outline-danger">Annulla allenamento</button>
            </form>
        </div>
    @endif

    <nav class="session-exercise-nav shadow" aria-label="Navigazione esercizi">
        <button type="button" class="btn btn-outline-primary" data-exercise-previous disabled aria-label="Esercizio precedente"><i class="bi bi-arrow-left" aria-hidden="true"></i></button>
        <strong data-exercise-position>1 / {{ $session->exercises->count() }}</strong>
        <button type="button" class="btn btn-primary" data-exercise-next aria-label="Esercizio successivo"><i class="bi bi-arrow-right" aria-hidden="true"></i></button>
        @if (! $isCompleted)
            <button type="button" class="btn btn-primary d-none" data-session-complete data-bs-toggle="modal" data-bs-target="#completeSessionModal">Termina allenamento</button>
        @endif
    </nav>
</div>

@if (! $isCompleted)
<div class="modal fade" id="completeSessionModal" tabindex="-1" aria-labelledby="completeSessionTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <form method="POST" action="{{ route('athlete.sessions.complete', $session) }}" class="modal-content">
            @csrf
            <div class="modal-header"><h2 class="modal-title fs-5" id="completeSessionTitle">Termina allenamento</h2><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Chiudi"></button></div>
            <div class="modal-body row g-3">
                @foreach (['difficulty' => 'Difficoltà', 'energy' => 'Energia', 'quality' => 'Qualità', 'rating' => 'Valutazione'] as $field => $label)
                    <div class="col-6"><label for="feedback-{{ $field }}" class="form-label">{{ $label }} (1–5)</label><input id="feedback-{{ $field }}" name="{{ $field }}" type="number" min="1" max="5" value="3" class="form-control" required></div>
                @endforeach
                <div class="col-6"><label for="feedback-pain" class="form-label">Dolore (0–5)</label><input id="feedback-pain" name="pain" type="number" min="0" max="5" value="0" class="form-control" required></div>
                <div class="col-12"><label for="feedback-comment" class="form-label">Commento</label><textarea id="feedback-comment" name="comment" class="form-control" rows="3"></textarea></div>
            </div>
            <div class="modal-footer"><button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Continua allenamento</button><button class="btn btn-primary">Completa sessione</button></div>
        </form>
    </div>
</div>
@endif
@endsection