@foreach($AllMedia ?? [] as $key => $media)
@if(isset($img_type))
{{-- <div class="attachment-data ml-4 border-radius-10">
    <div class="attachment-data-single border p-0 {{ isset($media->file_not_found) ? 'active:hover' : '' }}"
        title="{{ $media->file_name ?? '' }}">
        <div class="viewDelete" data-html2canvas-ignore="true">
            @if (false === isset($media->file_not_found))
            @if (strpos($media->mime_type, 'application') === false)
            <a href="{{ $media->url ?? '' }}" data-fancybox="images" class="btn view-del-btn">
                View
            </a>
            @endif
            <a href="{{ route('old-file-download', ['id' => $media->url_path]) }}" class="btn view-del-btn">
                Download </a>
            @else
            <p class="text-white text-center">File Not found</p>
            @endif
        </div>
        <div>
            <div class="position-absolute" style="top: 50%;left: 50%;transform: translate(-50%, -50%);">
                @include('inc.dots-loader')
            </div>
            @if (strpos($media->mime_type, 'application') > -1)
            <img class="attachment-data-img" src="{{ asset('assets/front/images/brand_guide.svg') }}">
            @else
            <img class="attachment-data-img" src="{{ $media->url ?? '' }}" style="height: 140px;">
            @endif
        </div>
    </div>
</div> --}}
<div class="col-md-4 col-sm-4 col-6 position-relative">
    <div class="rectangle-img-sec">
        @if (strpos($media->mime_type, 'application') > -1)
        <img class="rectangle-img" src="{{ asset('assets/front/images/brand_guide.svg') }}">
        @else
        <img class="rectangle-img" src="{{ $media->url ?? '' }}">
        @endif
        {{-- <a href="#" class="close"><i class="fa-solid fa-xmark"></i></a> --}}
        <div class="eye-box" data-html2canvas-ignore="true">
            <a href="{{ $media->url ?? '' }}" data-fancybox="images" class="eye-btn"><i class="fa-solid fa-eye"></i></a>
            <a href="{{ route('old-file-download', ['id' => $media->url_path]) }}" class="download-btn"><i
                    class="fa-solid fa-download"></i></a>
        </div>
    </div>
</div>
@else
@php
$canPreview = in_array(pathinfo($media->file_name, PATHINFO_EXTENSION), ['jpeg', 'jpg', 'png', 'gif']);
// $mediaUrl = asset('assets/front/images/brand_guide.svg');
$mime_type = pathinfo($media->file_name, PATHINFO_EXTENSION);
$mime_type = strtolower($mime_type);
$mediaUrl = asset('assets/icons/'.$mime_type.'.png');
if(strstr($media->mime_type, "video/")){
    $previewVideo = $media->getUrl();
}
$failedUrl = asset('assets/front/images/brand_guide.svg');
if($canPreview || strstr($media->mime_type, "video/")){
    if($media->hasGeneratedConversion('thumb')){
        $mediaUrl = $media->getUrl('thumb');
    }else{
        if(strstr($media->mime_type, "video/")){
        $mediaUrl = asset('assets/icons/video.svg');
        }else{
        $mediaUrl = $media->getUrl();
        }
    }
}
@endphp

<div class="col-md-4 col-sm-4 col-6 position-relative files-preview-container-js">
    <div class="rectangle-img-sec">
        <div class="position-absolute" style="top: 50%;left: 50%;transform: translate(-50%, -50%);">
            <div class="dots-loader-js " style="display:none;">
                <img src="{{ asset('assets/front/images/ajax-loader.gif') }}">
            </div>
        </div>
        @if (!$canPreview)
        <img class="rectangle-img" src="{{ $mediaUrl ?? asset('assets/front/images/brand_guide.svg') }}"
            onerror="this.src='{{$failedUrl}}';">
        @else
        <img class="rectangle-img" src="{{ $mediaUrl ?? '' }}">
        @endif
        <div class="action-icons-js">
            <a href="javascript:;" data-media-id="{{ $media->id }}" data-model-type="ProjectMeta"
                data-id="{{ $currentProject->id }}" data-field-name="value" class="delete-media-js close"><i
                    class="fa-solid fa-xmark"></i></a>
            <div class="eye-box" data-html2canvas-ignore="true">
                @if ($canPreview)
                <a href="{{ $mediaUrl ?? '' }}" data-fancybox="images" class="eye-btn"><i
                        class="fa-solid fa-eye"></i></a>
                @elseif (strstr($media->mime_type, "video/"))
                <a href="{{ $previewVideo ?? '' }}" data-fancybox="images" class="eye-btn"><i
                        class="fa-solid fa-play"></i></a>  
                @endif
                <a href="{{ route('download-file', ['id' => $media->id]) }}" class="download-btn"><i
                        class="fa-solid fa-download"></i></a>
            </div>
        </div>
    </div>
</div>
{{-- <div class="ml-4 border-radius-10 d-inline-block">
    <div class="attachment-data-single border p-0">
        <div class="viewDelete" data-html2canvas-ignore="true">
            @if ($canPreview)
            <a href="{{ $mediaUrl ?? '' }}" data-fancybox="images" class="btn view-del-btn">
                <i class="fas fa-eye"></i>
            </a>
            @endif
            <a href="{{ route('download-file', ['id' => $media->id]) }}" class="btn view-del-btn"> <i
                    class="fas fa-download"></i> </a>
            <a href="javascript:void(0)" class="remove-project-form-media">
                <i data-media-id="{{ $media->id }}" data-model-type="ProjectMeta" data-id="{{ $currentProject->id }}"
                    data-field-name="value" class="delete-media-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>

            @if (!$canPreview)
            <img class="attachment-data-img info_image_contain"
                src="{{ asset('assets/front/images/brand_guide.svg') }}">
            @else
            <img class="attachment-data-img info_image_contain" src="{{ $mediaUrl ?? '' }}">
            @endif
        </div>
    </div>
    <div class="pdf-link d-none">
        <a href="{{$mediaUrl ?? ''}}">
            <h6>Download</h6>
        </a>
    </div>
</div> --}}

@endif
@endforeach