@props(['values', 'placeholder', 'selected'])

<select
    {{ $attributes->merge(['class' => 'py-3 px-4 pe-9 block w-full border-gray-200 rounded-lg text-sm focus:border-blue-500 focus:ring-blue-500 disabled:opacity-50 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-gray-400 dark:focus:ring-gray-600']) }}>
    @if ($placeholder)
        <option selected disabled>{{ $placeholder }}</option>
    @endif
    @foreach ($values as $key => $value)
        @if ($selected == $key)
            <option value="{{ $key }}" selected>{{ ucfirst($value) }}</option>
        @else
            <option value="{{ $key }}">{{ ucfirst($value) }}</option>
        @endif
    @endforeach

</select>