@props(['item', 'quickAdd' => false])
<li class="nutrition-meal-item">
    <div class="d-flex align-items-start justify-content-between gap-2">
        <div><strong>{{ $item->title }}</strong> <span class="text-body-secondary">{{ number_format((float) $item->quantity, 0, ',', '.') }} {{ $item->unit->label() }}</span></div>
        @if ($quickAdd)
            <button type="button"
                    class="btn btn-sm btn-outline-primary flex-shrink-0"
                    data-quick-add-shopping-item="{{ route('athlete.nutrition.shopping.quick-add', $item) }}"
                    aria-label="Aggiungi {{ $item->title }} alla lista della spesa"
                    title="Aggiungi alla lista della spesa">
                <i class="bi bi-cart-plus" aria-hidden="true"></i>
            </button>
        @endif
    </div>
    @if ($item->description)<div class="small">{{ $item->description }}</div>@endif
    @if ($item->preparation_notes)<div class="small text-body-secondary">{{ $item->preparation_notes }}</div>@endif
    <x-nutrition.alternatives-list :alternatives="$item->alternatives" :quick-add="$quickAdd" />
</li>