@props([
    'pasto' => 'colazione',
    'wireModel' => null,
    'alpineModel' => null,
])

@php
    $giorni = [
        'lun' => 'Lun',
        'mar' => 'Mar',
        'mer' => 'Mer',
        'gio' => 'Gio',
        'ven' => 'Ven',
        'sab' => 'Sab',
        'dom' => 'Dom',
    ];
@endphp

<div {{ $attributes->merge(['class' => 'giorni-alimenti-pasto d-flex flex-wrap mt-1']) }} style="gap: 0.35rem 0.75rem;">
    @foreach ($giorni as $slug => $label)
        <label class="mb-0 small text-nowrap" for="giorni_{{ $pasto }}_{{ $slug }}">
            @if ($wireModel)
                <input
                    type="checkbox"
                    class="mr-1"
                    id="giorni_{{ $pasto }}_{{ $slug }}"
                    value="{{ $slug }}"
                    wire:model="{{ $wireModel }}"
                >
            @elseif ($alpineModel)
                <input
                    type="checkbox"
                    class="mr-1"
                    id="giorni_{{ $pasto }}_{{ $slug }}"
                    value="{{ $slug }}"
                    x-model="{{ $alpineModel }}"
                >
            @endif
            {{ $label }}
        </label>
    @endforeach
</div>