@props([
    'name',
    'label' => null,
    'required' => false,
    'disabled' => false,
    'help' => null,
])

@php
    $fieldKey = trim(
        preg_replace('/\[([^\]]*)\]/', '.$1', $name),
        '.'
    );

    $selectId = $attributes->get('id', $name);
    $selectAttributes = $attributes->except('id');
    $hasError = $errors->has($fieldKey);
    $errorId = $selectId . '-error';
    $helpId = $selectId . '-help';
    $describedBy = $hasError
        ? $errorId
        : ($help ? $helpId : null);
@endphp

<div>
    @if ($label)
        <label for="{{ $selectId }}" class="ui-label">
            {{ $label }}

            @if ($required)
                <span class="ui-required" aria-hidden="true">*</span>
                <span class="sr-only">obrigatório</span>
            @endif
        </label>
    @endif

    <select
        name="{{ $name }}"
        id="{{ $selectId }}"
        @required($required)
        @disabled($disabled)
        aria-invalid="{{ $hasError ? 'true' : 'false' }}"

        @if ($describedBy)
            aria-describedby="{{ $describedBy }}"
        @endif

        {{ $selectAttributes->class([
            'ui-select',
            'ui-input-error' => $hasError,
        ]) }}
    >
        {{ $slot }}
    </select>

    @error($fieldKey)
        <p id="{{ $errorId }}" class="ui-field-error" role="alert">
            {{ $message }}
        </p>
    @enderror

    @if ($help && !$hasError)
        <p id="{{ $helpId }}" class="ui-field-help">
            {{ $help }}
        </p>
    @endif
</div>