@props([
    'name' => '',
    'id' => null,
    'value' => '',
    'placeholder' => '',
    'required' => false,
    'autofocus' => false,
    'disabled' => false,
    'readonly' => false,
    'class' => '',
    'options' => [],
    'multiple' => false,
    'size' => null
])

@php
    $baseClasses = 'border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm';
    $classes = $baseClasses . ($class ? ' ' . $class : '');
    $inputId = $id ?? $name;
@endphp

<select
    name="{{ $name }}"
    id="{{ $inputId }}"
    class="{{ $classes }}"
    @if($required) required @endif
    @if($autofocus) autofocus @endif
    @if($disabled) disabled @endif
    @if($readonly) readonly @endif
    @if($multiple) multiple @endif
    @if($size) size="{{ $size }}" @endif
    {{ $attributes }}
>
    @if($placeholder)
        <option value="" @if(!$value) selected @endif>{{ $placeholder }}</option>
    @endif
    
    @foreach($options as $optionValue => $optionLabel)
        <option 
            value="{{ $optionValue }}"
            @if((is_array($value) && in_array($optionValue, $value)) || $value == $optionValue) selected @endif
        >
            {{ $optionLabel }}
        </option>
    @endforeach
</select>