@php
$imgExtensions = ['jpeg', 'jpg', 'png', 'gif'];  
@endphp
<div class="attachment-data ml-4  border-radius-10">
    <div class="attachment-data-single border p-0">
        <div class="viewDelete">+
            @php
            $previewFile = $image_url;
            if(isset($thumb)){
                $previewFile = $thumb;
            }
            @endphp
            @if (in_array(pathinfo($previewFile, PATHINFO_EXTENSION), $imgExtensions))
            <a href="{{ $previewFile ?? '' }}" data-fancybox="images"
                class="btn view-del-btn">
                View
            </a>
            @endif
             <a href="{{ route($route_url, ['id' => $img_path]) }}" class="btn view-del-btn"> Download </a>
            <a href="javascript:void(0)" class="remove-project-form-media">
                <i data-media-id="{{ $img_path }}"
                    data-model-type="BrandMetaValue"
                    data-id="{{ $meta_id ?? '' }}" data-field-name="value"
                    class="delete-media-brand-js material-icons">close</i>
            </a>
        </div>
    <div>
    <div class="position-absolute"
       style="top: 50%;left: 50%;transform: translate(-50%, -50%);">
        @include('inc.dots-loader')
    </div>
    @php
        $view_file = $image_url;
        if(isset($thumb)){
            $view_file = $thumb;
        }
    @endphp
    @if(in_array(pathinfo($view_file, PATHINFO_EXTENSION), $imgExtensions))
       <img class="attachment-data-img" src="{{ $view_file ?? '' }}" style="height: 140px;">
    @else
       <img src="{{asset('assets/front/images/brand_guide.svg')}}" class="attachment-data-img">
    @endif
        </div>
    </div>
</div>