@props([
    'name',
    'label' => null,
    'options' => [],
    'selected' => [],
    'inline' => false,
    'help' => null,
    'error' => null,
])

@php
    $resolvedError = $error ?? $errors->first($name);
    $normalized = collect($options)->map(fn ($opt, $key) => is_array($opt) ? $opt : ['value' => $key, 'label' => $opt])->values();
@endphp

<x-forms.field :label="$label" :help="$help" :error="$resolvedError">
    <div class="{{ $inline ? 'flex flex-wrap gap-4' : 'space-y-2' }}">
        @foreach ($normalized as $opt)
            <label class="inline-flex items-center gap-2 text-sm font-medium text-slate-700">
                <input type="checkbox" name="{{ $name }}[]" value="{{ $opt['value'] }}"
                       @checked(in_array($opt['value'], (array) $selected))
                       class="rounded border-slate-300 text-primary focus:ring-primary">
                {{ $opt['label'] }}
            </label>
        @endforeach
    </div>
</x-forms.field>