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

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

    <div class="input-group">
        @if($icon)
            <div class="input-group-prepend">
                <span class="input-group-text bg-light"><i class="{{ $icon }}"></i></span>
            </div>
        @endif
        
        <input 
            type="{{ $type }}" 
            name="{{ $name }}" 
            id="{{ $name }}"
            value="{{ old($name, $value) }}" 
            class="form-control form-control-lg @error($name) is-invalid @enderror" 
            placeholder="{{ $placeholder }}"
            @if($required) required @endif
            @if($step) step="{{ $step }}" @endif
            @if($min) min="{{ $min }}" @endif
            {{ $attributes }}
        >

        @error($name) 
            <span class="invalid-feedback d-block font-weight-bold" role="alert">
                <i class="fas fa-exclamation-circle mr-1"></i> {{ $message }}
            </span>
        @enderror
    </div>
</div>