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

@php
    // Ids derivados do nome (suporta `field[sub]`) e descrição combinada (ajuda + erro).
    $id = 'field-'.str_replace(['[', ']', '.', ' '], '-', trim((string) $name, '[] '));
    $error = isset($errors) ? $errors->first($name) : null;
    $describedBy = implode(' ', array_filter([
        filled($help) ? $id.'-help' : null,
        filled($error) ? $id.'-error' : null,
    ]));
@endphp

<div class="form-control w-full">
    @if (filled($label))
        <label class="label" for="{{ $id }}">
            <span class="label-text">
                {{ $label }}@if ($required)<span aria-hidden="true"> *</span>@endif
            </span>
        </label>
    @endif

    <input id="{{ $id }}" name="{{ $name }}" type="{{ $type }}" value="{{ old($name, $value) }}"
           @if ($required) required @endif
           @if (is_int($maxlength)) maxlength="{{ $maxlength }}" @endif
           @if ($autofocus) autofocus @endif
           @if ($readonly) readonly @endif
           @if (filled($describedBy)) aria-describedby="{{ $describedBy }}" @endif
           @if (filled($error)) aria-invalid="true" @endif
           {{ $attributes->merge(['class' => 'input input-bordered w-full']) }}>

    @if (filled($help))
        <span id="{{ $id }}-help" class="label-text-alt">{{ $help }}</span>
    @endif

    @if (filled($error))
        <span id="{{ $id }}-error" class="label-text-alt text-error" role="alert">{{ $error }}</span>
    @endif
</div>