@extends('layouts.app')

@section('title', ($plan ? 'Modifica '.$plan->name : 'Nuova scheda').' · FranCoach')

@php
    $storedWeeks = old('weeks');
    if ($storedWeeks === null && $version) {
        $storedWeeks = $version->weeks->take(1)->map(fn ($week) => [
            'title' => $week->name,
            'notes' => $week->notes,
            'days' => $week->days->map(fn ($day) => [
                'title' => $day->name,
                'weekday' => $day->weekday,
                'focus' => $day->focus,
                'estimated_duration_minutes' => $day->estimated_duration_minutes,
                'notes' => $day->notes,
                'exercises' => $day->exercises->map(fn ($item) => [
                    'exercise_id' => $item->exercise_id,
                    'block_name' => $item->block_name,
                    'superset_group' => $item->superset_group,
                    'is_required' => $item->is_required,
                    'alternative_exercise_id' => $item->alternative_exercise_id,
                    'rest_seconds' => $item->rest_seconds,
                    'notes' => $item->notes,
                    'sets' => $item->sets->map(fn ($set) => [
                        'reps_min' => $set->reps_min,
                        'reps_max' => $set->reps_max,
                        'technique' => $set->technique->value,
                        'drop_segments' => $set->drop_segments,
                        'percentage_1rm' => $set->percentage_1rm,
                        'target_time_seconds' => $set->target_time_seconds,
                        'rest_seconds' => $set->rest_seconds,
                        'rir_target' => $set->rir_target,
                        'tempo' => $set->tempo,
                        'notes' => $set->notes,
                    ])->values(),
                ])->values(),
            ])->values(),
        ])->values();
    }
    $storedWeeks ??= [[
        'title' => 'Settimana tipo',
        'notes' => null,
        'days' => [[
            'title' => 'Giorno 1',
            'weekday' => 1,
            'focus' => null,
            'estimated_duration_minutes' => null,
            'notes' => null,
            'exercises' => [],
        ]],
    ]];
@endphp

@section('content')
<x-breadcrumbs :items="[['label' => 'Schede', 'url' => route('coach.plans.index')], ['label' => $plan?->name ?? 'Nuova scheda']]" />

