@props(['disabled'=>false, 'name', 'text', 'on'=>'1', 'off'=>'', 'value'=>null, 'border'=>false])

@php
    $checked = ($value == $on) ? 'checked': '';
    $wrap = $border ? 'border border-secondary-300 rounded py-1 pl-2 pr-3': '';
@endphp
<div class="item-wrap [&>span>input]:input-check [&>span>label]:item-label [&>span>label]:text-sm {{$wrap}}">
    <span>
        <input name="{{$name}}" type="hidden" value="{{$off}}" />
        <input id="{{$name}}_{{$on}}" name="{{$name}}" type="checkbox" @disabled($disabled) 
            value="{{$on}}" class="peer mr-0.5" {{$checked}}
            {{ $attributes->merge(['type'=>'checkbox', 'class' => 'input-check']) }}>
        <label for="{{$name}}_{{$on}}">{{$text}}</label>
    </span>
</div>