@props([
    'name',
    'id' => null,
    'label' => null,
    'value' => 1,
    'checked' => false,
    'disabled' => false,
    'errorMassage' => null,
    'noWrapper' => false, // if true, don't wrap in label tag
])

@php
    $id = $id ?? $name;
    $isChecked = old($name, $checked) ? true : false;
@endphp

@if($noWrapper)
    <input
        type="checkbox"
        name="{{ $name }}"
        id="{{ $id }}"
        value="{{ $value }}"
        {{ $attributes->class('h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500') }}
        @if($isChecked) checked @endif
        @if($disabled) disabled @endif
    />
@else
    <label class="inline-flex items-center space-x-2">
        <input
            type="checkbox"
            name="{{ $name }}"
            id="{{ $id }}"
            value="{{ $value }}"
            {{ $attributes->class('h-4 w-4 text-blue-600 border-gray-300 rounded focus:ring-blue-500') }}
            @if($isChecked) checked @endif
            @if($disabled) disabled @endif
        />
        @if($label)
            <span class="text-sm text-gray-700 cursor-pointer">{{ $label }}</span>
        @endif
    </label>
@endif

<x-frontend::forms.error :name="$name" :message="$errorMassage" />