@props([
    'name',
    'id' => null,
    'label' => null,
    'value' => null,
    'checked' => false,
    'disabled' => false,
    'errorMassage' => null,
])

@php
    $id = $id ?? ($name . '-' . ($value !== null ? $value : 'option'));
    $isChecked = old($name, $checked ? $value : null);
@endphp

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

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