@extends('layouts.app')
@section('title', 'Liste della spesa · FranCoach')
@section('content')
<x-breadcrumbs :items="[['label'=>'Nutrizione','url'=>route('coach.nutrition.dashboard')],['label'=>'Lista della spesa']]" />
<h1 class="h3 mb-4">Liste della spesa</h1>
@if($plans->isNotEmpty())<div class="card border-0 shadow-sm mb-4"><div class="card-body"><h2 class="h5">Genera lista</h2><form method="POST" action="{{ route('coach.nutrition.shopping.generate',$plans->first()) }}" class="row g-3" data-shopping-generator>@csrf
<div class="col-md-4"><label class="form-label" for="shopping-plan">Piano</label><select id="shopping-plan" class="form-select" data-action-template="{{ route('coach.nutrition.shopping.generate','__PLAN__') }}">@foreach($plans as $plan)<option value="{{ $plan->id }}">{{ $plan->title }}</option>@endforeach</select></div>
<div class="col-md-3"><label class="form-label" for="shopping-title">Titolo</label><input id="shopping-title" name="title" class="form-control" required value="Spesa settimanale"></div>
<div class="col-md-2"><label class="form-label" for="shopping-start">Inizio</label><input id="shopping-start" name="start_date" type="date" class="form-control" required value="{{ today()->format('Y-m-d') }}"></div>
<div class="col-md-2"><label class="form-label" for="shopping-end">Fine</label><input id="shopping-end" name="end_date" type="date" class="form-control" required value="{{ today()->addDays(6)->format('Y-m-d') }}"></div>
<div class="col-md-1 d-flex align-items-end"><button class="btn btn-primary w-100" aria-label="Genera lista"><i class="bi bi-cart-plus" aria-hidden="true"></i></button></div>
</form></div></div>@endif
<datalist id="shopping-categories">@foreach(config('francoach.shopping_categories') as $category)<option value="{{ $category }}">@endforeach</datalist>
@forelse($lists as $list)<section class="card border-0 shadow-sm mb-3"><div class="card-body"><h2 class="h5">{{ $list->title }}</h2><p class="small text-body-secondary">{{ $list->plan?->title }} · {{ $list->start_date->format('d/m/Y') }} – {{ $list->end_date->format('d/m/Y') }}</p>
@foreach($list->items as $item)<div class="row g-2 align-items-end border-bottom pb-2 mb-2"><form method="POST" action="{{ route('coach.nutrition.shopping.items.update',[$list,$item]) }}" class="col row g-2">@csrf @method('PUT')<div class="col-md-4"><label class="visually-hidden" for="shop-name-{{ $item->id }}">Prodotto</label><input id="shop-name-{{ $item->id }}" name="item_name" class="form-control form-control-sm" value="{{ $item->item_name }}" required></div><div class="col-md-3"><label class="visually-hidden" for="shop-category-{{ $item->id }}">Categoria</label><input id="shop-category-{{ $item->id }}" name="category" class="form-control form-control-sm" list="shopping-categories" value="{{ $item->category }}" required></div><div class="col-md-2"><label class="visually-hidden" for="shop-qty-{{ $item->id }}">Quantità</label><input id="shop-qty-{{ $item->id }}" name="total_quantity" type="number" step=".01" class="form-control form-control-sm" value="{{ $item->total_quantity }}"></div><input type="hidden" name="unit" value="{{ $item->unit?->value }}"><div class="col-md-3"><button class="btn btn-sm btn-outline-primary w-100">Salva</button></div></form><form method="POST" action="{{ route('coach.nutrition.shopping.items.destroy',[$list,$item]) }}" class="col-auto" data-confirm="Eliminare questo prodotto?">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger" aria-label="Elimina {{ $item->item_name }}"><i class="bi bi-trash" aria-hidden="true"></i></button></form></div>@endforeach
<form method="POST" action="{{ route('coach.nutrition.shopping.items.store',$list) }}" class="row g-2 mt-3">@csrf<div class="col-md-4"><label class="visually-hidden" for="new-shop-name-{{ $list->id }}">Prodotto</label><input id="new-shop-name-{{ $list->id }}" name="item_name" class="form-control" placeholder="Nuovo prodotto" required></div><div class="col-md-3"><label class="visually-hidden" for="new-shop-category-{{ $list->id }}">Categoria</label><input id="new-shop-category-{{ $list->id }}" name="category" class="form-control" placeholder="Categoria" required></div><div class="col-md-2"><label class="visually-hidden" for="new-shop-qty-{{ $list->id }}">Quantità</label><input id="new-shop-qty-{{ $list->id }}" name="total_quantity" type="number" step=".01" min=".01" class="form-control" placeholder="Quantità"></div><div class="col-md-3"><button class="btn btn-outline-primary w-100">Aggiungi prodotto</button></div></form>
</div></section>@empty<x-nutrition.empty-state title="Nessuna lista della spesa" />@endforelse<div class="mt-4">{{ $lists->links() }}</div>
@endsection