@extends('main')
@section('styles')
@endsection
@section('page-title')
	<section class="breadcrumbs-wrap">
		<div class="section-content">
			<div class="container clearfix">
				<div class="breadcrumbs-inner">
					<h1 class="page-title">
						{{ $gallery->title }}
					</h1>
					<ul class="breadcrumbs ul--inline ul--no-style">
						<li>
							<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
						</li>
						<span>/</span>
						<li>
							<a href="{{ Route('mobily.AllGallaries') }}">{{ __('Photo Gallery') }}</a>
						</li>
						<span>/</span>
						<li class="">
							{{ $gallery->title }}
						</li>
					</ul>
				</div>
			</div>
		</div>
	</section>

@endsection
@section('content')
	<section class="single-product">
		<div class="section-content">
			<div class="container">
				<div class="row">
					<div class="col-lg-9 col-md-12">
						<div class="row project--zoom clearfix">
							@if ($gallery->images)
								@foreach ($gallery->images as $key => $image)
									<div class="col-lg-3 col-md-6 col-12">
										<div class="project__item zoom-img">
											<div class="pro__img">
												<a href="{{ asset($image->small) }}" data-lightbox="{{ $gallery->title }}">
													<img alt="{{ $gallery->title }}" src="{{ asset($image->path) }}">
												</a>
											</div>
										</div>
									</div>
								@endforeach
							@endif
						</div>
						</div>
						<div class="col-lg-3 col-md-12">
							@if (isDesktop())
								@widget('LatestGallery')
							@endif
						</div>
					</div>
				</div>
			</div>
		</section>

@endsection
@section('scripts')
@endsection