@php
$fileExtension = pathinfo($data->link_preview, PATHINFO_EXTENSION);
$imageTypes = ['jpg', 'jpeg', 'png', 'gif', 'svg', 'avif'];
$videoTypes = ['mp4', 'avi', 'mov', 'mkv'];
@endphp

@if (in_array(strtolower($fileExtension), $imageTypes))
<img src="{{ asset($data->link_preview ?? 'assets/images/image_default.jpg') }}"
    alt="{{ $data->title }}"
    class="resource-image" />
@elseif (in_array(strtolower($fileExtension), $videoTypes))
@if(!empty($check) && $check == 1)
{{-- Video : Controls Custom  --}}
<div class="video-container">
    <video class="resource-video resource-video-detail" controls>
        <source src="{{ asset($data->link_preview) }}" type="video/{{ $fileExtension }}">
        <label>Trình duyệt này không hỗ trợ video</label>
    </video>
</div>
{{-- Video : Controls Custom  --}}
@else
<div class="video--demo video-container" style="position: relative;">
    <img src="{{ asset($data->link_thumbnail ?? 'assets/images/image_default.jpg') }}"
        alt="{{ $data->title }}"
        class="video-thumbnail resource-image"
        data-video-url="{{ asset($data->link_preview) }}"
        data-file-extension="{{ $fileExtension }}">
    <div class="video-wrapper" style="display: none;height: auto; width: 100%;">
    </div>
    <div class="timeline">
        <div class="progress-demo"></div>
    </div>
    <i class="fas fa-volume-mute video-volume"></i>
</div>
@endif
@else
<img src="{{ asset('assets/images/image_default.jpg') }}" alt="Default Preview" class="resource-image" />
@endif

@php $check = 0 @endphp