@extends('layouts.front-layout')
@section('title') Gallery @endsection
@section('content')
    <section class="inner-banner p-0">
        <video class="inner-banner__video" autoplay muted loop playsinline>
            <source src="{{$setting->settingImage('home_top_banner_video') ?? ''}}" type="video/mp4">
        </video>
        <div class="container">
            <div class="inner-banner__content">
                <h1>{{ $pageData['Gallery']['gallery_section_second_title'] ?? '' }}</h1>
            </div>
        </div>
        <figure class="inner-banner__bottom">
            <img src="upload/images/banner-shape.png" alt="image" class="img-fluid">
        </figure>
    </section>

    <section class="gallery-section">
        <div class="container-fluid p-0">
            <div class="row align-items-center no-gutters">
                @forelse($get_galleries as $gallery)
                <div class="col-md-3" data-aos="fade-up">
                    <figure>
                        <a href="{{$gallery->galleryImage('galleries_image') ? : ''}}" data-fancybox=""> <img src="{{$gallery->galleryImage('galleries_image') ? : ''}}" class="img-fluid"
                                                                                    alt=""></a>
                    </figure>
                </div>
                @empty
                    <h3>Our Gallery Data Not Available</h3>
                @endforelse

            </div>
        </div>
    </section>

@endsection