@props([
    'name',
    'label',
    'value' => '1',
    'checked' => false,
    'required' => false,
    'disabled' => false,
    'help' => null,
    'sendUnchecked' => false,
])

@php
    $fieldKey = trim(
        preg_replace('/\[([^\]]*)\]/', '.$1', $name),
        '.'
    );

    $checkboxId = $attributes->get('id', $name);
    $checkboxAttributes = $attributes->except('id');
    $oldValue = old($fieldKey, $checked);
    $isChecked = in_array(
        $oldValue,
        [true, 1, '1', $value],
        true
    );
    $hasError = $errors->has($fieldKey);
    $errorId = $checkboxId . '-error';
    $helpId = $checkboxId . '-help';
@endphp

<div>
    @if ($sendUnchecked && !$disabled)
        <input type="hidden" name="{{ $name }}" value="0">
    @endif

    <label class="ui-checkbox-card" for="{{ $checkboxId }}">
        <input
            type="checkbox"
            name="{{ $name }}"
            id="{{ $checkboxId }}"
            value="{{ $value }}"
            @checked($isChecked)
            @required($required)
            @disabled($disabled)

            @if ($hasError)
                aria-describedby="{{ $errorId }}"
                aria-invalid="true"
            @elseif ($help)
                aria-describedby="{{ $helpId }}"
            @endif

            {{ $checkboxAttributes->class(['ui-checkbox']) }}
        >

        <span class="min-w-0">
            <span class="ui-checkbox-label">
                {{ $label }}

                @if ($required)
                    <span class="ui-required" aria-hidden="true">*</span>
                @endif
            </span>

            @if ($help && !$hasError)
                <span id="{{ $helpId }}" class="ui-checkbox-help">
                    {{ $help }}
                </span>
            @endif
        </span>
    </label>

    @error($fieldKey)
        <p id="{{ $errorId }}" class="ui-field-error" role="alert">
            {{ $message }}
        </p>
    @enderror
</div>