{{-- resources/views/components/form/select.blade.php --}}
@props([
    'name', 
    'label', 
    'options' => [], 
    'value' => null, 
    'placeholder' => 'اختر...', 
    'id' => null,
    'required' => false,
    'class' => ''
])

<div class="mb-4">
    @if($label)
        <label for="{{ $id ?? $name }}" class="block text-lg font-medium text-brand-text mb-1">
            {{ $label }}
        </label>
    @endif
    
    <select
        name="{{ $name }}"
        id="{{ $id ?? $name }}"
        {{ $required ? 'required' : '' }}
        {{ $attributes->merge(['class' => "mt-1 block w-full border border-brand-light-gray rounded-lg p-3 shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 $class"]) }}
    >
        <option value="">{{ $placeholder }}</option>
        @foreach($options as $optionValue => $optionLabel)
            <option value="{{ $optionValue }}" {{ (string)$optionValue === (string)old($name, $value) ? 'selected' : '' }}>
                {{ $optionLabel }}
            </option>
        @endforeach
    </select>

    @error($name)
        <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
    @enderror
</div>