@foreach ($mediaFiles as $mediaFile)
<div class="qp-image-preview selected-file">
    <div class="preview-image">
        @if ($mediaFile->type == 'image')
        <img src="{{ asset($mediaFile->media_uri) }}" class="img-fluid" />
        @endif
    </div>
    <span class="media-remove-btn" onclick="removeSelectedFile(this, {{ $mediaFile->id }})"><i
            class="far fa-trash-alt"></i></span>
</div>
@endforeach

<script>
    document.querySelector('.media-remove-btn').addEventListener('click', function(e) { e.stopPropagation(); });
</script>