@if(isset($galleryImages) && $galleryImages->isNotEmpty())
    <section class="wrapper ">
        <div class="container mt-15" style="--bs-gutter-x: 0px">
            <h2 class="display-5 mb-3">Galerie Foto</h2>
            <div class="position-relative">
                <div class="swiper-container dots-closer blog grid-view mb-6" data-margin="0" data-dots="false"
                     data-nav="true"
                     data-items-xl="3" data-items-md="3" data-items-xs="3">
                    <div class="swiper">
                        <div class="swiper-wrapper gallery_container">
                            @foreach ($galleryImages as $item)
                                <div class="swiper-slide" id="swiper_slide_{{$item->id}}">
                                    <div class="item-inner">
                                        <img class="img-fluid imgRatio" src="{{ @$item->original }}"/>
                                    </div>
                                    <!-- /.item-inner -->
                                </div>
                            @endforeach
                        </div>
                        <!--/.swiper-wrapper -->
                    </div>
                    <!-- /.swiper -->
                </div>
                <!-- /.swiper-container -->
            </div>
            <!-- /.position-relative -->

            <div class="flex">
                <a class="btn rounded btn-blue btn-color-white mx-auto" href="{{route('cms.gallery')}}">Vezi mai
                    mult</a>
            </div>
        </div>
        <!-- /.container -->


    </section>
    <!-- /section -->
@endif




@if(isset($videoGallery) && $videoGallery->isNotEmpty())
    @php
        if (! function_exists('getYouTubeId')) {
        function getYouTubeId($url)
        {
            preg_match("/(youtu\.be\/|youtube\.com\/(watch\?(.*&)?v=|(embed|v)\/))([^\?&\"'>]+)/", $url, $matches);
            return $matches[5] ?? null;
        }
    }
    @endphp
    <section class="wrapper ">
        <div class="container mt-15" style="--bs-gutter-x: 0px">
            <h2 class="display-5 mb-3">Galerie Video</h2>
            <div class="row">
                @foreach($videoGallery as $video)
                    <div class="col-md-4 mt-2 mb-10">
                        <div class="video-item">
                            <a href="#" data-bs-toggle="modal" data-bs-target="#videoModal-{{ $video->id }}">
                                <div class="video-thumbnail">
                                    @if($video->video_type === 'youtube')
                                        <img src="https://img.youtube.com/vi/{{ getYouTubeId($video->youtube_url) }}/hqdefault.jpg"
                                             class="img-fluid thumbnail-img" alt="Video thumbnail">
                                    @else
                                        <video id="thumbnail-video-{{ $video->id }}" class="thumbnail-img" controls>
                                            <source src="{{ asset('storage/' . $video->local_video_path) }}"
                                                    type="video/mp4">
                                            Your browser does not support the video tag.
                                        </video>
                                    @endif
                                </div>
                            </a>
                        </div>
                    </div>
                @endforeach
                <!-- /.swiper-container -->
            </div>
            <!-- /.position-relative -->

            <div class="flex">
                <a class="btn rounded btn-blue btn-color-white mx-auto" href="{{route('cms.videoGallery')}}">Vezi mai
                    mult</a>
            </div>
        </div>
        <!-- /.container -->


    </section>
    <!-- /section -->
@endif