@extends('layouts.public')

@section('title') {{trans('seo.title.events')}} @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>Događanja</h1></div>
				<ul class="charity-breadcrumb">
					<li><a href="{{route('public.index')}}">Naslovna</a></li>
					<li class="active">Događanja</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-event charity-event-classic">
						<ul class="row">
							@foreach($events as $event)
							<li class="col-md-12">
								<figure><a href="{{route('public.event', $event)}}"><img src="{{asset($event->thumbnail)}}" alt="{{$event->title}}"><i class="fa fa-link"></i></a>
									<time>{{$event->time}}</time>
								</figure>
								<div class="charity-event-classic-text">
									<h3><a href="{{route('public.event', $event)}}">{{$event->title}}</a></h3>
									<ul>
										<li><i class="fa fa-calendar-o"></i>{{$event->date}}</li>
										<li><i class="fa fa-map-marker"></i>{{$event->location}}</li>
									</ul>
									<p>{{$event->summary}}</p>
									<a href="{{route('public.event', $event)}}" class="charity-event-readmore-btn">Opširnije <i class="fa fa-share"></i></a>
								</div>
							</li>
							@endforeach
						</ul>
					</div>
					<div class="charity-pagination">
						{{$events->links()}}
					</div>
				</div>
				@include('include.aside')
			</div>
		</div>
	</div>
</div>

@endsection