@props([
    'name',
    'id' => null,
    'label' => '',
    'options' => [],
    'selected' => null,
    'selectedType' => 'id',   {{-- "id" or "title" --}}
    'query' => 'title',       {{-- Which field to show as label --}}
    'required' => false,
    'class' => '',
    'hint' => '',
    'disabled' => false,
])

@php
    // Fallback for ID
    $id = $id ?? $name;

    // Strictly convert selected value to string (handles 0 / null / "")
    $selectedValue = old($name, $selected);
    $selectedValue = $selectedValue === null ? '' : (string) $selectedValue;
@endphp

<div class="dash-input-wrapper w-full {{ $class }}">
    {{-- Label --}}
    @if($label)
        <label for="{{ $id }}" class="form-label">
            {{ $label }}{{ $required ? '*' : '' }}
        </label>
    @endif

    {{-- Select Box --}}
    <div class="d-block w-100">
        <select
            id="{{ $id }}"
            name="{{ $name }}"
            class="gs-dash-nice-select xl full-width-nice @error($name) error @enderror"
            {{ $required ? 'required' : '' }}
            {{ $disabled ? 'disabled' : '' }}
        >
            @foreach($options as $key => $item)
                @php
                    // detect key/value mode
                    $value = is_array($item)
                        ? ($selectedType === 'id' ? $item['id'] : $item['title'])
                        : (string) $key;

                    $labelText = is_array($item)
                        ? ($item[$query] ?? $item['title'] ?? $item['name'] ?? '')
                        : $item;
                @endphp

                <option 
                    value="{{ (string) $value }}" 
                    {{ (string) $selectedValue === (string) $value ? 'selected' : '' }}
                >
                    {{ $labelText }}
                </option>
            @endforeach
        </select>
    </div>

    {{-- Error / Hint --}}
    @error($name)
        <span class="error-msg">{{ $message }}</span>
    @else
        @if($hint)
            <span class="hint-msg">{{ $hint }}</span>
        @endif
    @enderror
</div>