@extends('layouts.public')

@section('title') {{trans('seo.title.posts')}} @endsection

@section('content')

<div class="sub-banner overview-bgi">
	<div class="overlay">
		<div class="container">
			<div class="breadcrumb-area">
				<h1>{!!trans('references.page.title')!!}</h1>
				<ul class="breadcrumbs">
					<li><a href="{{route('public.index')}}">{!!trans('references.page.subtitle')!!}</a></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<div class="properties-section-body content-area">
	<div class="container">
		@foreach($posts->chunk(3) as $chunk)
		<div class="row">
			<div class="filtr-container">
				@foreach($chunk as $post)
				<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
					<div class="property">
						<div class="property-img">
							<img src="{{asset($post->thumbnail)}}" alt="{{$post->title}}" class="img-responsive">
							<div class="property-overlay">
								<a href="{{route('public.post', $post)}}" class="overlay-link">
									<i class="fa fa-link"></i>
								</a>
							</div>
						</div>
						<div class="property-content">
							<h1 class="title">
								<a href="{{route('public.post', $post)}}">{{$post->title}}</a>
							</h1>
							<h3 class="property-address">
								<a href="{{route('public.post', $post)}}">
									<i class="fa fa-map-marker"></i>{{$post->location}}
								</a>
							</h3>
						</div>
					</div>
				</div>
				@endforeach
			</div>
		</div>
		@endforeach
		<div class="text-center">
			{!!$posts->links()!!}
		</div>
	</div>
</div>

@endsection