@props([ 'name','value'=>data_get(Form::getModel(),$name,null), 'label'=>''])
@php
    $invalidClass =$errors->has(dotted_string($name)) ? 'is-invalid' : '';
@endphp

<div class="col-sm-12" x-data="{imageSrc:{{ $value ? "'$value'" : 'null'}} }">
    <div class="parsley-input @error(dotted_string($name)) parsley-error @enderror mb-1 ">
        <label class="{{ $errors->has(dotted_string($name)) ? 'text-danger' : '' }}"> {{ $label }} {!!  data_get($attributes,'required') ? '<span class="tx-danger">*</span>':'' !!}</label>

        <input type="file" name="{{$name}}"
               @if($value)
               data-default-file="{{$value?:asset("storage/default/no-image.png")}}"
               @else
               value="{{old(dotted_string($name))}}"
               @endisset
               class="{{ $invalidClass }} dropify" data-height="200" data-width="100"/>
        @error(dotted_string($name))
        <ul class="parsley-errors-list filled" id="parsley-id-32">
            <li class="parsley-required">
                {{ $message }}
            </li>
        </ul>
        @enderror
    </div>
</div>