<div >
    <span class="btn btn-primary btn-file">
        <input type="file" id="uploadImages" name="featured_image"
        class="form-control photo  browse @error('featured_image') is-invalid  @enderror"
        value="" autocomplete="featured_image" autofocus>{{ __('product.featured_image') }}<i class="required">&nbsp; *</i>
    </span>
    <div class="hide-element" id="previewImages">
        <div class="media col-12">
            <div class="media-left ">
                 <img class="media-object img-thumbnail" src=" {{$ImageSrc}}"
                     alt="" id="0" title="" data-toggle="modal"
                     data-target="#individualImagePreview"
                     style="width: 250px; height: 150px;" >
            </div>

            <div class="media-body">
                <p>
                    <label for="featureDescription">توضیحات: </label>
                      <input type="text" class="form-control"  value=" {{$featureDescription}}" name="featureDescription">
                </p>
                <p>
                    <label for="featureCaption">عنوان: </label>
                    <input type="text" class="form-control" value="{{$featureCaption}}" name="featureCaption">

                </p>
            </div>

        </div>

    </div>

    @error('featured_image')
    <span class="invalid-feedback" role="alert">
         <strong>{{ $message }}</strong>
    </span>
    @enderror
</div>
