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

@php
    $id = $attributes->get('id', $name);
    $current = old($name, $value);
    $error = $errors->first($name);
@endphp

<div {{ $attributes->only('class') }}>
    @if ($label)
        <label for="{{ $id }}" class="form-label">
            {{ $label }}@if ($required)<span class="text-error" aria-hidden="true">*</span>@endif
        </label>
    @endif

    <input id="{{ $id }}" name="{{ $name }}" type="{{ $type }}" value="{{ $current }}"
           @required($required) @if ($error) aria-invalid="true" aria-describedby="{{ $id }}-error" @endif
           {{ $attributes->except('class')->merge(['class' => 'form-input'.($error ? ' border-error' : '')]) }}>

    @if ($hint && ! $error)
        <p class="form-hint">{{ $hint }}</p>
    @endif

    @if ($error)
        <p id="{{ $id }}-error" class="form-error">{{ $error }}</p>
    @endif
</div>