{{--

    <x-form.checkbox name="check1" error="true">My label here</x-form.checkbox>
    <x-form.checkbox name="check2" label="My label here" error="true"></x-form.checkbox>

--}}

@props([
'name'  => NULL,
'label' => NULL,
'error' => false,
'labelClass' => 'flex items-center',
])

<x-form.input-group :name="$name" :error="$error" :label="$label">

    @if(trim($slot)==='')
        <input
            id="{{$name ? "form-input_$name": NULL}}"
            name="{{ $name }}"
            type="checkbox"
            {{ $attributes->merge(['class' => 'form-checkbox']) }}
            value="1"
        />
    @else
        <x-form.label class="{{$labelClass}}" :for='$name ? "form-input_$name": NULL'>
            <input
                id="{{$name ? "form-input_$name": NULL}}"
                name="{{ $name }}"
                type="checkbox"
                {{ $attributes->merge(['class' => 'form-checkbox mr-3']) }}
                value="1"
            />

            {!! $slot !!}

        </x-form.label>
    @endif

</x-form.input-group>