@props([
    'name',
    'label' => null,
    'type' => 'text',
    'value' => null,
    'placeholder' => '',
    'required' => false,
    'help' => null,
    'icon' => null,
    'append' => null,
])

@php $id = $attributes->get('id', $name); @endphp

<div class="mb-3">
    @if($label)
        <label class="form-label" for="{{ $id }}">
            {{ $label }}
            @if($required)<span class="text-danger">*</span>@endif
        </label>
    @endif

    <div class="{{ $icon || $append ? 'input-group' : '' }}">
        @if($icon)
            <span class="input-group-text"><i class="ti {{ $icon }}"></i></span>
        @endif

        <input
            id="{{ $id }}"
            name="{{ $name }}"
            type="{{ $type }}"
            class="form-control @error($name) is-invalid @enderror"
            value="{{ old($name, $value) }}"
            placeholder="{{ $placeholder }}"
            {{ $required ? 'required' : '' }}
            {{ $attributes->except(['id', 'class']) }}
        >

        @if($append)
            <span class="input-group-text">{{ $append }}</span>
        @endif
    </div>

    @if($help)<small class="form-hint">{{ $help }}</small>@endif

    <div class="invalid-feedback d-block" data-field-error="{{ $name }}">
        @error($name) {{ $message }} @enderror
    </div>
</div>