@extends('layouts.public')

@section('title') {{$category}} - Zona Zadar @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">{{$category}}</h2>
                <ol class="breadcrumb">
                    <li><a href="{{route('public.index')}}" class="link">Naslovna</a></li>
                    <li class="active"><a href="#" class="link">{{$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-list colum-1">
                        @foreach($pages as $page)
                        <div class="item">
                            <div class="block-2">
                                <div class="block-image"><img src="{{asset($page->thumbnail)}}" alt="{{$page->meta_title}}" class="img-full">
                                    <a href="{{url($page->url)}}" class="link"></a>
                                </div>
                                <div class="block-content">
                                    <a href="{{url($page->url)}}" class="title">{{$page->title}}</a>
                                    <div class="description">
                                    <p class="text">{{substr(strip_tags($page->content), 0, 300)}}..</p>
                                    </div>
                                    <a href="{{url($page->url)}}" class="readmore">
                                        <span class="text">opširnije</span><i class="icons fa fa-long-arrow-right"> </i>
                                    </a>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </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/{{$category}}.jpg);
    }   
</style>
@endsection