@props(['name', 'label' => null, 'type' => 'text', 'value' => null, 'hint' => null, 'required' => false, 'size' => null])
@php
    $id = $attributes->get('id', str_replace(['[', ']'], ['_', ''], $name));
    $dot = str_replace(['[', ']'], ['.', ''], $name);
    $val = $type === 'password' ? null : old($dot, $value);
@endphp
<div {{ $attributes->only('class')->merge(['class' => '']) }}>
    @if ($label)
        <label for="{{ $id }}" class="form-label">{{ $label }}@if ($required)<span class="text-rose-500"> *</span>@endif</label>
    @endif
    <input type="{{ $type }}" name="{{ $name }}" id="{{ $id }}" @if (! is_null($val)) value="{{ $val }}" @endif
           @if ($required) required @endif
           {{ $attributes->except(['class', 'id'])->merge(['class' => 'form-input'.($size === 'sm' ? ' form-input-sm' : '').($errors->has($dot) ? ' border-rose-400 focus:border-rose-500 focus:ring-rose-500/15' : '')]) }}>
    @error($dot)<p class="form-error">{{ $message }}</p>@enderror
    @if ($hint)<p class="form-hint">{{ $hint }}</p>@endif
</div>