@props(['name', 'label' => null, 'type' => 'text', 'value' => null, 'hint' => null, 'bag' => 'default'])
@php($id = $attributes->get('id', $name))
@php($key = str_replace(['[', ']'], ['.', ''], $name)) {{-- errors and old input use dot keys --}}
<div>
    @if ($label)
        <label for="{{ $id }}" class="form-label">{{ $label }} @if ($attributes->get('required'))<span class="text-red-500">*</span>@endif</label>
    @endif
    <input type="{{ $type }}" name="{{ $name }}" id="{{ $id }}"
           @if ($type !== 'password') value="{{ old($key, $value) }}" @endif
           {{ $attributes->except('id')->class(['form-control', '!border-red-500' => $errors->getBag($bag)->has($key)]) }}>
    @if ($hint)<p class="mt-1.5 text-xs text-gray-500 dark:text-gray-400">{{ $hint }}</p>@endif
    @error($key, $bag)<p class="form-error">{{ $message }}</p>@enderror
</div>