@extends('index')

@section('seo_title', $album->seo_title)
@section('seo_keywords', $album->seo_keywords)
@section('seo_description', $album->seo_description)

@section('content')
    <section id="about" class="about section">

        <!-- Section Title -->
        <div class="container section-title pb-0">
            <h2>{{ $album->title }}</h2>
        </div><!-- End Section Title -->

    </section>

    <section id="services" class="services services-alt section pt-0 photo-galler">
        <div class="container">

            <div class="row gy-4">
                @foreach ($photos as $item)
                    <div class="col-xl-4 col-md-4 d-flex" data-aos="fade-up" data-aos-delay="100">
                        <div class="service-item position-relative p-3">
                            <a href="{{ asset('uploads/imagegalleries/' . $item->main_image) }}" data-toggle="lightbox" data-gallery="example-gallery">
                                <img src="{{ asset('uploads/imagegalleries/' . $item->main_image) }}" alt="{{ $item->main_image_alt }}" class="img-fluid photo-gallery-img">
                            </a>
                        </div>
                    </div>
                @endforeach

            </div>

        </div>

    </section>

@endsection
