@props([
    'disabled' => false,
    'title'=>'',
    'name'=>$attributes->wire('model')->value()??'',
    'id'=>'',
    'hint'=>'',
    'type'=>'text',
    'placeholder'=>'',
    'isrequired'=>false,
    'mb'=>'mb-3',

    ])
@php
    $isDateType = $type === 'date';
    $inputClasses = 'kt-input '.($errors->has($name) ? 'border-danger ' : '').($isDateType ? 'kt-input-date' : '');
@endphp
<div class="kt-form-item {{$mb}} @error($name)  has_error @enderror">
    @if(isset($title) && $title != '')
        <label class="{{$attributes->has('required')||$isrequired?'required':''}} kt-form-label ">{{ __((string) $title) }}</label>
        <!--end::Label-->
    @endif
    <div class="kt-form-control relative">
        <input
            @if($type=='date')data="has_date_picker" type="date" @else type="{{$type?:'text'}}" @endif
        @if($isrequired) required @endif
            {{ $disabled ? 'disabled' : '' }}
        @error($name)
        aria-invalid="true"
            @enderror
            {!! $attributes->merge(['class' => $inputClasses]) !!}
            name="{{$name}}"
            id="{{$id?:$name}}"
            value="{{old($name,isset($value)?$value:null)}}"
            placeholder="{{ __((string) ($placeholder ?: $title)) }}"  />
        @if($isDateType)
            <span class="pointer-events-none absolute end-3 top-1/2 -translate-y-1/2 text-muted-foreground">
                <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                    <rect x="3" y="4" width="18" height="18" rx="2"></rect>
                    <line x1="16" y1="2" x2="16" y2="6"></line>
                    <line x1="8" y1="2" x2="8" y2="6"></line>
                    <line x1="3" y1="10" x2="21" y2="10"></line>
                </svg>
            </span>
        @endif
        {{ $slot ?? '' }}
    </div>
        @if($hint)
            <div class="kt-form-description">{{ __((string) $hint) }}</div>
        @endif
        @error($name)
        <div class="kt-form-message JS_error has-error">
            {{ $message }}
        </div>
        @enderror
        <span class="JS_error text-danger has-error">
    </span>

</div>