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

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

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

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

    <label class="ui-switch-card" for="{{ $switchId }}">
        <span class="min-w-0 flex-1">
            <span class="ui-switch-label">
                {{ $label }}
            </span>

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

        <span class="ui-switch-control">
            <input
                type="checkbox"
                name="{{ $name }}"
                id="{{ $switchId }}"
                value="{{ $value }}"
                @checked($isChecked)
                @disabled($disabled)
                class="peer sr-only"

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

                {{ $switchAttributes }}
            >

            <span class="ui-switch-track" aria-hidden="true">
                <span class="ui-switch-thumb"></span>
            </span>
        </span>
    </label>

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