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

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

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

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

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

    <input
        type="{{ $type }}"
        name="{{ $name }}"
        id="{{ $inputId }}"

        @if ($type !== 'password')
            value="{{ old($fieldKey, $value) }}"
        @endif

        @required($required)
        @disabled($disabled)
        @readonly($readonly)
        aria-invalid="{{ $hasError ? 'true' : 'false' }}"

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

        {{ $inputAttributes->class([
            'ui-input',
            'ui-input-error' => $hasError,
        ]) }}
    >

    @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>