@props([
    'label'=> null,
    'placeholder' => null,
    'id'=> null,
    'name',
    'type' => 'text',
    'value' => null,
    'required' => false,
    'hint' => null,
    'error' => null,
    'class' => '',
    'wrapper' => true,
])

@if($wrapper)
<div class="col-md-12">
@endif

    <div class="dash-input-wrapper w-100 {{ $class }}">
        <label for="{{ $id }}" class="form-label">
            {{ $label }}
            @if($hint)
                <span class="hint-txt">( {{ $hint }} )</span>
            @endif
        </label>

        <input
            type="{{ $type }}"
            autocomplete="off"
            class="gs-dash-input w-100 @error($name) error @enderror"
            id="{{ $id }}"
            name="{{ $name }}"
            placeholder="{{ $placeholder ?? $label }}"
            value="{{ old($name, $value) }}"
            {{ $required ? 'required' : '' }}
            {{ $attributes }}
        >

        @error($name)
            <span class="error-msg">{{ $message }}</span>
        @else
            @if($hint)
                <span class="hint-msg">{{ $hint }}</span>
            @endif
        @enderror
    </div>

@if($wrapper)
</div>
@endif