@php($video_ext = Config('global.video_extensions'))
@php($image_ext = Config('global.image_extensions'))
@if(!empty($exist_medias))
@php($total_slots = 0)
@foreach ($exist_medias as $key => $exist_media)
@php($info = new \SplFileInfo($exist_media->path))
@php($ext = $info->getExtension())
<div id="map_view_screen" class="videobox">
    <div class="map_screenBox">
        <div class="upl_wrapBox">
            {{-- @if($ext == 'jpg' || $ext == 'gif' || $ext == 'bmp' || $ext == 'png'  || $ext == 'jpeg') --}}
            @if(in_array($ext,$image_ext))
            @php($file_size = File::size(public_path('uploads/items/'.$exist_media->path)))
            @php($slot_count = 1)
            @php($video = false)
            @php($image_size = exif_read_data(public_path('uploads/items/'.$exist_media->path)))
            @php($width = $image_size['COMPUTED']['Width'])
            @php($height = $image_size['COMPUTED']['Height'])
            <div class="libray_image_wrapper">
                <img class="backround_image"  src="{{ asset('uploads/items/'.$exist_media->path) }}" width="100%" height="100%"/>
                <img class="actual_image {{ ($width > $height+10) ? 'landscape' : 'portrait' }}" src="{{ asset('uploads/items/'.$exist_media->path) }}" width="100%" height="100%"/>
            </div>
            {{-- @elseif($ext == 'm4v' || $ext == 'avi' || $ext == 'mpg' || $ext == 'mp4' || $ext == 'mov') --}}
            @elseif(in_array($ext,$video_ext))
            {{-- @php($file_size = File::size(public_path('uploads/items/video/'.$exist_media->path)))
            @php($getID3 = new \getID3)
            @php($file = $getID3->analyze(public_path('uploads/items/video/'.$exist_media->path))) --}}

            @php($duration = !empty($exist_media->duration)?date('H:i:s', strtotime($exist_media->duration)):"00:00:00")
            @php($duration = preg_replace("/^([\d]{1,2})\:([\d]{2})$/", "00:$1:$2", $duration))
            @php(sscanf($duration, "%d:%d:%d", $hours, $minutes, $seconds))
            @php($time_seconds = $hours * 3600 + $minutes * 60 + $seconds)
            @php($duration_actual = (date('i:s', strtotime($duration))))
            @php($slot_count = $time_seconds/$slot_duration->duration)
            @php($video = true) 
            @php($image_size = exif_read_data(public_path('uploads/items/video/thump/'.$exist_media->thumbnail)))
            @php($width = $image_size['COMPUTED']['Width'])
            @php($height = $image_size['COMPUTED']['Height'])  
            <a class="map_screenImg">
                <img class="video_thump_image" src="{{ asset('uploads/items/video/thump/'.$exist_media->thumbnail) }}" alt="{{ $exist_media->title }}">
                <button class="video_play active" data-id="{{ $exist_media->id }}">play</button>
                <img class="foregroundVideo {{ ($width > $height+10) ? 'landscape' : 'portrait' }}" data-id="{{ $exist_media->id }}" src="{{ asset('uploads/items/video/thump/'.$exist_media->thumbnail) }}" alt="{{ $exist_media->title }}">
                {{-- <video class="foregroundVideo" preload=”metadata” playsinline controls disablepictureinpicture controlslist="nodownload" src="{{ asset('uploads/items/video/'.$exist_media->path) }}" poster="{{ asset('uploads/items/video/thump/'.$exist_media->thumbnail) }}" width="100%" height="100%"></video> --}}
            </a>
            @endif
        </div>
        <div class="scr_contentBox">
            <div class="video_topBox">
                <div class="upl_fileName" data-id="{{ $exist_media->id }}">
                    <label class="text_label">{{ $exist_media->title }}</label>
                    <div class="txt_ed_tk edit"></div>
                    <input class="library_title" type="text" value="{{ $exist_media->title }}" />
                    <div class="txt_ed_tk tick"></div>
                </div>
            </div>
            <div class="video_midBox">
                @if(!empty($video))
                <div class="upl_leftName"><span>{{ trans('messages.video') }}</span></div>
                <div class="upl_fileDura"><span>{{ $duration_actual }}</span></div>
                @else
                <div class="upl_leftName"><span>{{ trans('messages.image') }}</span></div>
                @endif
                <div class="upl_fileSolt"> <span>{{ ceil($slot_count) }} {{ ceil($slot_count) > 1 ? trans('confirmation.library.Slots') : trans('confirmation.library.Slot') }}</span> </div>
            </div>
            <div class="video_btmBox">
                <div class="upl_dlt">
                    <input type="button" class="delete media_delete" data-id="{{ $exist_media->id }}" value="cancel">
                </div>
                <div class="info_hoverDts info_hoverDelete">
                    <p>Double click to delete</p>
                </div>
            </div>
        </div>
    </div>
</div>
@php($total_slots+=ceil($slot_count))
@endforeach
@endif
<script>
    var slot_count = "{{ ceil($total_slots) }}";
</script>