@props([
    'label' => '',
    'value' => '',
    'model' => 'leadStatusId',
    'variant' => 'primary',
    'disabled' => false,
    'live' => false,
])

@php
    $id = uniqid('status_option_');
    $variantClasses = match($variant) {
        'success' => 'border-success-subtle text-success',
        'danger' => 'border-danger-subtle text-danger',
        'warning' => 'border-warning-subtle text-warning',
        'info' => 'border-info-subtle text-info',
        default => 'border-primary-subtle text-primary'
    };
@endphp

<div class="status-option-wrapper">
    <input 
        type="radio" 
        id="{{ $id }}" 
        name="{{ $model }}" 
        value="{{ $value }}"
        x-model="{{ $model }}"
        @if($live) wire:model="{{ $model }}" @endif
        class="status-option-input"
        {{ $disabled ? 'disabled' : '' }}
    >
    <label for="{{ $id }}" class="status-option {{ $variantClasses }} {{ $disabled ? 'status-option-disabled' : '' }}">
        <div class="status-option-content">
            <span class="status-option-label">{{ $label }}</span>
        </div>
        <div class="status-option-check">
            <x-ui.nicon name="check" />
        </div>
    </label>
</div>