@props(['label' => null, 'name' => 'image', 'model' => null, 'attr' => ''])

@php
    $inputLabel = $label ?? __("admin.$name");
@endphp

<div class="col">
    <div class="imgMontg text-center">
        <div class="dropBox">
            <div class="textCenter">
                <div class="imagesUploadBlock">


                    @if ($model)
                        <label class="uploadImg">
                            <span><i class="feather icon-image"></i></span>
                            <input type="file" accept="image/*" name="{{ $name }}" class="imageUploader" aria-label="{{ $inputLabel }}" {!! $attr !!}>
                        </label>
                        <div class="uploadedBlock">
                            <img src="{{ $model?->$name }}" alt="{{ $inputLabel }}">
                            <button class="close"><i class="feather icon-trash-2"></i></button>
                        </div>

                    @else
                        <label class="uploadImg">
                            <span><i class="feather icon-image"></i></span>
                            <input type="file" accept="image/*" name="{{ $name }}" class="imageUploader" aria-label="{{ $inputLabel }}" {!! $attr !!}>
                        </label>
                    @endif


                </div>
                <p>{{ $inputLabel }}</p>
            </div>
        </div>
    </div>
</div>