@props([
    'name',
    'label' => null,
    'type' => 'text',
    'value' => null,
    'placeholder' => null,
    'required' => false,
    'disabled' => false,
    'readonly' => false,
    'help' => null,
    'size' => null, // sm, lg
    'prepend' => null,
    'append' => null,
    'min' => null,
    'max' => null,
    'step' => null,
    'class' => null
])

@php
    $classes = 'form-control';
    if ($size) {
        $classes .= ' form-control-' . $size;
    }
    if ($class) {
        $classes .= ' ' . $class;
    }
    if ($errors->has($name)) {
        $classes .= ' is-invalid';
    }
@endphp

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

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

    <input 
        type="{{ $type }}"
        name="{{ $name }}"
        id="{{ $name }}"
        class="{{ $classes }}"
        value="{{ old($name, $value) }}"
        @if($placeholder) placeholder="{{ $placeholder }}" @endif
        @if($required) required @endif
        @if($disabled) disabled @endif
        @if($readonly) readonly @endif
        @if($min) min="{{ $min }}" @endif
        @if($max) max="{{ $max }}" @endif
        @if($step) step="{{ $step }}" @endif
        {{ $attributes }}
    >

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

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

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