@extends('layouts.app')
@section('title', 'Consigli alimentari · FranCoach')
@section('content')
<x-breadcrumbs :items="[['label'=>'Nutrizione','url'=>route('coach.nutrition.dashboard')],['label'=>'Consigli']]" />
<h1 class="h3 mb-4">Consigli alimentari</h1>
<form method="POST" action="{{ route('coach.nutrition.advice.store') }}" class="card border-0 shadow-sm mb-4">@csrf<div class="card-body row g-3">
<div class="col-md-8"><label class="form-label" for="advice-title">Titolo</label><input id="advice-title" name="title" class="form-control" required></div>
<div class="col-md-4"><label class="form-label" for="advice-category">Categoria</label><input id="advice-category" name="category" class="form-control" list="advice-categories" required><datalist id="advice-categories">@foreach(config('francoach.nutrition_advice_categories') as $category)<option value="{{ $category }}">@endforeach</datalist></div>
<div class="col-12"><label class="form-label" for="advice-short">Descrizione breve</label><input id="advice-short" name="short_description" class="form-control"></div>
<div class="col-12"><label class="form-label" for="advice-content">Contenuto</label><textarea id="advice-content" name="content" class="form-control" rows="4" required></textarea></div>
<div class="col-md-3"><label class="form-label" for="advice-priority">Priorità</label><input id="advice-priority" name="priority" type="number" min="0" max="100" class="form-control" value="0" required></div>
<div class="col-md-3"><label class="form-label" for="advice-status">Stato</label><select id="advice-status" name="status" class="form-select">@foreach(\App\Enums\NutritionalAdviceStatus::cases() as $status)<option value="{{ $status->value }}">{{ $status->label() }}</option>@endforeach</select></div>
<div class="col-md-3 d-flex align-items-end"><div class="form-check"><input type="hidden" name="is_visible_to_athlete" value="0"><input id="advice-visible" type="checkbox" name="is_visible_to_athlete" value="1" class="form-check-input"><label for="advice-visible" class="form-check-label">Visibile</label></div></div>
<div class="col-md-3 d-flex align-items-end"><div class="form-check"><input type="hidden" name="assign" value="0"><input id="advice-assign" type="checkbox" name="assign" value="1" class="form-check-input"><label for="advice-assign" class="form-check-label">Assegna</label></div></div>
</div><div class="card-footer text-end"><button class="btn btn-primary">Crea consiglio</button></div></form>
<div class="row g-3">@forelse($adviceItems as $advice)<div class="col-md-6"><article class="card border-0 shadow-sm"><div class="card-body"><div class="d-flex justify-content-between"><x-nutrition.status-badge :status="$advice->status" /><span class="small">{{ $advice->assignments_count }} assegnazioni</span></div><h2 class="h5 mt-2">{{ $advice->title }}</h2><p>{{ $advice->short_description }}</p>
<details class="mb-3"><summary>Modifica consiglio</summary><form method="POST" action="{{ route('coach.nutrition.advice.update',$advice) }}" class="row g-2 mt-2">@csrf @method('PUT')
<div class="col-12"><label class="form-label" for="edit-advice-title-{{ $advice->id }}">Titolo</label><input id="edit-advice-title-{{ $advice->id }}" name="title" class="form-control" required value="{{ $advice->title }}"></div>
<div class="col-6"><label class="form-label" for="edit-advice-category-{{ $advice->id }}">Categoria</label><input id="edit-advice-category-{{ $advice->id }}" name="category" class="form-control" required value="{{ $advice->category }}"></div>
<div class="col-3"><label class="form-label" for="edit-advice-priority-{{ $advice->id }}">Priorità</label><input id="edit-advice-priority-{{ $advice->id }}" name="priority" type="number" min="0" max="100" class="form-control" value="{{ $advice->priority }}" required></div>
<div class="col-3"><label class="form-label" for="edit-advice-status-{{ $advice->id }}">Stato</label><select id="edit-advice-status-{{ $advice->id }}" name="status" class="form-select">@foreach(\App\Enums\NutritionalAdviceStatus::cases() as $status)<option value="{{ $status->value }}" @selected($advice->status === $status)>{{ $status->label() }}</option>@endforeach</select></div>
<div class="col-12"><label class="form-label" for="edit-advice-content-{{ $advice->id }}">Contenuto</label><textarea id="edit-advice-content-{{ $advice->id }}" name="content" class="form-control" required>{{ $advice->content }}</textarea></div>
<input type="hidden" name="short_description" value="{{ $advice->short_description }}"><input type="hidden" name="is_visible_to_athlete" value="{{ $advice->is_visible_to_athlete ? 1 : 0 }}"><input type="hidden" name="assign" value="{{ $advice->assignments_count ? 1 : 0 }}">
<div class="col-12"><button class="btn btn-outline-primary">Salva modifiche</button></div></form></details>
<div class="d-flex gap-2"><form method="POST" action="{{ route('coach.nutrition.advice.duplicate',$advice) }}">@csrf<button class="btn btn-sm btn-outline-primary">Duplica</button></form><form method="POST" action="{{ route('coach.nutrition.advice.destroy',$advice) }}" data-confirm="Archiviare questo consiglio?">@csrf @method('DELETE')<button class="btn btn-sm btn-outline-danger">Archivia</button></form></div></div></article></div>@empty<div class="col-12"><x-nutrition.empty-state title="Nessun consiglio" /></div>@endforelse</div><div class="mt-4">{{ $adviceItems->links() }}</div>
@endsection