@props([
    'id' => null,
    'name' => null,
    'value' => '1',
    'uncheckedValue' => null,
    'checked' => false,
    'indeterminate' => false,
    'disabled' => false,
    'label' => null,
    'description' => null,
    'size' => 'md',
    'variant' => 'row',
    'inputAttributes' => [],
])

@php
    $inputId = $id ?: ($name ? str_replace(['[', ']'], ['_', ''], $name) : 'ui_checkbox_'.uniqid());
    $descriptionId = $description ? $inputId.'_description' : null;
    $inputAttributeBag = new \Illuminate\View\ComponentAttributeBag($inputAttributes);
    $oldValue = $name ? old($name, null) : null;

    if ($oldValue !== null) {
        $isChecked = is_array($oldValue)
            ? in_array((string) $value, array_map('strval', $oldValue), true)
            : in_array(strtolower((string) $oldValue), ['1', 'true', 'on', 'yes'], true) || (string) $oldValue === (string) $value;
    } else {
        $isChecked = filter_var($checked, FILTER_VALIDATE_BOOLEAN);
    }
@endphp

<label {{ $attributes->class([
    'ui-checkbox',
    'ui-checkbox--'.$size,
    'ui-checkbox--'.$variant,
    'is-disabled' => $disabled,
]) }}>
    <span class="ui-checkbox-control">
        @if ($name && $uncheckedValue !== null && ! $disabled)
            <input type="hidden" name="{{ $name }}" value="{{ $uncheckedValue }}">
        @endif
        <input
            {{ $inputAttributeBag->class('ui-checkbox-input')->merge([
                'id' => $inputId,
                'type' => 'checkbox',
                'name' => $name,
                'value' => $value,
                'aria-describedby' => $descriptionId,
            ]) }}
            @checked($isChecked)
            @disabled($disabled)
            @if ($indeterminate) data-ui-checkbox-indeterminate @endif
        >
        <x-ui.icon name="check" :size="13" class="ui-checkbox-icon ui-checkbox-icon--check" />
        <x-ui.icon name="minus" :size="13" class="ui-checkbox-icon ui-checkbox-icon--indeterminate" />
    </span>

    @if ($label || $description)
        <span class="ui-checkbox-copy">
            @if ($label)
                <span class="ui-checkbox-label">{{ $label }}</span>
            @endif
            @if ($description)
                <span id="{{ $descriptionId }}" class="ui-checkbox-description">{{ $description }}</span>
            @endif
        </span>
    @endif
</label>