@props([
    'label' => null,
    'name' => null,
    'options' => [],
    'selected' => null,
    'error' => null,
    'required' => false,
])

@php
$id = $attributes->get('id') ?? ($name ? str_replace(['[', ']'], ['_', ''], $name) : null);
$fieldError = $error ?? ($name ? $errors->first($name) : null);
$currentValue = old($name, $selected);

$selectClasses = 'block w-full rounded-xl border-slate-300 bg-white text-slate-800 shadow-sm transition duration-200 focus:border-primary-500 focus:ring-primary-500 dark:border-slate-600 dark:bg-slate-800 dark:text-slate-100';

if ($fieldError) {
    $selectClasses .= ' border-rose-500 focus:border-rose-500 focus:ring-rose-500';
}
@endphp

<div class="space-y-2">
    @if($label)
        <label for="{{ $id }}" class="text-sm font-medium text-slate-700 dark:text-slate-200">
            {{ $label }}
            @if($required)
                <span class="text-rose-500">*</span>
            @endif
        </label>
    @endif

    <select
        {{ $attributes->except(['class', 'id'])->merge(['class' => $selectClasses]) }}
        id="{{ $id }}"
        name="{{ $name }}"
        @if($required) required @endif
    >
        @foreach($options as $key => $option)
            @php
                $optionValue = is_array($option) ? ($option['value'] ?? $key) : $key;
                $optionLabel = is_array($option) ? ($option['label'] ?? $optionValue) : $option;
            @endphp
            <option value="{{ $optionValue }}" @selected((string) $currentValue === (string) $optionValue)>
                {{ $optionLabel }}
            </option>
        @endforeach
    </select>

    @if($fieldError)
        <p class="text-sm text-rose-600 dark:text-rose-400">{{ $fieldError }}</p>
    @endif
</div>