@if ($videos->count() > 0)
    @foreach ($videos as $video)
        @php
            /* $daysPassed = \Carbon\Carbon::parse($video->created_at)->diffInDays(now());
 $timeAgoText = $daysPassed == 0 ? 'Today' : ($daysPassed == 1 ? '1 day ago' : $daysPassed . ' days ago'); */
            $date = \Carbon\Carbon::parse($video->capture_datetime);
            $timeAgoText =  $date->format('F j, Y');

            //$thumbnailPath = str_replace('.mp4', '.jpg', $video->url);
            $baseFilename = str_replace('.mp4', '', $video->url);
            $thumbnailUrls = [];

            for ($i = 0; $i < $video->no_of_thumbnails; $i++) {
                $thumbnailUrls[] = Storage::disk('s3_thumbnails')->url("{$baseFilename}" . ($video->no_of_thumbnails > 1 ? "-{$i}" : '') . '.jpg');
            }
        @endphp
        @if ($video->file_type == 1)
            <div class="vid_list p-2">
                <a href="javascript:void(0);" class="video-popup" data-id="{{ $video->id }}">
                    <div class="thumbnail-container" data-id="{{ $video->id }}"
                        data-thumbnails="{{ json_encode($thumbnailUrls) }}" style="background-image: url('{{ Storage::disk('s3_thumbnails')->url($baseFilename . ($video->no_of_thumbnails > 1 ? '-0.jpg' : '.jpg')) }}')">
                        <img src="{{ Storage::disk('s3_thumbnails')->url($baseFilename . ($video->no_of_thumbnails > 1 ? '-0.jpg' : '.jpg')) }}"
                            class="thumbnail thumbnail-video" id="thumbnail-video"
                            onerror="this.onerror=null; this.src='../assets/img/video-thumbnail-placeholder.png';"
                            alt="Video Thumbnail" />
                        <img class="play-button" src="../assets/img/transparent-play-button.png" alt="Play Button" />
                    </div>


                    <div class="flex_div">
                        <img class="thumbnail" src="">
                        <div class="vid_info">
                            <div>{{ $video->title }}</div>
                            <p class="description">{{ $video->description }}</p>
                            <p>{{ $timeAgoText }}</p>
                        </div>
                    </div>
                </a>
            </div>
        @endif
    @endforeach
@else
    <div class="no-videos-message">
        <p>No files found.</p>
    </div>
@endif