@extends('layouts.public')

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

@section('content')

<div class="charity-subheader-two">
	<span class="charity-footer-transparent"></span>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="charity-page-title"><h1>Vijesti</h1></div>
				<ul class="charity-breadcrumb">
					<li><a href="{{route('public.index')}}">Naslovna</a></li>
					<li class="active">Vijesti</li>
				</ul>
			</div>
		</div>
	</div>
</div>

<div class="charity-main-content">
	<div class="charity-main-section">
		<div class="container">
			<div class="row">
				<div class="col-md-9">
					<div class="charity-blog charity-blog-grid">
						@foreach($posts->chunk(2) as $chunk)
						<ul class="row">
							@foreach($chunk as $post)
							<li class="col-md-6">
								<figure>
									<a href="{{route('public.post', $post)}}"><img src="{{asset($post->thumbnail)}}" alt="{{$post->title}}"> <span class="charity-bloggrid-hover"></span> </a>
									<figcaption>
										<time class="charity-bgcolor">{{$post->day_formated}} <span>{{$post->month_formated}}</span></time>
									</figcaption>
								</figure>
								<section>
									<h4><a href="{{route('public.post', $post)}}">{{$post->title}}</a></h4>
									<p>{{$post->summary}}</p>
									<a href="{{route('public.post', $post)}}" class="charity-read-more charity-bgcolor">Opširnije <i class="fa fa-angle-right"></i></a>
								</section>
							</li>
							@endforeach
						</ul>
						@endforeach
					</div>
					<div class="charity-pagination">
						{{$posts->links()}}
					</div>
				</div>
				@include('include.aside')
			</div>
		</div>
	</div>
</div>

@endsection