@extends('main')
@section('styles')
@endsection
@section('content')
	<section class="full-height-slider type-1">
		<div class="bg opc7 ready" data-swiper-parallax="50%"></div>
		<div class="table-view mobile-rel-block">
			<div class="table-cell">
				<div class="container no-padd">
					<div class="row vertical-wrap">
						<div class="col-lg-8 col-lg-offset-2 col-sm-12 col-sm-offset-0">
							<div class="empty-lg-80 empty-md-30 empty-sm-20 empty-xs-20"></div>
							<div class="simple-item color-type-1 text-center">
								<div class="main-title">
									<h1 class="h1 caption">{!! __('Our sweet wig') !!}</h1>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="section">
		<div class="empty-lg-10 empty-md-10 empty-sm-10 empty-xs-10"></div>
		<div class="container">
			<div class="clearfix"></div>
			<div class="row ">
				@foreach ($items as $key => $item)
					<div class="col-md-4 col-xs-6">
						<article class="menu_today">
							<a class="fancybox{{ $key+1 }}" rel="gallery0{{ $key+1 }}" href="{!! asset($item->photo) !!}" title="{!! $item->title !!}">
								<figure>
									<img class="full-img" src="{!! path_img($item->photo,450,450,1) !!}" alt="{!! $item->title !!}">
									<figcaption class="text-center">
										<div class="fig_container">
											<div class="fig_content">
												<h3>{!! $item->title !!}</h3>
												<p class="lines-2">{!! Str::words(strip_tags($item->content), 20, ' ...') !!}</p>
											</div>
										</div>
									</figcaption>
									<span class="btn btn-gold primary-bg white">{{ Date::parse($item->created_at)->format('l j F Y') }}</span>
								</figure>
							</a>
						</article>
						<div class="empty-lg-30 empty-md-20 empty-sm-10 empty-xs-10"></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
					</div>
				@endforeach
			</div>
			<div class="row">
				<div class="col-md-12">
					{{ $items->links() }}
				</div>
			</div>
		</div>
	</section>
@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