@extends('layout', ['page' => 'gallery'])
@section('title', 'Gallery - ' . config('app.name'))

@section('content')
@if(isset($breadcrumb) && !empty($breadcrumb))
    @include('partials._breadcrumb-title', ['breadcrumb' => $breadcrumb])
@endif

<section class="wrap">
    <div class="container">
        <div class="abt-dec">
            <div class="box-shadow">
                <p style="text-align: justify; margin:20px;" class="border-bottom pb-4">
                    Explore the transformative journey of {{ config('app.name') }} through our holistic approach to wellness, blending ancient practices with modern teaching. Join our global community and empower students towards healthier, peaceful lives.
                </p>

                <div class="m-auto20 py-2">
                    <div class="row">
                        @forelse ($galleryImages as $gallery)
                            <div class="col-6 col-sm-4 col-md-3 col-lg-3">
                                <div class="glrycp-img">
                                    <img class="thumb my-4" src="{{ asset('storage/' . $gallery->image) }}" alt="{{ $gallery->title }}"/>
                                </div>
                            </div>
                        @empty
                            <p class="px-4" style="text-align: center;">No images found in the gallery.</p>
                        @endforelse
                    </div>
                </div>

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

@endsection