<form method="POST" action="{{ $plan ? route('coach.plans.update', [$plan, $version]) : route('coach.plans.store') }}" data-plan-form>
    @csrf
    @if ($plan) @method('PUT') @endif
    <input type="hidden" name="action" value="draft">

    <div class="d-flex flex-wrap justify-content-between align-items-start gap-3 mb-4">
        <div>
            <div class="d-flex align-items-center gap-2 mb-2">
                <h1 class="h3 mb-0">{{ $plan ? 'Editor scheda' : 'Nuova scheda' }}</h1>
                @if ($version)
                    <x-plan-status-badge :status="$version->status" />
                    <span class="badge text-bg-light">v{{ $version->version_number }}</span>
                @endif
            </div>
            @if ($version?->status === \App\Enums\PlanVersionStatus::Published)
                <p class="text-body-secondary mb-0">Le modifiche saranno salvate in una nuova versione, senza alterare questa pubblicazione.</p>
            @endif
        </div>
        <div class="d-flex flex-wrap gap-2">
            @if ($plan)
                <a href="{{ route('coach.plans.preview', [$plan, $version]) }}" class="btn btn-outline-secondary"><i class="bi bi-eye" aria-hidden="true"></i> Anteprima atleta</a>
            @endif
            <button type="submit" name="action" value="draft" class="btn btn-outline-primary">Salva bozza</button>
            <button type="submit" name="action" value="publish" class="btn btn-primary">Pubblica</button>
        </div>
    </div>

    @if ($errors->any())
        <div class="alert alert-danger" role="alert">
            <strong>Controlla i dati della scheda.</strong>
            <ul class="mb-0 mt-2">
                @foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach
            </ul>
        </div>
    @endif

    <div class="card border-0 shadow-sm mb-4">
        <div class="card-header bg-white"><h2 class="h5 mb-0">Informazioni generali</h2></div>
        <div class="card-body row g-3">
            <div class="col-12 col-lg-8">
                <label for="title" class="form-label">Titolo *</label>
                <input id="title" name="title" value="{{ old('title', $version?->title ?? $plan?->name) }}" class="form-control" required maxlength="150" data-bs-toggle="tooltip" data-bs-title="Nome identificativo della scheda, visibile anche all’atleta.">
            </div>
            <div class="col-6 col-lg-2">
                <label for="level" class="form-label">Livello *</label>
                <select id="level" name="level" class="form-select" required data-bs-toggle="tooltip" data-bs-title="Livello di esperienza per cui è progettata la scheda.">
                    @foreach ($levels as $level)
                        <option value="{{ $level->value }}" @selected(old('level', $version?->level?->value ?? 'beginner') === $level->value)>{{ $level->label() }}</option>
                    @endforeach
                </select>
            </div>
            <input id="frequency_per_week" name="frequency_per_week" type="hidden" value="{{ old('frequency_per_week', $version?->frequency_per_week ?? 1) }}" data-plan-frequency>
            <div class="col-12 col-lg-6">
                <label for="objective" class="form-label">Obiettivo</label>
                <input id="objective" name="objective" value="{{ old('objective', $version?->objective) }}" class="form-control" maxlength="150" data-bs-toggle="tooltip" data-bs-title="Risultato principale perseguito dal programma, ad esempio forza o ipertrofia.">
            </div>
            <div class="col-12 col-lg-2">
                <label for="duration_weeks" class="form-label">Durata (settimane) *</label>
                <input id="duration_weeks" name="duration_weeks" type="number" min="1" max="52" value="{{ old('duration_weeks', $version?->duration_weeks ?? 4) }}" class="form-control" required data-plan-duration data-bs-toggle="tooltip" data-bs-title="Numero di settimane per cui verrà ripetuta la settimana tipo.">
            </div>
            <div class="col-12">
                <label for="description" class="form-label">Descrizione</label>
                <textarea id="description" name="description" class="form-control" rows="3" data-bs-toggle="tooltip" data-bs-title="Presentazione generale del programma e del suo metodo di lavoro.">{{ old('description', $version?->description) }}</textarea>
            </div>
            <div class="col-12">
                <label for="notes" class="form-label">Note coach</label>
                <textarea id="notes" name="notes" class="form-control" rows="3" data-bs-toggle="tooltip" data-bs-title="Indicazioni generali aggiuntive destinate alla gestione della scheda.">{{ old('notes', $version?->notes) }}</textarea>
            </div>
        </div>
    </div>

    <div
        data-plan-editor
        data-state="{{ json_encode($storedWeeks) }}"
        data-exercises="{{ json_encode($exerciseCatalog->map(fn ($exercise) => ['id' => $exercise->id, 'name' => $exercise->name, 'has_video' => (bool) $exercise->video_url])->values()) }}"
        data-techniques="{{ json_encode(collect($techniques)->map(fn ($technique) => ['value' => $technique->value, 'label' => $technique->label()])->values()) }}"
        data-search-url="{{ route('coach.plans.exercises.search') }}"
        data-quick-create-url="{{ route('coach.plans.exercises.quick-create') }}"
        data-video-url="{{ route('coach.plans.exercises.video', '__ID__') }}">
        <div class="d-flex justify-content-between align-items-center gap-3 mb-3">
            <div>
                <h2 class="h4 mb-1">Settimana tipo</h2>
                <p class="text-body-secondary small mb-0">Definisci gli allenamenti dei giorni della settimana: verranno ripetuti per tutta la durata della scheda.</p>
            </div>
        </div>
        <div data-plan-weeks aria-live="polite"></div>
    </div>

    <div class="d-flex justify-content-end gap-2 mt-4">
        <button type="submit" name="action" value="draft" class="btn btn-outline-primary">Salva bozza</button>
        <button type="submit" name="action" value="publish" class="btn btn-primary">Pubblica scheda</button>
    </div>
</form>

<div class="modal fade" id="planVideoModal" tabindex="-1" aria-labelledby="planVideoModalTitle" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="modal-title fs-5" id="planVideoModalTitle">Anteprima video</h2>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Chiudi"></button>
            </div>
            <div class="modal-body" data-plan-video-body><x-loading-state label="Caricamento video…" /></div>
        </div>
    </div>
</div>
@endsection