@extends('layouts.app')
@section('title', 'Editor '.$plan->title.' · FranCoach')
@section('content')
<x-breadcrumbs :items="[['label'=>'Nutrizione','url'=>route('coach.nutrition.dashboard')],['label'=>'Piani','url'=>route('coach.nutrition.plans.index')],['label'=>$plan->title,'url'=>route('coach.nutrition.plans.show',$plan)],['label'=>'Editor']]" />
{{-- Catalogo alimenti/pietanze del coach: selezionabile da qualunque campo
     "Nome" qui sotto (list="food-catalog-list"). Scegliendo un nome già
     presente, quantità e unità vengono precompilate (vedi initNutritionModule
     in app.js); digitando un nome nuovo, verrà salvato in automatico nel
     catalogo dal backend al salvataggio. --}}
<datalist id="food-catalog-list">
    @foreach($foodCatalog as $food)
        <option value="{{ $food->name }}" data-quantity="{{ $food->default_quantity }}" data-unit="{{ $food->unit->value }}"></option>
    @endforeach
</datalist>
<div class="d-flex flex-wrap justify-content-between gap-3 mb-4"><div><h1 class="h3 mb-1">Editor: {{ $plan->title }}</h1><p class="text-body-secondary mb-0">Versione {{ $plan->version }}</p></div><a class="btn btn-outline-primary" href="{{ route('coach.nutrition.plans.preview',$plan) }}">Anteprima atleta</a></div>
@if($plan->assignments_count)
    <div class="alert alert-warning">Questo piano è assegnato a {{ $plan->assignments_count }} {{ $plan->assignments_count === 1 ? 'atleta' : 'atleti' }}. Le modifiche saranno visibili immediatamente.</div>
@endif
<section class="card border-0 shadow-sm mb-4">
    <div class="card-header bg-white"><h2 class="h5 mb-0">Aggiungi giornata</h2></div>
    <form method="POST" action="{{ route('coach.nutrition.days.store',$plan) }}" class="card-body row g-2">@csrf
        <div class="col-4 col-md-2"><label class="form-label" for="new-day-number">Numero</label><input id="new-day-number" name="day_number" type="number" min="1" class="form-control" required value="{{ $plan->days->max('day_number') + 1 }}"></div>
        <div class="col-8 col-md-4"><label class="form-label" for="new-day-title">Titolo</label><input id="new-day-title" name="title" class="form-control" required></div>
        <div class="col-6 col-md-2"><label class="form-label" for="new-calories">Kcal</label><input id="new-calories" name="total_calories" type="number" min="1" class="form-control" required></div>
        <div class="col-6 col-md-1"><label class="form-label" for="new-protein">Proteine</label><input id="new-protein" name="protein_grams" type="number" step=".1" min="0" class="form-control" required></div>
        <div class="col-6 col-md-1"><label class="form-label" for="new-carbs">Carbo</label><input id="new-carbs" name="carbohydrate_grams" type="number" step=".1" min="0" class="form-control" required></div>
        <div class="col-6 col-md-1"><label class="form-label" for="new-fat">Grassi</label><input id="new-fat" name="fat_grams" type="number" step=".1" min="0" class="form-control" required></div>
        <div class="col-12 col-md-1 d-flex align-items-end"><button class="btn btn-primary w-100" aria-label="Aggiungi giornata"><i class="bi bi-plus-lg" aria-hidden="true"></i></button></div>
    </form>
