@php
    $piatto = $riga_ordine->piatto;
    $hasAllergeni = $piatto?->elencoAllergeni?->isNotEmpty() ?? false;
    $allergeniLabel = $hasAllergeni
        ? $piatto->elencoAllergeni->pluck('nome')->implode(', ')
        : '';
    $showActions = true; //!$riga_ordine->note || $riga_ordine->quantita > 1;
@endphp

{{-- Bozza v1: stepper | contenuto | prezzo --}}
<div class="carrello-item ">

    <div class="d-flex align-items-center gap-2">

        {{-- Stepper quantità --}}
        <div class="carrello-item-stepper d-flex flex-shrink-0 border rounded overflow-hidden bg-white"
             role="group"
             aria-label="Quantità">
            <button type="button"
                class="carrello-item-stepper-btn btn btn-warning rounded-0 border-0"
                title="Diminuisci"
                aria-label="Diminuisci quantità"
                onclick="diminuisciQuantita({{ $piatto_id }}, {{ $riga_ordine_id }})"
                data-action="diminuisci"
                data-piatto-id="{{ $piatto_id }}"
                data-riga-ordine-id="{{ $riga_ordine_id }}">
                <i class="bx bx-minus"></i>
            </button>
            <span class="carrello-item-stepper-qty d-flex align-items-center justify-content-center bg-light fw-bold border-start border-end">
                {{ $riga_ordine->quantita }}
            </span>
            <button type="button"
                class="carrello-item-stepper-btn btn btn-success rounded-0 border-0"
                title="Aumenta"
                aria-label="Aumenta quantità"
                onclick="aumentaQuantita({{ $piatto_id }}, {{ $riga_ordine_id }})"
                data-action="aumenta"
                data-piatto-id="{{ $piatto_id }}"
                data-riga-ordine-id="{{ $riga_ordine_id }}">
                <i class="bx bx-plus"></i>
            </button>
        </div>

        {{-- Nome, note, azioni --}}
        <div class="flex-grow-1 min-w-0 align-self-start">

            <div class="d-flex align-items-center gap-1 min-w-0">
                <span class="carrello-item-nome fw-semibold text-truncate">{{ $piatto->nome ?? '—' }}</span>
                @if($hasAllergeni)
                    <button type="button"
                        class="carrello-item-allergeni-hint btn btn-link p-0 flex-shrink-0"
                        title="Mostra allergeni"
                        aria-label="Allergeni: {{ $allergeniLabel }}"
                        onclick="Swal.fire({icon:'warning',title:'Allergeni',text:{!! json_encode($allergeniLabel) !!}})">
                        <i class="bx bx-error-circle text-warning"></i>
                    </button>
                @endif
            </div>

            @if($riga_ordine->note)
                <button type="button"
                    class="carrello-item-nota-text carrello-item-nota-text--present btn btn-link p-0 mt-1 text-start text-truncate d-block w-100 rounded-1"
                    title="Modifica nota"
                    data-nota="{{ e($riga_ordine->note) }}"
                    onclick="aggiungiNota({{ $piatto_id }}, {{ $riga_ordine_id }}, this.getAttribute('data-nota'), this.getAttribute('data-piatto-nome'))"
                    data-action="aggiungi_nota"
                    data-piatto-nome="{{ $piatto->nome }}"
                    data-piatto-id="{{ $piatto_id }}"
                    data-riga-ordine-id="{{ $riga_ordine_id }}">
                    <i class="bx bx-arrow-back rotate-180 me-1"></i>{{ $riga_ordine->note }}
                </button>
            @endif

<!--  -->
            <div class="carrello-item-actions d-flex flex-wrap gap-1 mt-1">
                    @if(!$riga_ordine->note)
                        <button type="button"
                            class="carrello-item-action-btn btn btn-outline-secondary btn-sm"
                            title="Aggiungi nota"
                            onclick="aggiungiNota({{ $piatto_id }}, {{ $riga_ordine_id }}, '', this.getAttribute('data-piatto-nome'))"
                            data-action="aggiungi_nota"
                            data-piatto-nome="{{ $piatto->nome }}"
                            data-piatto-id="{{ $piatto_id }}"
                            data-riga-ordine-id="{{ $riga_ordine_id }}">
                            <i class="bx bx-note"></i>
                            <span class="ms-1">nota</span>
                        </button>
                    @endif
                    @if($riga_ordine->quantita)
                        <button type="button"
                            class="carrello-item-action-btn btn btn-outline-secondary btn-sm"
                            title="Aggiungi variante"
                            onclick="aggiungiVariante({{ $piatto_id }}, {{ $riga_ordine_id }}, this.getAttribute('data-piatto-nome'))"
                            data-action="aggiungi_variante"
                            data-piatto-nome="{{ $piatto->nome }}"
                            data-piatto-id="{{ $piatto_id }}"
                            data-riga-ordine-id="{{ $riga_ordine_id }}">
                            <i class="bx bx-category-alt"></i>
                            <span class="ms-1">variante</span>
                        </button>
                    @endif
                </div>
                <!--  -->
                
                
                @if($riga_ordine->has_variante->isNotEmpty())
                @foreach($riga_ordine->has_variante as $variante)
                @if($variante->variante_id != null )
                    <button type="button"
                        class="carrello-item-variante-text carrello-item-variante-text--present btn btn-link p-0 mt-1 text-start text-truncate d-block w-100 rounded-1"
                        title="{{ $variante->nota }}"
                        onclick="eliminaVariante({{ $riga_ordine_id }}, {{ $variante->variante_id }})"
                        data-action="elimina_variante"
                        data-piatto-id="{{ $piatto_id }}"
                        data-riga-ordine-id="{{ $riga_ordine_id }}">
                        <i class="bx bx-trash"></i>
                        <span class="ms-1">{{ $variante->variante_piatto->label ?? 'ND' }}
                             @if($variante->variante_piatto->prezzo != null && $variante->variante_piatto->prezzo != 0)
                                ({{ $variante->variante_piatto->prezzo }} €)
                           
                             @endif
                            </span>
                    </button>
                    @endif
                    @endforeach
                @endif

        </div>

        {{-- Prezzo e elimina --}}
        <div class="d-flex flex-column align-items-center flex-shrink-0 gap-0 align-self-start">
            <span class="carrello-item-prezzo fw-bold text-nowrap">
                € {{ number_format($riga_ordine->prezzo, 2, ',', '.') }}
            </span>
            <button type="button"
                class="carrello-item-delete btn btn-link text-danger p-0 d-flex flex-column align-items-center"
                title="Elimina dal carrello"
                aria-label="Elimina dal carrello"
                onclick="eliminaRiga({{ $piatto_id }}, {{ $riga_ordine_id }})"
                data-action="elimina"
                data-piatto-id="{{ $piatto_id }}"
                data-riga-ordine-id="{{ $riga_ordine_id }}">
                <i class="bx bx-trash"></i>
                <span class="carrello-item-delete-label">Elimina</span>
            </button>
        </div>

    </div>

</div>
