@props(['alternatives', 'quickAdd' => false])
@if ($alternatives->isNotEmpty())
    <details class="mt-2">
        <summary>Alternative ({{ $alternatives->count() }})</summary>
        <ul class="small mb-0 d-grid gap-2">
            @foreach ($alternatives as $alternative)
                <li>
                    <div class="d-flex align-items-start justify-content-between gap-2">
                        <span>{{ $alternative->title }} — {{ number_format((float) $alternative->quantity, 0, ',', '.') }} {{ $alternative->unit->label() }}</span>
                        @if ($quickAdd)
                            <button type="button"
                                    class="btn btn-sm btn-outline-primary flex-shrink-0"
                                    data-quick-add-shopping-item="{{ route('athlete.nutrition.shopping.alternatives.quick-add', $alternative) }}"
                                    aria-label="Aggiungi {{ $alternative->title }} alla lista della spesa"
                                    title="Aggiungi alla lista della spesa">
                                <i class="bi bi-cart-plus" aria-hidden="true"></i>
                            </button>
                        @endif
                    </div>
                </li>
            @endforeach
        </ul>
    </details>
@endif