@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">
						{{ __('Photo Gallery') }}
					</h1>
					<ul class="breadcrumbs ul--inline ul--no-style">
						<li>
							<a href="{{ Route('mobily.site.home.page') }}">{{ __('Home') }}</a>
						</li>
						<span>/</span>
						<li class="">
							{{ __('Photo Gallery') }}
						</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">
							@foreach ($galleries as $key => $gallery)
								<div class="col-lg-3 col-md-6">
									<div class="latest__item">
										<img alt="{{ $gallery->title }}" src="{{ path_img($gallery->photo) }}">
										<a href="{{ path_img($gallery->photo) }}" data-lightbox="Lastest Project" class="overlay overlay--invisible overlay--p-15">
											<div class="overlay--border overlay--border-solid">
											</div>
										</a>
										<div class="latest__item--content">
											<div class="latest__item--inner">
												<h3>
													<a href="{{ Route('mobily.ShowGallary',$gallery->slug) }}">
														{{ $gallery->title }}
													</a>
												</h3>
												<div class="cat-name">
												</div>
											</div>
										</div>
									</div>
								</div>
							@endforeach
						</div>
						</div>
						<div class="col-lg-3 col-md-12">
							@if (isDesktop())
								@widget('LatestGallery')
							@endif
						</div>
					</div>
				</div>
			</div>
		</section>
	<section class="latest-project latest-project-4">
		<div class="container">

			<div class="row">
				@if ($galleries->hasMorePages())
					<div class="col-md-12">
						<div class="shop-pagination  text-center">
							<div class="pagination">
								{{ $galleries->links('vendor.pagination.mobile') }}
							</div>
						</div>
					</div>
				@endif
			</div>
		</div>
	</section>
@endsection
@section('scripts')
@endsection