@props([
    'name',
    'label',
    'checked' => false,
    'value' => 1,
    'hint' => null,
])

@php
    $isChecked = old($name, $checked);
    $id = $attributes->get('id') ?? $name;
@endphp

<label for="{{ $id }}" class="flex cursor-pointer items-start gap-3">
    <input id="{{ $id }}" name="{{ $name }}" type="checkbox" value="{{ $value }}"
           @checked($isChecked)
           {{ $attributes->except(['id'])->merge(['class' => 'mt-0.5 h-4 w-4 rounded border-slate-300 text-brand-600 focus:ring-brand-500']) }}>

    <span class="text-sm">
        <span class="font-medium text-slate-700">{{ $label }}</span>
        @if ($hint)
            <span class="block text-xs text-slate-500">{{ $hint }}</span>
        @endif
    </span>
</label>

@error($name)
    <p class="hms-error">{{ $message }}</p>
@enderror