</section>
@if($plan->days->isEmpty())<x-nutrition.empty-state title="Nessuna giornata" message="Aggiungi la prima giornata alimentare." />@endif
<div class="accordion nutrition-editor" id="nutrition-days">
@foreach($plan->days as $day)
<section class="accordion-item mb-3 border rounded-3 overflow-hidden">
    <h2 class="accordion-header"><button class="accordion-button {{ $loop->first ? '' : 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#nutrition-day-{{ $day->id }}" aria-expanded="{{ $loop->first ? 'true' : 'false' }}"><strong class="me-2">Giorno {{ $day->day_number }} · {{ $day->title }}</strong><span class="small text-body-secondary">{{ $day->total_calories }} kcal</span></button></h2>
    <div id="nutrition-day-{{ $day->id }}" class="accordion-collapse collapse {{ $loop->first ? 'show' : '' }}">
        <div class="accordion-body">
            <form method="POST" action="{{ route('coach.nutrition.days.update',[$plan,$day]) }}" class="row g-2 mb-3" data-nutrition-autosave>@csrf @method('PUT')
                <div class="col-md-1"><label class="form-label" for="day-number-{{ $day->id }}">N.</label><input id="day-number-{{ $day->id }}" name="day_number" type="number" class="form-control" required value="{{ $day->day_number }}"></div>
                <div class="col-md-3"><label class="form-label" for="day-title-{{ $day->id }}">Titolo</label><input id="day-title-{{ $day->id }}" name="title" class="form-control" required value="{{ $day->title }}"></div>
                <div class="col-6 col-md-2"><label class="form-label" for="day-kcal-{{ $day->id }}">Kcal</label><input id="day-kcal-{{ $day->id }}" name="total_calories" type="number" class="form-control" required value="{{ $day->total_calories }}"></div>
                <div class="col-4 col-md-2"><label class="form-label" for="day-p-{{ $day->id }}">Proteine</label><input id="day-p-{{ $day->id }}" name="protein_grams" type="number" step=".1" class="form-control" required value="{{ $day->protein_grams }}"></div>
                <div class="col-4 col-md-2"><label class="form-label" for="day-c-{{ $day->id }}">Carbo</label><input id="day-c-{{ $day->id }}" name="carbohydrate_grams" type="number" step=".1" class="form-control" required value="{{ $day->carbohydrate_grams }}"></div>
                <div class="col-4 col-md-2"><label class="form-label" for="day-f-{{ $day->id }}">Grassi</label><input id="day-f-{{ $day->id }}" name="fat_grams" type="number" step=".1" class="form-control" required value="{{ $day->fat_grams }}"></div>
                <div class="col-12 d-flex justify-content-between align-items-center"><span class="small text-body-secondary" data-autosave-status aria-live="polite"></span><button class="btn btn-sm btn-outline-primary">Salva giornata</button></div>
            </form>
            <div class="d-flex flex-wrap gap-2 mb-3">
                @foreach(['up'=>'Sposta su','down'=>'Sposta giù'] as $direction=>$label)<form method="POST" action="{{ route('coach.nutrition.days.move',[$plan,$day]) }}">@csrf @method('PATCH')<input type="hidden" name="direction" value="{{ $direction }}"><button class="btn btn-sm btn-outline-secondary">{{ $label }}</button></form>@endforeach
                <form method="POST" action="{{ route('coach.nutrition.days.duplicate',[$plan,$day]) }}">@csrf<button class="btn btn-sm btn-outline-secondary">Duplica</button></form>
                <form method="POST" action="{{ route('coach.nutrition.days.destroy',[$plan,$day]) }}" data-confirm="Eliminare questa giornata?">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger">Elimina</button></form>
            </div>
            <x-nutrition.macro-summary :calories="$day->total_calories" :protein="$day->protein_grams" :carbohydrates="$day->carbohydrate_grams" :fat="$day->fat_grams" :warning="$day->macroCalculation?->has_warning" />
            <hr>
            @foreach($day->meals as $meal)
                <section class="border rounded-3 p-3 mb-3">
                    <div class="d-flex flex-wrap justify-content-between gap-2">
                        <h3 class="h5">{{ $meal->displayTitle() }}</h3>
                        <div class="d-flex gap-1">
                            @foreach(['up'=>'Sposta pasto su','down'=>'Sposta pasto giù'] as $direction=>$label)<form method="POST" action="{{ route('coach.nutrition.meals.move',[$day,$meal]) }}">@csrf @method('PATCH')<input type="hidden" name="direction" value="{{ $direction }}"><button class="btn btn-sm btn-outline-secondary" aria-label="{{ $label }}"><i class="bi {{ $direction === 'up' ? 'bi-arrow-up' : 'bi-arrow-down' }}" aria-hidden="true"></i></button></form>@endforeach
                            <form method="POST" action="{{ route('coach.nutrition.meals.duplicate',[$day,$meal]) }}">@csrf<button class="btn btn-sm btn-outline-secondary" aria-label="Duplica {{ $meal->displayTitle() }}"><i class="bi bi-copy" aria-hidden="true"></i></button></form>
                            <form method="POST" action="{{ route('coach.nutrition.meals.destroy',[$day,$meal]) }}" data-confirm="Eliminare questo pasto?">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger" aria-label="Elimina {{ $meal->displayTitle() }}"><i class="bi bi-trash" aria-hidden="true"></i></button></form>
                        </div>
                    </div>
                    <details class="mb-3"><summary>Modifica pasto</summary><form method="POST" action="{{ route('coach.nutrition.meals.update',[$day,$meal]) }}" class="row g-2 mt-2" data-nutrition-autosave>@csrf @method('PUT')
                        <div class="col-md-4"><label class="form-label" for="meal-title-{{ $meal->id }}">Titolo personalizzato</label><input id="meal-title-{{ $meal->id }}" name="custom_title" class="form-control" value="{{ $meal->custom_title }}"></div>
                        <div class="col-md-4"><label class="form-label" for="meal-type-edit-{{ $meal->id }}">Tipo</label><select id="meal-type-edit-{{ $meal->id }}" name="meal_type_id" class="form-select"><option value="">Personalizzato</option>@foreach($mealTypes as $type)<option value="{{ $type->id }}" @selected($meal->meal_type_id === $type->id)>{{ $type->name }}</option>@endforeach</select></div>
                        <div class="col-md-2"><label class="form-label" for="meal-time-{{ $meal->id }}">Orario</label><input id="meal-time-{{ $meal->id }}" name="meal_time" type="time" class="form-control" value="{{ $meal->meal_time ? substr($meal->meal_time,0,5) : '' }}"></div>
                        <div class="col-md-2 d-flex align-items-end"><button class="btn btn-outline-primary w-100">Salva</button></div>
                        <div class="col-12"><span class="small text-body-secondary" data-autosave-status aria-live="polite"></span></div>
                    </form></details>
                    @if($plan->days->count() > 1)<form method="POST" action="{{ route('coach.nutrition.meals.copy',[$day,$meal]) }}" class="d-flex gap-2 mb-3">@csrf<label class="visually-hidden" for="copy-meal-{{ $meal->id }}">Copia in giornata</label><select id="copy-meal-{{ $meal->id }}" name="target_day_id" class="form-select form-select-sm">@foreach($plan->days->where('id','!=',$day->id) as $targetDay)<option value="{{ $targetDay->id }}">{{ $targetDay->title }}</option>@endforeach</select><button class="btn btn-sm btn-outline-secondary">Copia nel giorno</button></form>@endif
                    @foreach($meal->items as $item)
                        <div class="nutrition-editor-item border-top py-3">
                            <div class="d-flex justify-content-between gap-2"><div><strong>{{ $item->title }}</strong> · {{ $item->quantity }} {{ $item->unit->label() }}</div><div class="d-flex gap-1">@foreach(['up'=>'Sposta pietanza su','down'=>'Sposta pietanza giù'] as $direction=>$label)<form method="POST" action="{{ route('coach.nutrition.items.move',[$meal,$item]) }}">@csrf @method('PATCH')<input type="hidden" name="direction" value="{{ $direction }}"><button class="btn btn-sm btn-outline-secondary" aria-label="{{ $label }}"><i class="bi {{ $direction === 'up' ? 'bi-arrow-up' : 'bi-arrow-down' }}" aria-hidden="true"></i></button></form>@endforeach<form method="POST" action="{{ route('coach.nutrition.items.duplicate',[$meal,$item]) }}">@csrf<button class="btn btn-sm btn-outline-secondary" aria-label="Duplica {{ $item->title }}"><i class="bi bi-copy" aria-hidden="true"></i></button></form><form method="POST" action="{{ route('coach.nutrition.items.destroy',[$meal,$item]) }}" data-confirm="Eliminare questa pietanza?">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger" aria-label="Elimina {{ $item->title }}"><i class="bi bi-trash" aria-hidden="true"></i></button></form></div></div>
                            <details class="mt-2"><summary>Modifica pietanza</summary><form method="POST" action="{{ route('coach.nutrition.items.update',[$meal,$item]) }}" class="row g-2 mt-2" data-nutrition-autosave>@csrf @method('PUT')
                                <div class="col-md-5"><label class="form-label" for="edit-item-title-{{ $item->id }}">Nome</label><input id="edit-item-title-{{ $item->id }}" name="title" list="food-catalog-list" data-food-title-input class="form-control form-control-sm" required value="{{ $item->title }}"></div>
                                <div class="col-md-2"><label class="form-label" for="edit-item-qty-{{ $item->id }}">Quantità</label><input id="edit-item-qty-{{ $item->id }}" name="quantity" type="number" step=".01" min=".01" data-food-quantity-input class="form-control form-control-sm" required value="{{ $item->quantity }}"></div>
                                <div class="col-md-3"><label class="form-label" for="edit-item-unit-{{ $item->id }}">Unità</label><select id="edit-item-unit-{{ $item->id }}" name="unit" data-food-unit-input class="form-select form-select-sm">@foreach(\App\Enums\FoodUnit::cases() as $unit)<option value="{{ $unit->value }}" @selected($item->unit === $unit)>{{ $unit->label() }}</option>@endforeach</select></div>
                                <div class="col-md-2 d-flex align-items-end"><button class="btn btn-sm btn-outline-primary w-100">Salva</button></div>
                                <div class="col-12"><span class="small text-body-secondary" data-autosave-status aria-live="polite"></span></div>
                            </form></details>
                            <x-nutrition.alternatives-list :alternatives="$item->alternatives" />
                            <form method="POST" action="{{ route('coach.nutrition.alternatives.store',$item) }}" class="row g-2 mt-1">@csrf
                                <div class="col-md-5"><label class="visually-hidden" for="alt-title-{{ $item->id }}">Alternativa</label><input id="alt-title-{{ $item->id }}" name="title" list="food-catalog-list" data-food-title-input class="form-control form-control-sm" placeholder="Nuova alternativa" required></div>
                                <div class="col-4 col-md-2"><label class="visually-hidden" for="alt-qty-{{ $item->id }}">Quantità</label><input id="alt-qty-{{ $item->id }}" name="quantity" type="number" step=".01" min=".01" data-food-quantity-input class="form-control form-control-sm" placeholder="Quantità" required></div>
                                <div class="col-4 col-md-3"><label class="visually-hidden" for="alt-unit-{{ $item->id }}">Unità</label><select id="alt-unit-{{ $item->id }}" name="unit" data-food-unit-input class="form-select form-select-sm">@foreach(\App\Enums\FoodUnit::cases() as $unit)<option value="{{ $unit->value }}">{{ $unit->label() }}</option>@endforeach</select></div>
                                <div class="col-4 col-md-2"><button class="btn btn-sm btn-outline-primary w-100">Aggiungi</button></div>
                            </form>
                        </div>
                    @endforeach
                    <form method="POST" action="{{ route('coach.nutrition.items.store',$meal) }}" class="row g-2 mt-2">@csrf
                        <div class="col-md-5"><label class="visually-hidden" for="item-title-{{ $meal->id }}">Pietanza</label><input id="item-title-{{ $meal->id }}" name="title" list="food-catalog-list" data-food-title-input class="form-control" placeholder="Nuova pietanza (o scegli dal catalogo)" required></div>
                        <div class="col-4 col-md-2"><label class="visually-hidden" for="item-qty-{{ $meal->id }}">Quantità</label><input id="item-qty-{{ $meal->id }}" name="quantity" type="number" step=".01" min=".01" data-food-quantity-input class="form-control" placeholder="Quantità" required></div>
                        <div class="col-4 col-md-3"><label class="visually-hidden" for="item-unit-{{ $meal->id }}">Unità</label><select id="item-unit-{{ $meal->id }}" name="unit" data-food-unit-input class="form-select">@foreach(\App\Enums\FoodUnit::cases() as $unit)<option value="{{ $unit->value }}">{{ $unit->label() }}</option>@endforeach</select></div>
                        <div class="col-4 col-md-2"><button class="btn btn-outline-primary w-100">Aggiungi</button></div>
                    </form>
                </section>
            @endforeach
            <form method="POST" action="{{ route('coach.nutrition.meals.store',$day) }}" class="row g-2">@csrf
                <div class="col-md-8"><label class="form-label" for="meal-type-{{ $day->id }}">Nuovo pasto</label><select id="meal-type-{{ $day->id }}" name="meal_type_id" class="form-select" required>@foreach($mealTypes as $type)<option value="{{ $type->id }}">{{ $type->name }}</option>@endforeach</select></div>
                <div class="col-md-4 d-flex align-items-end"><button class="btn btn-primary w-100">Aggiungi pasto</button></div>
            </form>
        </div>
    </div>
</section>
@endforeach
</div>
@endsection