@extends('adminlte::page')

@section('title', 'Modifica alimento personale')

@section('content_header')
    <h1>Modifica alimento: {{ $alimento->nome ?: $alimento->codice_alimento ?: '#' . $alimento->id }}</h1>
@stop

@section('css')
    @include('diete.alimenti._form-stili')
@stop

@section('content')
<div class="container-fluid alimento-form-page">
    <p class="mb-3">
        <a href="{{ route('diete.alimenti.index') }}" class="btn btn-outline-secondary btn-sm">
            <i class="fas fa-arrow-left"></i> Torna alla banca dati alimenti
        </a>
    </p>

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
            <ul class="mb-0">
                @foreach($errors->all() as $err)
                    <li>{{ $err }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form action="{{ route('diete.alimenti.update', $alimento) }}" method="post">
        @csrf
        @method('PUT')

        <div class="card card-outline card-primary mb-3">
            <div class="card-header">
                <h3 class="card-title mb-0">Banca dati</h3>
            </div>
            <div class="card-body py-3">
                <p class="mb-0">
                    <strong>{{ $alimento->bancaDati?->nome }}</strong>
                    <span class="badge badge-secondary ml-1">Personale</span>
                </p>
                <small class="form-text text-muted">La banca dati non può essere modificata.</small>
            </div>
        </div>

        @include('diete.alimenti._form-campi', ['alimento' => $alimento])

        <div class="alimento-form-actions d-flex flex-wrap align-items-center">
            <button type="submit" class="btn btn-primary mr-2 mb-1 mb-sm-0">
                <i class="fas fa-save"></i> Salva modifiche
            </button>
            <a href="{{ route('diete.alimenti.index') }}" class="btn btn-secondary mb-1 mb-sm-0">Annulla</a>
        </div>
    </form>
</div>
@stop