@extends('adminlte::page')

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

@section('content_header')
    <h1>Nuovo alimento personale</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.store') }}" method="post">
        @csrf

        {{-- Scelta banca dati personale --}}
        <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">
                <div class="form-group mb-2">
                    <label for="banca_dati_id">Banca dati personale</label>
                    <select class="form-control" id="banca_dati_id" name="banca_dati_id">
                        <option value="">— Seleziona una banca dati —</option>
                        @foreach($banchePersonali as $b)
                            <option value="{{ $b->id }}" {{ old('banca_dati_id') == $b->id ? 'selected' : '' }}>{{ $b->nome }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group mb-0">
                    <label for="nome_nuova_banca">Oppure crea una nuova banca dati</label>
                    <input type="text" class="form-control" id="nome_nuova_banca" name="nome_nuova_banca" value="{{ old('nome_nuova_banca') }}" placeholder="Nome della nuova banca dati" maxlength="191">
                    <small class="form-text text-muted">Se compili questo campo, verrà creata una nuova banca dati personale e l'alimento verrà aggiunto ad essa.</small>
                </div>
            </div>
        </div>

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

        <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 alimento
            </button>
            <a href="{{ route('diete.alimenti.index') }}" class="btn btn-secondary mb-1 mb-sm-0">Annulla</a>
        </div>
    </form>
</div>
@stop