@props([
    'id' => $id,
    'name' => $name,
    'value' => $value,
    'options' => $options,
    'selectedValue' => $selectedValue,
    'selectedText' => $selectedText,
    'class' => $class,
    'label' => $label,
    'isRequired' => $isRequired,
    'isDisabled' => $isDisabled,
])

@if ($options)
    <div class="toggle-select {{ $class }}">
        <button type="button" data-label="{{ $label }}" data-required="{{ $isRequired }}" class="select-trigger">
            <span class="trigger-title">{{ $selectedText }}</span>
            <i class="ico ico-arrow"></i>
        </button>

        <div class="select-list">
            @foreach ($options as $key => $option)
            {{-- #BACK data-tab 은 값 있을 때만 입력 --}}
            <input type="radio" id="{{ $id . '_' . $loop->index }}" name="{{ $name }}" value="{{ $key }}"
                class="list-option list-toggle"
                data-tab="tab_{{ $id . '_' . $key }}"
                @checked($isSelected($key))
                @disabled($isDisabled)
            >
            <label for="{{ $id . '_' . $loop->index }}" class="list-label">{{ $option }}</label>
            @endforeach
        </div>
    </div>
@else
    <span class="item-msg-help"><strong>선택할 수 있는 항목이 없습니다.</strong></span>
@endif