@php
  $note = (string) ($riga_ordine->note ?? '');
  $nomePiatto = (string) ($riga_ordine->piatto->nome ?? 'Piatto');
  $cucinaNome = (string) ($riga_ordine->piatto?->cucina?->nome ?? 'Cucina');
  $cucinaColore = (string) ($riga_ordine->piatto?->cucina?->info['colore'] ?? '#9aa0a6');
  $varianti = ($riga_ordine->has_variante ?? collect())
    ->filter(fn ($v) => !empty($v->variante_id))
    ->values();
@endphp

<div class="cassa-sb-cart-item">
  <div class="cassa-sb-cart-item-main">
    <div class="cassa-sb-cart-item-name-wrap">
      <span class="cassa-sb-kitchen-mark" title="{{ $cucinaNome }}" aria-label="Cucina {{ $cucinaNome }}">
        <i class="bx bx-chef-hat cassa-sb-kitchen-mark-icon" style="color: {{ $cucinaColore }};"></i>
      </span>
      <div class="cassa-sb-cart-item-name">{{ $nomePiatto }}</div>
    </div>
    <div class="cassa-sb-cart-item-total">EUR {{ number_format((float) $riga_ordine->prezzo, 2, ',', '.') }}</div>
  </div>

  <div class="cassa-sb-cart-item-actions">
    <div class="cassa-sb-cart-stepper" role="group" aria-label="Quantita">
      <button type="button" aria-label="Diminuisci" onclick="diminuisciQuantita({{ $riga_ordine->piatto_id }}, {{ $riga_ordine->id }})">-</button>
      <span>{{ (int) $riga_ordine->quantita }}</span>
      <button type="button" aria-label="Aumenta" onclick="aumentaQuantita({{ $riga_ordine->piatto_id }}, {{ $riga_ordine->id }})">+</button>
    </div>

    <div class="cassa-sb-cart-tools">
      <button
        type="button"
        class="cassa-sb-cart-note-btn text-primary-emphasis"
        data-nota="{{ e($note) }}"
        data-piatto-nome="{{ $nomePiatto }}"
        onclick="aggiungiNota({{ $riga_ordine->piatto_id }}, {{ $riga_ordine->id }}, this.getAttribute('data-nota'), this.getAttribute('data-piatto-nome'))"
      >
        + Nota
      </button>

      <button
        type="button"
        class="cassa-sb-cart-note-btn text-primary-emphasis"
        onclick="aggiungiVariante({{ $riga_ordine->piatto_id }}, {{ $riga_ordine->id }}, this.getAttribute('data-piatto-nome'))"
        data-piatto-nome="{{ $nomePiatto }}"
      >
        + Variante
      </button>

      <button
        type="button"
        class="cassa-sb-cart-delete-btn"
        title="Elimina riga"
        aria-label="Elimina {{ $nomePiatto }} dal carrello"
        onclick="eliminaRiga({{ $riga_ordine->piatto_id }}, {{ $riga_ordine->id }})"
      >
        <i class="bx bx-trash"></i>
      </button>
    </div>
  </div>

  @if($note !== '')
    <button
      type="button"
      class="cassa-sb-cart-note-view is-filled"
      data-nota="{{ e($note) }}"
      data-piatto-nome="{{ $nomePiatto }}"
      onclick="aggiungiNota({{ $riga_ordine->piatto_id }}, {{ $riga_ordine->id }}, this.getAttribute('data-nota'), this.getAttribute('data-piatto-nome'))"
      title="Modifica nota"
    >
      <i class="bx bx-note"></i>
      <span>{{ $note }}</span>
    </button>
  @endif

  @if($varianti->isNotEmpty())
    <div class="cassa-sb-cart-variants">
      @foreach($varianti as $variante)
        <button
          type="button"
          class="cassa-sb-cart-variant-btn"
          onclick="eliminaVariante({{ $riga_ordine->id }}, {{ $variante->variante_id }})"
          title="Rimuovi variante"
        >
          <i class="bx bx-trash"></i>
          <span>
            {{ $variante->variante_piatto->label ?? 'Variante' }}
            @if(!empty($variante->variante_piatto->prezzo) && (float) $variante->variante_piatto->prezzo !== 0.0)
              ({{ number_format((float) $variante->variante_piatto->prezzo, 2, ',', '.') }} EUR)
            @endif
          </span>
        </button>
      @endforeach
    </div>
  @endif
</div>