@extends('layout.app')
@section('title') Gallery
@endsection
@section('content')
    @php
        if (!empty($get_single_gallery_banner_title->content)) {
               $gallerydecodedData = json_decode($get_single_gallery_banner_title->content, true);
           }
    @endphp
    <section class="heroSection innerBan">
        <div class="main-slider p-0" id="mainSlider">
            <div class="swiper-container homeSlider">
                @if($gallerylSlider)
                <div class="swiper-wrapper">
                    @php
                        $get_decode = json_decode($gallerylSlider->images);
                    @endphp
                    @foreach($get_decode as $index => $all_images)
                        <div class="swiper-slide">
                            <div class="slide-inner bg-image" data-background="{{ asset('upload/sliders/'.$all_images) }}">
                                <div class="slider-overlay">
                                    <div class="container">
                                        <div class="row no-gutters">
                                            <div class="col-12 mb-5 pb-5">
                                                <div class="heroText">
                                                    <h2 class="">{{$gallerydecodedData['top_title'] ?? ''}}</h2>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach
                </div>
                @else
                    <h3 class="text-center text-white mt-5">
                        Images Not Found
                    </h3>

                @endif
            </div>
        </div>
    </section>
    <section class="gallerySection">
        <div class="container-fluid">
            <div class="row no-gutters">
                @forelse($galleries as $gallery)

                <div class="col-lg-4 col-6">

                    <a href="{{$gallery->image ? asset('upload/cms_images/'.$gallery->image ) : asset('admin/dist/img/placeholder.png')}}" data-fancybox="" class="gallery__img w-100">
                        <img src="{{$gallery->image ? asset('upload/cms_images/'.$gallery->image ) : asset('admin/dist/img/placeholder.png')}}" alt="img" class="img-fluid w-100 h-100">
                    </a>
{{--                    <img src="{{$gallery->image ? asset('upload/cms_images/'.$gallery->image ) : asset('admin/dist/img/placeholder.png')}}" alt="img" class="img-fluid">--}}
                </div>
                @empty
                    <h4 class="text-center">Gallery Not Found</h4>
                @endforelse
            </div>

        </div>
    </section>

@endsection