@extends('master')

@section('css')
<link href="{{ asset('assets/css/blog.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/home.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/page.css') }}" rel="stylesheet">
@endsection

@section('content')
<div class="container category">

    <ul class="breadcrumb">
        <li><a class="default" href="/">Home</a></li>
        <li class="active">Press</li>


    </ul>
</div>
<div class="orange-homepage-box orange-homepage-box2" id="section1">
    <h3>Welcome to the Press Centre</h3>
</div>
<div class="container category margin-top-bottom">
    <div class="row">
        <div class="col-sm-3 col-xs-12 left-menu">
            <h3>Quick search</h3>
            <h4>Category</h4>

            <div class="left-menu-box">
                <div ng-repeat="cat in categories"><input type="checkbox" ng-model="cat.checked">@{{ cat.title }}</div>
            </div>

        </div>

        <div class="col-md-9 col-xs-12 blogposts">

            @if ($extras)


            @foreach ($extras as $extra) {{-- $extra here is an PressRelease object --}}

            <div class="col-md-6 matchheight ng-hide" ng-show="categories[{{ $extra->presscategory_id }}].checked">
                <div class="innerblog">
                        <div class="blog-date">{{ date('jS F',strtotime($extra->published_date)) }}</div>
                        <a class="h2" href="{{ $extra->get_route() }}">
                            <h2>{{ $extra->title }}</h2>
                        </a>
                        <p>{{ Str::limit(strip_tags($extra->content), 250) }}</p>

                </div>
            </div>
            @endforeach

            @endif
        </div>

    </div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
<script type="text/javascript">
    var presscats = angular.module('presscats', []);
    var categories = {!! json_encode($presscats) !!};
//    var categories = [
//        {
//            title: 'cat1',
//            checked: false,
//            id: 1
//        },
//        {
//            title: 'cat2',
//            checked: false,
//            id: 2
//        }
//    ];

    presscats.controller('presscatsctl', function($scope) {
        $scope.categories = categories;
    });
    $('body').attr('ng-controller', 'presscatsctl');
    angular.bootstrap(document, ['presscats']);
</script>
@endsection