@extends('frontend.layouts.app')
@section('content')
	<main class="page_main_layout gallery_page">
		<section class="innerPageBanner galleryPageBnr">
			<div class="container">
				<div class="contentWrapper__wr wow animate__zoomIn" data-wow-duration="2s">
					<p class="bannerTitle__wr" title="Takhlees-Gallery">{{translate('Image Gallery')}}</p>
					<ol class="breadcrumb__wr">
						<li><a href="{{\URL::to('home')}}" title="Takhlees-Home">{{translate('Home')}}</a></li>
						<li title="Takhlees-Gallery">{{translate('Image Gallery')}}</li>
					</ol>
				</div>
			</div>
		</section>
		<section class="imageGalerySec__wr">
			<div class="container">
				<div id="js-grid-masonry" class="cbp galleryGridWrap__wr">
					@foreach($galleries as $value)

					<div class="cbp-item wow animate__zoomIn" data-wow-duration="2s">
						<a href={{ uploaded_asset($value->path)}} data-fancybox="gallery" class="cbp-caption cbp-lightbox">
							<picture class="itemPicW__wr">
								<img src="{{ uploaded_asset($value->path) }}" loading="lazy" class="img-fluid" alt="{{ $value->title }}" title="{{ $value->title }}" width="" height="">
							</picture>
						</a>
					</div>
					@endforeach

		
				</div>
			</div>
		</section>
	</main>
@endsection