@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))
    @if (str_contains($data->link_preview, "https://editorvn.com/uploads/") || str_contains($data->link_preview, "https://storage.upload-editror.info.vn/"))
        <img src="{{ $data->link_preview }}"
            alt="{{ $data->title }}"
            class="resource-image" />
    @else
        <img src="{{ asset($data->link_preview ?? 'assets/images/image_default.jpg') }}"
            alt="{{ $data->title }}"
            class="resource-image" />
    @endif
@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>
        @if (str_contains($data->link_preview, "https://editorvn.com/uploads/") || str_contains($data->link_preview, "https://storage.upload-editror.info.vn/"))
            <source src="{{ $data->link_preview }}" type="video/{{ $fileExtension }}">
        @else
            <source src="{{ asset($data->link_preview) }}" type="video/{{ $fileExtension }}">
        @endif
        <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;">
    @if (str_contains($data->link_thumbnail, "https://editorvn.com/uploads/") || str_contains($data->link_thumbnail, "https://storage.upload-editror.info.vn/"))
        <img src="{{ $data->link_thumbnail }}"
            alt="{{ $data->title }}"
            class="video-thumbnail resource-image"
            data-video-url="{{ $data->link_preview }}"
            data-file-extension="{{ $fileExtension }}">
    @else
        <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 }}">
    @endif
    <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