@extends('frontend.frontend_layout')
@section('gallery-menu') current @endsection
@section('content')
<!--Page Header Start-->
<section class="page-header">
    <div class="page-header-bg" style="background-image: url({{ asset($pageBanner->gallery_page_banner) }})">
    </div>
    <div class="container">
        <div class="page-header__inner">
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="{{ url('/') }}">Home</a></li>
                <li><span>/</span></li>
                <li>Gallerys</li>
            </ul>
            <h2>Gallerys</h2>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--gallery Page Start-->
<section class="event-page">
    <div class="container">
        <div class="row">
            <!--gallery Two Single Start-->
            @foreach ($galleries as $gallery)
            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp mb-4" data-wow-delay="100ms">
                <div class="gallery-one__single">
                    <div class="gallery-one__img">
                        @if (isset($gallery->image) && file_exists($gallery->image))
                        <img src="{{ asset($gallery->image) }}" style="width: 270px; height: 369px;" alt="">
                        @else
                        <img src="{{ asset('common/no-image.jpg') }}" alt="">
                        @endif
                        <div class="gallery-one__img-icon">
                            <a href="#"><span class="fab fa-instagram"></span></a>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
            <!--gallery Two Single End-->
        </div>
    </div>
</section>
<!--gallery Page End-->
@endsection