@php
    /**
     * Restituisce il valore del campo (old input o modello).
     */
    $valore = static function (string $campo) use ($alimento) {
        return old($campo, $alimento?->{$campo});
    };

    /**
     * Estrae etichetta e unità da una label tipo "Sodio (mg)".
     *
     * @return array{0: string, 1: string|null}
     */
    $splitUnita = static function (string $label): array {
        if (preg_match('/^(.*?)\s*\(([^)]+)\)\s*$/u', $label, $m)) {
            return [trim($m[1]), $m[2]];
        }

        return [$label, null];
    };
@endphp

<div class="card card-primary card-outline card-tabs mb-3 alimento-form-tabs">
    <div class="card-header p-0 pt-1 border-bottom-0">
        <ul class="nav nav-tabs alimento-form-nav flex-nowrap overflow-auto" id="alimento-form-tab" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" id="tab-identificativi" data-toggle="tab" href="#pane-identificativi" role="tab" aria-controls="pane-identificativi" aria-selected="true">Identificativi</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab-energia" data-toggle="tab" href="#pane-energia" role="tab" aria-controls="pane-energia" aria-selected="false">Energia / Macro</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab-minerali" data-toggle="tab" href="#pane-minerali" role="tab" aria-controls="pane-minerali" aria-selected="false">Minerali</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab-vitamine" data-toggle="tab" href="#pane-vitamine" role="tab" aria-controls="pane-vitamine" aria-selected="false">Vitamine</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab-aminoacidi" data-toggle="tab" href="#pane-aminoacidi" role="tab" aria-controls="pane-aminoacidi" aria-selected="false">Aminoacidi</a>
            </li>
        </ul>
    </div>
    <div class="card-body">
        <div class="tab-content" id="alimento-form-tabContent">
            {{-- Identificativi --}}
            <div class="tab-pane fade show active" id="pane-identificativi" role="tabpanel" aria-labelledby="tab-identificativi">
                <div class="form-group mb-2">
                    <label for="nome">Nome</label>
                    <input type="text" class="form-control" id="nome" name="nome" value="{{ $valore('nome') }}" maxlength="255">
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group mb-2">
                            <label for="codice_alimento">Codice alimento</label>
                            <input type="text" class="form-control" id="codice_alimento" name="codice_alimento" value="{{ $valore('codice_alimento') }}" maxlength="255">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-2">
                            <label for="categoria">Categoria</label>
                            <input type="text" class="form-control" id="categoria" name="categoria" value="{{ $valore('categoria') }}" maxlength="255">
                        </div>
                        <div class="form-group mb-2">
                            <label for="famiglia">Famiglia (sostituti)</label>
                            <select class="form-control" id="famiglia" name="famiglia">
                                <option value="">—</option>
                                @foreach (\App\Models\Alimento::famiglie() as $slug => $etichetta)
                                    <option value="{{ $slug }}" @selected($valore('famiglia') === $slug)>{{ $etichetta }}</option>
                                @endforeach
                            </select>
                            @error('famiglia')<div class="text-danger small">{{ $message }}</div>@enderror
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group mb-2">
                            <label for="nome_scientifico">Nome scientifico</label>
                            <input type="text" class="form-control" id="nome_scientifico" name="nome_scientifico" value="{{ $valore('nome_scientifico') }}" maxlength="255">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-2">
                            <label for="english_name">English name</label>
                            <input type="text" class="form-control" id="english_name" name="english_name" value="{{ $valore('english_name') }}" maxlength="255">
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group mb-2">
                            <label for="parte_edibile">Parte edibile</label>
                            <input type="number" step="0.0001" class="form-control alimento-num" id="parte_edibile" name="parte_edibile" value="{{ $valore('parte_edibile') }}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-2">
                            <label for="porzione">Porzione</label>
                            <input type="text" class="form-control" id="porzione" name="porzione" value="{{ $valore('porzione') }}" maxlength="255">
                        </div>
                    </div>
                </div>
                <div class="form-group mb-2">
                    <label for="url">URL</label>
                    <input type="url" class="form-control" id="url" name="url" value="{{ $valore('url') }}" maxlength="500">
                </div>
                <div class="form-group mb-2">
                    <label for="ingredienti">Ingredienti</label>
                    <textarea class="form-control" id="ingredienti" name="ingredienti" rows="4" maxlength="8000">{{ $valore('ingredienti') }}</textarea>
                    <small class="form-text text-muted">Lista dichiarata in etichetta. In generazione piano, se un ingrediente è incompatibile con patologia o condizione fisica, l'alimento viene escluso.</small>
                </div>
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group mb-2 mb-md-0">
                            <label for="allergeni">Allergeni</label>
                            <textarea class="form-control" id="allergeni" name="allergeni" rows="2" maxlength="2000">{{ $valore('allergeni') }}</textarea>
                            <small class="form-text text-muted">Allergeni dichiarati in etichetta (es. latte, soia, glutine).</small>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-0">
                            <label for="tracce_allergeni">Tracce di allergeni</label>
                            <textarea class="form-control" id="tracce_allergeni" name="tracce_allergeni" rows="2" maxlength="2000">{{ $valore('tracce_allergeni') }}</textarea>
                            <small class="form-text text-muted">Eventuali tracce (es. «può contenere…»).</small>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Energia e macronutrienti --}}
            <div class="tab-pane fade" id="pane-energia" role="tabpanel" aria-labelledby="tab-energia">
                @php
                    $campiEnergia = [
                        'energia_kcal' => 'Energia (kcal)',
                        'energia_kj' => 'Energia (kJ)',
                    ];
                    $campiMacro = [
                        'acqua_g' => 'Acqua (g)',
                        'proteine_g' => 'Proteine (g)',
                        'lipidi_g' => 'Lipidi (g)',
                        'colesterolo_mg' => 'Colesterolo (mg)',
                        'carboidrati_disponibili_g' => 'Carboidrati disponibili (g)',
                        'amido_g' => 'Amido (g)',
                        'zuccheri_solubili_g' => 'Zuccheri solubili (g)',
                        'alcool_g' => 'Alcool (g)',
                        'fibra_totale_g' => 'Fibra totale (g)',
                        'fibra_solubile_g' => 'Fibra solubile (g)',
                        'fibra_insolubile_g' => 'Fibra insolubile (g)',
                    ];
                @endphp

                <div class="row">
                    @foreach($campiEnergia as $name => $label)
                        @php [$lbl, $unit] = $splitUnita($label); @endphp
                        <div class="col-sm-6">
                            <div class="form-group mb-2">
                                <label for="{{ $name }}" class="font-weight-bold">{{ $lbl }}</label>
                                <div class="input-group input-group-lg">
                                    <input type="number" step="0.0001" class="form-control alimento-num" id="{{ $name }}" name="{{ $name }}" value="{{ $valore($name) }}">
                                    @if($unit)
                                        <div class="input-group-append">
                                            <span class="input-group-text">{{ $unit }}</span>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>

                <hr class="my-2">

                <div class="row">
                    @foreach($campiMacro as $name => $label)
                        @php [$lbl, $unit] = $splitUnita($label); @endphp
                        <div class="col-sm-6 col-lg-4">
                            <div class="form-group mb-2">
                                <label for="{{ $name }}">{{ $lbl }}</label>
                                <div class="input-group input-group-sm">
                                    <input type="number" step="0.0001" class="form-control alimento-num" id="{{ $name }}" name="{{ $name }}" value="{{ $valore($name) }}">
                                    @if($unit)
                                        <div class="input-group-append">
                                            <span class="input-group-text">{{ $unit }}</span>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            {{-- Minerali --}}
            <div class="tab-pane fade" id="pane-minerali" role="tabpanel" aria-labelledby="tab-minerali">
                @php
                    $minerali = [
                        'sodio_mg' => 'Sodio (mg)', 'potassio_mg' => 'Potassio (mg)', 'calcio_mg' => 'Calcio (mg)',
                        'magnesio_mg' => 'Magnesio (mg)', 'fosforo_mg' => 'Fosforo (mg)', 'ferro_mg' => 'Ferro (mg)',
                        'rame_mg' => 'Rame (mg)', 'zinco_mg' => 'Zinco (mg)', 'selenio_ug' => 'Selenio (μg)',
                    ];
                @endphp
                <div class="row">
                    @foreach($minerali as $name => $label)
                        @php [$lbl, $unit] = $splitUnita($label); @endphp
                        <div class="col-sm-6 col-lg-4">
                            <div class="form-group mb-2">
                                <label for="{{ $name }}">{{ $lbl }}</label>
                                <div class="input-group input-group-sm">
                                    <input type="number" step="0.0001" class="form-control alimento-num" id="{{ $name }}" name="{{ $name }}" value="{{ $valore($name) }}">
                                    @if($unit)
                                        <div class="input-group-append">
                                            <span class="input-group-text">{{ $unit }}</span>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            {{-- Vitamine --}}
            <div class="tab-pane fade" id="pane-vitamine" role="tabpanel" aria-labelledby="tab-vitamine">
                @php
                    $vitamine = [
                        'tiamina_mg' => 'Tiamina (mg)', 'riboflavina_mg' => 'Riboflavina (mg)', 'niacina_mg' => 'Niacina (mg)',
                        'vitamina_c_mg' => 'Vitamina C (mg)', 'folati_ug' => 'Folati (μg)',
                        'vitamina_a_retinolo_equivalente_ug' => 'Vit. A retinolo eq. (μg)',
                    ];
                @endphp
                <div class="row">
                    @foreach($vitamine as $name => $label)
                        @php [$lbl, $unit] = $splitUnita($label); @endphp
                        <div class="col-sm-6 col-lg-4">
                            <div class="form-group mb-2">
                                <label for="{{ $name }}">{{ $lbl }}</label>
                                <div class="input-group input-group-sm">
                                    <input type="number" step="0.0001" class="form-control alimento-num" id="{{ $name }}" name="{{ $name }}" value="{{ $valore($name) }}">
                                    @if($unit)
                                        <div class="input-group-append">
                                            <span class="input-group-text">{{ $unit }}</span>
                                        </div>
                                    @endif
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
            </div>

            {{-- Aminoacidi --}}
            <div class="tab-pane fade" id="pane-aminoacidi" role="tabpanel" aria-labelledby="tab-aminoacidi">
                @php
                    $amminoacidi = [
                        'lisina' => 'Lisina', 'istidina' => 'Istidina', 'arginina' => 'Arginina',
                        'acido_aspartico' => 'Acido aspartico', 'treonina' => 'Treonina', 'serina' => 'Serina',
                        'acido_glutammico' => 'Acido glutammico', 'prolina' => 'Prolina', 'glicina' => 'Glicina',
                        'alanina' => 'Alanina', 'cistina' => 'Cistina', 'valina' => 'Valina',
                        'metionina' => 'Metionina', 'isoleucina' => 'Isoleucina', 'leucina' => 'Leucina',
                        'tirosina' => 'Tirosina', 'fenilalanina' => 'Fenilalanina', 'triptofano' => 'Triptofano',
                    ];
                @endphp
                <div class="row">
                    @foreach($amminoacidi as $name => $label)
                        <div class="col-sm-6 col-md-4 col-xl-3">
                            <div class="form-group mb-2">
                                <label for="{{ $name }}">{{ $label }}</label>
                                <input type="number" step="0.0001" class="form-control form-control-sm alimento-num" id="{{ $name }}" name="{{ $name }}" value="{{ $valore($name) }}">
                            </div>
                        </div>
                    @endforeach
                </div>
                <hr class="my-2">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group mb-2 mb-md-0">
                            <label for="indice_chimico">Indice chimico</label>
                            <input type="number" step="0.0001" class="form-control form-control-sm alimento-num" id="indice_chimico" name="indice_chimico" value="{{ $valore('indice_chimico') }}">
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group mb-0">
                            <label for="aminoacido_limitante">Aminoacido limitante</label>
                            <input type="text" class="form-control form-control-sm" id="aminoacido_limitante" name="aminoacido_limitante" value="{{ $valore('aminoacido_limitante') }}" maxlength="255">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>