@props([
    'label' => null,
    'hint' => null,
    'error' => null,
    'required' => false,
    'options' => [],
    'placeholder' => null,
])

@php $id = $attributes->get('id') ?? 'f_'.\Illuminate\Support\Str::random(6); @endphp

<div>
    @if ($label)
        <label for="{{ $id }}" class="field-label">
            {{ $label }}
            @if ($required) <span class="text-red-500">*</span> @endif
        </label>
    @endif

    <select id="{{ $id }}" {{ $attributes->merge(['class' => 'field-input']) }}>
        @if ($placeholder)
            <option value="">{{ $placeholder }}</option>
        @endif

        @forelse ($options as $value => $text)
            <option value="{{ $value }}">{{ $text }}</option>
        @empty
            {{ $slot }}
        @endforelse
    </select>

    @if ($error)
        <p class="field-error">{{ $error }}</p>
    @elseif ($hint)
        <p class="field-hint">{{ $hint }}</p>
    @endif
</div>