@props([
    'idParent' => null,
    'name' => '',
    'options' => [],
    'selected' => null,
    'placeholder' => 'Seleccione una opción',
])

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

    $items = $options;

    if (!array_key_exists('', $items)) {
        $items = ['' => $placeholder] + $items;
    }
@endphp

<div {{ $attributes->merge(['class' => 'select-form']) }} @if($idParent) id="{{ $idParent }}" @endif>
    <div class="relative">
        <select
            name="{{ $name }}"
        >
            @foreach ($items as $optValue => $optLabel)
                <option
                    value="{{ $optValue }}"
                    @selected($value === (string) $optValue)
                >
                    {{ $optLabel }}
                </option>
            @endforeach
        </select>
        <div class="pointer-events-none absolute right-2 top-1/2 -translate-y-1/2 text-accent">
            <x-icons.arrow-down />
        </div>
    </div>
    @error($name)
    <span class="error-text">{{ $message }}</span>
    @enderror
</div>