@extends('main')
@section('styles')
@endsection
@section('content')
	<div class="b-seller segments">
		<div class="category-title">
			<h3><i class="fa fa-ioxhost"></i> {!! __('Our sweet wig') !!}</h3>
		</div>
	</div>
	<div class="blog segments-page">
		<div class="container">
			@foreach ($items as $key => $item)
				<div class="content">
					<a class="fancybox{{ $key+1 }}" rel="gallery0{{ $key+1 }}" href="{!! asset($item->photo) !!}" 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="date">{{ Date::parse($item->created_at)->format('l j F Y') }}</p>
							<p class="lines-2">{!! Str::words(strip_tags($item->content), 30, ' ...') !!}</p>
						</div>
					</a>
				</div>
				@if ($item->hasMedia('gallery'))
					@foreach ($item->getMedia('gallery') as $k => $image)
						<a href="{{ asset('uploads/'.$image->getDiskPath()) }}" class="fancybox{{ $key+1 }}" rel="gallery0{{ $key+1 }}" title="{!! $item->title !!}"></a>
					@endforeach
				@endif
			@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