@props([
    'name',
    'label' => '',
    'placeholder' => '',
    'required' => false,
    'class' => '',
    'options' => [],
    'selected' => null,
    'validate' => null,
    'id' => null,
    'multiple' => false,
])

@if ($label)
    <label for="{{ $id ?? $name }}" class="mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300">
        {{ $label }}
        @if ($required)
            <span class="text-red-600">*</span>
        @endif
    </label>
@endif

<select
    id="{{ $id ?? $name . '_' . uniqid() }}"
    name="{{ $multiple ? $name . '[]' : $name }}"
    @if ($required) required @endif
    @if ($multiple) multiple @endif
    {{ $attributes->merge([
        'class' => 'tom-select ' . $class
    ]) }}
>
    @if($placeholder && !$multiple)
        <option value="" class="text-gray-700 dark:bg-gray-900 dark:text-gray-400"
            disabled {{ $selected === null || $selected === '' ? 'selected' : '' }}>
            {{ lang_trans($placeholder) }}
        </option>
    @endif

    @foreach ($options as $value => $label)
        <option
            class="text-black dark:text-white dark:bg-gray-800 bg-white"
            value="{{ $value }}"
            @if ($multiple && is_array($selected))
                {{ in_array((string)$value, array_map('strval', $selected)) ? 'selected' : '' }}
            @else
                {{ (string) $selected === (string) $value ? 'selected' : '' }}
            @endif
        >
            {{ lang_trans($label) }}
        </option>
    @endforeach
</select>

@if($validate)
    @error($validate)
        <p class="mt-1 text-sm text-red-600">{{ lang_trans($message) }}</p>
    @enderror
@endif