@extends('main')
@section('styles')
@endsection
@section('content')
		<div class="shop-header bg-color--grey fix-head">
			<div class="container space-y--15">
				<div class="row align-items-center">
					<div class="col-9">
						<h1 class="category-title text-right">{!! __(ucfirst(Str::plural($section))) !!}</h1>
					</div>
					<div class="col-3 text-left">
						<a href="javascript:history.back()" class="back-link">{!! __('Back') !!} <i class="fa fa-long-arrow-left"></i> </a>
					</div>
				</div>
			</div>
		</div>
	<div class="blog segments-page">
		<div class="container">
			@foreach ($items as $key => $item)
				<div class="content">
					<a class=" " href="{{ Route('mobily.show.'.$section.'.page',[$item->slug]) }}" title="{!! $item->title !!}">
						<img class="full-img" src="{!! path_img($item->photo,450,300,1) !!}" alt="{!! $item->title !!}">
						<div class="text">
							<h4>{!! $item->title !!}</h4>
							<p class="lines-2">{!! Str::words(strip_tags($item->content), 30, ' ...') !!}</p>
						</div>
					</a>
				</div>
			@endforeach
			<div class="pagination">
				{{ $items->links('vendor.pagination.mobile') }}
			</div>
		</div>
	</div>
@endsection
@section('scripts')
	<script type="text/javascript">
	$( document ).ready(function( $ ) {
		// $(".fancybox").fancybox();
		@foreach ($items as $key => $item)
		// $("a[rel=gallery0{{ $key+1 }}]").fancybox();
		$(".fancybox{{ $key+1 }}").attr('rel', 'gallery0{{ $key+1 }}').fancybox();
		@endforeach
	});
</script>
@endsection