@props([
    'name',
    'label' => '',
    'options' => [],
    'value' => [],
])

@php
    $value = old($name, $value ?? []);
@endphp

<div class="mb-4">
    @if($label)
        <label class="block text-sm font-medium text-brand-text mb-2">{{ $label }}</label>
    @endif

    <div class="grid grid-cols-2 gap-2">
        @foreach ($options as $optionValue => $optionLabel)
            <label class="flex items-center space-x-2 rtl:space-x-reverse">
                <input
                    type="checkbox"
                    name="{{ $name }}[]"
                    value="{{ $optionValue }}"
                    @if(in_array($optionValue, (array) $value)) checked @endif
                    class="rounded border-brand-light-gray text-indigo-600 shadow-sm focus:ring-indigo-500"
                >
                <span class="text-sm text-brand-text">{{ $optionLabel }}</span>
            </label>
        @endforeach
    </div>

    @error($name)
        <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
    @enderror
</div>