@extends('layouts.public')

@section('title') {{$page->meta_title}} @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">{{$page->category}}</h2>
				<ol class="breadcrumb">
					<li><a href="{{route('public.index')}}" class="link">Naslovna</a></li>
					<li class="active"><a href="#" class="link">{{$page->category}}</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">
							<img src="{{asset($page->image)}}" alt="{{$page->title}}" class="images img-responsive">
						</div>
						<div class="content-wrapper">
							<div class="title">{{$page->title}}</div>
							<div class="description">
								<p class="text">{!!$page->content!!}</p>									
							</div>
						</div>
					</div>
				</div>
				@include('include.sidebar')
			</div>
		</div>
	</div>
</div>
@endsection

@section('styles')
<style type="text/css">
	.blogs-list {
		background-image: url(/assets/images/background-full/tradition.jpg);
	}   
</style>
@endsection