@props([
    'name',
    'label' => $name ?? '',
    'required' => false,
    'value' => null,
    'prepend' => '',
    'append' => '',
    'useLabel' => true,
    'readonly' => false,
])
<div class="input-group mb-2">
    @if(!empty($prepend))
        <span id="prepend-input-{{ Str::slug($name) }}" class="input-group-text">{{ $prepend }}</span>
    @endif
    <div class="form-floating">
        <input {{ $attributes->class(['form-control', 'is-invalid' => $errors->has($name)]) }} id="input-{{ Str::slug($name) }}" type="text" name="{{ $name }}" value="{{ old($name, $value) }}" {{ $readonly ? 'readonly tabindex=-1' : '' }} @required($required) />
        <label class="form-label">{{ $label }}</label>
    </div>
    @if(!empty($append))
        <span id="append-input-{{ Str::slug($name) }}" class="input-group-text">{{ $append }}</span>
    @endif
</div>
@error($name)
<div class="invalid-feedback d-block">{{ $message }}</div>
@enderror