@props([
    'name',
    'label',
    'options' => [],
    'optional' => false,
    'help' => false,
    'errorName' => $name,
    'includeOther' => false,
    'inputCssClasses' => '',
    'row' => false,
])


<x-inputs._input-wrapper :name="$name" :label="$label" :optional="$optional" :help="$help" :error-name="$errorName" :include-other="$includeOther" :class-input-box="!empty($row) ? 'flex items-center' : ''" >
    @foreach ($options as $value => $label)
        <div class="flex items-center @if(!$loop->first) @if(!empty($row)) ml-4 @else mt-4 @endif @endif">
            <input {{$attributes->merge(['class' => 'w-4 h-4 border text-blue-600 bg-gray-100 border-gray-400 focus:ring-blue-500'])}} type="radio" name="{{$name}}" id="{{$name . '_' . $value}}" @if(old($name, !empty($current_data[$name]) ? $current_data[$name] : NULL) === (string)$value) checked @endif value="{{$value}}"/>
            <label for="{{$name . '_' . $value}}" class="ml-2 leading-none text-sm font-medium text-gray-900">{{$label}}</label>
        </div>
    @endforeach
    {{ $slot }}
    @if(!empty($include_other))
        <div class="flex mt1">
            <input type="radio" name="{{$name}}" id="{{$name}}0" @if(old($name, !empty($current_data[$name]) ? $current_data[$name] : NULL) === '0') checked @endif value="0" class="mr2" />
            <label for="{{$name}}0">Other...</label>
        </div>
    @endif

    @if(!empty($include_other))
        <div class="mt1">
            <input type="text" name="{{ $name }}_other" value="{{ old($name . '_other', !empty($current_data[$name . '_other']) ? $currentData[$name . '_other'] : NULL) }}" class="text-input col-12 max-w-4" placeholder="Please specify..."/>
        </div>
    @endif
</x-inputs._input-wrapper>