@props([
    'name',
    'label',
    'options' => [],
    'selected' => null,
    'valueKey' => 'id',
    'labelKey' => 'name',
    'placeholder' => null,
    'required' => false,
    'col' => 'col-md-6',
    'searchable' => true,
])

@php
    $current = old($name, $selected);

    // Accepts an Eloquent collection, or a plain [value => label] / [value, …] array.
    $items = collect($options)->map(function ($option) use ($valueKey, $labelKey) {
        if (is_object($option)) {
            return ['value' => $option->{$valueKey}, 'label' => (string) $option->{$labelKey}];
        }

        return ['value' => $option, 'label' => (string) $option];
    });
@endphp

<div class="{{ $col }}">
    <label class="form-label {{ $required ? 'required' : '' }}" for="{{ $name }}">{{ $label }}</label>
    <select id="{{ $name }}"
            name="{{ $name }}"
            @required($required)
            {{ $attributes->merge(['class' => ($searchable ? 'form-select select2' : 'form-select').($errors->has($name) ? ' is-invalid' : '')]) }}>
        @if ($placeholder !== null || ! $required)
            <option value="">{{ $placeholder ?? __('admin.select') }}</option>
        @endif

        @foreach ($items as $item)
            <option value="{{ $item['value'] }}" @selected((string) $current === (string) $item['value'])>
                {{ $item['label'] }}
            </option>
        @endforeach
    </select>

    @error($name)
        <div class="invalid-feedback d-block">{{ $message }}</div>
    @enderror
</div>