@extends('layouts.public')

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

@section('content')
<div class="main-contents">
	<section class="banner blogs-list">
		<div class="container">
			<div class="morepage-banner">
				<h2 class="title">Novosti</h2>
				<ol class="breadcrumb">
					<li><a href="{{route('public.index')}}" class="link">Naslovna</a></li>
					<li class="active"><a href="#" class="link">Novosti</a></li>
				</ol>
			</div>
		</div>
	</section>
	<div class="page-main padding-top-100 padding-bottom-100">
		<div class="container">
			<div class="row">
				<div class="col-md-8 col-xs-12 main-left">
					<div class="blog-detail-wrapper">
						<div class="image-wrapper">
							<div id="gallery" style="display: none;">
								<img src="{{asset($post->thumbnail)}}" alt="{{$post->title}}" data-image="{{asset($post->image)}}" data-description="{{$post->title}}">
								@foreach($post->images as $image)
								<img src="{{asset($image->thumbnail)}}" alt="{{$post->title}}" data-image="{{asset($image->path)}}" data-description="{{$post->title}}">
								@endforeach
							</div>
						</div>
						<div class="content-wrapper">
							<div class="title">{{$post->title}}</div>
							<div class="block-info">
								<div class="block"><i class="icons fa fa-calendar-o"> </i><a href="#" class="link">{{$post->date}}</a></div>
							</div>
							<div class="description">
								<p><em>{{$post->summary}}</em></p>
								<p class="text">{!!$post->content!!}</p>									
							</div>
						</div>
					</div>
				</div>
				@include('include.sidebar')
			</div>
		</div>
	</div>
</div>
@endsection

@section('styles')
<link rel='stylesheet' href='/unitegallery/css/unite-gallery.css?v=2' type='text/css' />
<style type="text/css">
.blogs-list {
	background-image: url(/assets/images/news/bg.jpg);
}	
.ug-gallery-wrapper .ug-slider-wrapper, .ug-gallery-wrapper .ug-strip-panel {
	background-color: white;
}
</style>
@endsection

@section('scripts')
<script src='/unitegallery/js/jquery-11.0.min.js'></script>   
<script src='/unitegallery/js/unitegallery.min.js'></script>  
<script src='/unitegallery/themes/compact/ug-theme-compact.js'></script>
<script>

	jQuery(document).ready(function(){

		jQuery("#gallery").unitegallery({
			gallery_theme: "compact",
			gallery_height: 600, 
			slider_scale_mode: "fit",
			slider_control_zoom: false,
			slider_fullscreen_button_align_hor: "right",
			slider_enable_play_button: false,
			slider_enable_zoom_panel: false,
			strippanel_enable_handle: false

		});

	});

</script>
@endsection