@props([
    'name',              
    'options' => [],     
    'selected' => null,  
    'label' => null,     
    'inline' => true,    
])

@php
    $currentSelected = $selected ?? request($name);
@endphp

<div class="d-flex flex-column gap-1">
    @if($label)
        <label class="form-label text-secondary mb-0 fw-bold" style="font-size: 0.75rem;">
            {{ $label }}
        </label>
    @endif

    <div class="d-flex {{ $inline ? 'flex-row gap-3' : 'flex-column gap-1' }} align-items-center py-1">
        @foreach($options as $value => $optionLabel)
            @php
                $isChecked = (string)$currentSelected === (string)$value;
                // 고유한 ID 생성 (예: status_pending, status_approved 등)
                $uniqueId = $name . '_' . ($value !== '' ? $value : 'all');
            @endphp
            <div class="form-check m-0">
                <input type="radio" 
                       name="{{ $name }}" 
                       value="{{ $value }}" 
                       class="form-check-input" 
                       id="{{ $uniqueId }}"
                       {{ $isChecked ? 'checked' : '' }}
                       onchange="this.form.submit()">
                <!-- for 속성을 위에서 만든 고유 ID와 정확히 일치시킴 -->
                <label class="form-check-label small text-dark" for="{{ $uniqueId }}" style="cursor: pointer;">
                    {{ $optionLabel }}
                </label>
            </div>
        @endforeach
    </div>
</div>