@props(['name', 'id' => null, 'label' => null, 'options' => [], 'optionValue' => 'value', 'optionLabel' => 'label', 'placeholder' => null, 'required' => false, 'disabled' => false, 'errorMassage' => null])

@php
    $id = $id ?? $name;
    $selected = old($name, $attributes->get('value'));
    $isRequired = filter_var($required, FILTER_VALIDATE_BOOLEAN) || $attributes->has('required');
@endphp

@if ($label)
    <x-frontend::forms.label :for="$id" :required="$isRequired">
        {{ $label }}
    </x-frontend::forms.label>
@endif

<select id="{{ $id }}" name="{{ $name }}" {{ $attributes->except('value')->class('med-input border border-gray-300 rounded-md px-3 py-2 w-full bg-white focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500') }} {{-- @if ($isRequired) required @endif --}} @if ($disabled) disabled @endif>
    @if ($placeholder)
        <option value="">{{ $placeholder }}</option>
    @endif

    @foreach ($options as $option)
        @php
            $value = is_array($option) ? $option[$optionValue] ?? null : $option;
            $labelText = is_array($option) ? $option[$optionLabel] ?? $value : $option;
        @endphp
        <option value="{{ $value }}" @selected($selected == $value)>
            {{ $labelText }}
        </option>
    @endforeach
</select>

<x-frontend::forms.error :name="$name" :message="$errorMassage" />