@extends('layout.app')
@section('content')
    <style>
        .gallery-section {
            padding-top: 300px; /* Adjust the padding to ensure the logo does not conflict with the section */
        }
    </style>

    <section class="gallery-section">
        <div class="container">
            <div class="row">
                @foreach($galleries as $index => $gallery)
                    @if($index < 6 || ($index > 5 && $index % 1 == 0))
                        @if($index > 0)
            </div>
            @endif
            <div class="col-md-4">
                @endif
                <figure data-aos="fade-up">
                    <a href="{{asset('/uploads/gallery/'.($gallery->gallery_image ?? ''))}}" data-fancybox="">
                        <img src="{{asset('/uploads/gallery/'.($gallery->gallery_image ?? ''))}}" class="img-fluid"
                             alt="">
                    </a>
                </figure>
                @if($index == count($galleries) - 1)
            </div>
            @endif
            @endforeach
        </div>
    </section>
    <!-- !@Gallery Section -->
@endsection