@props([
    'name',
    'id' => null,
    'options' => [],
    'selected' => null,
    'placeholder' => 'Select an option...',
    'multiple' => false,
    'search' => false,
    'remote' => false,
    'remoteUrl' => null,
    'class' => '',
    'required' => false,
    'disabled' => false
])

@php
    $id = $id ?? $name;
    $tomSelectClass = 'tom-select';
    
    if ($search) {
        $tomSelectClass .= ' tom-select-search';
    }
    
    if ($multiple) {
        $tomSelectClass .= ' tom-select-multi';
    }
    
    if ($remote) {
        $tomSelectClass .= ' tom-select-remote';
    }
@endphp

<div class="form-group">
    @if($label ?? false)
        <label for="{{ $id }}" class="block text-sm font-medium text-gray-700 mb-1">
            {{ $label }}
            @if($required)
                <span class="text-red-500">*</span>
            @endif
        </label>
    @endif
    
    <select 
        name="{{ $name }}" 
        id="{{ $id }}"
        class="{{ $tomSelectClass }} {{ $class }}"
        @if($multiple) multiple @endif
        @if($required) required @endif
        @if($disabled) disabled @endif
        @if($remote && $remoteUrl) data-url="{{ $remoteUrl }}" @endif
        {{ $attributes }}
    >
        @if(!$multiple)
            <option value="">{{ $placeholder }}</option>
        @endif
        
        @foreach($options as $value => $label)
            <option 
                value="{{ $value }}" 
                @if($selected && (is_array($selected) ? in_array($value, $selected) : $value == $selected))
                    selected
                @endif
            >
                {{ $label }}
            </option>
        @endforeach
    </select>
    
    @error($name)
        <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
    @enderror
</div>