{{--
    Checkbox Component
    Props:
      $name, $value, $checked, $disabled
--}}
@props([
    'name'     => '',
    'value'    => '1',
    'checked'  => false,
    'disabled' => false,
    'darkVariant' => false,
])

@php
    $colorSet = 'border-surface-300 text-primary-600 focus:ring-primary-500 dark:border-surface-600 dark:bg-surface-800';
    if ($darkVariant) {
        $colorSet = 'border-white/30 bg-transparent text-violet-500 focus:ring-violet-500/40"';
    }
@endphp

<input
    type="checkbox"
    id="{{ $name }}"
    name="{{ $name }}"
    value="{{ $value }}"
    {{ old($name, $checked) ? 'checked' : '' }}
    {{ $disabled ? 'disabled' : '' }}
    {{ $attributes->merge([
        'class' => 'h-4 w-4 rounded cursor-pointer focus:ring-2 focus:ring-offset-0 disabled:opacity-60 disabled:cursor-not-allowed '.$colorSet
    ]) }}
/>