@extends('frontend.layouts.main', array('body_class' => (!$object->image ? 'no-header' : '')))

@section('content')
<div class="container-fluid page-container thought-leadership-template" id="thought-leadership-maincontainer">
    <div class="row page-header">
        @if($object->image)
        {!! getMediaImg($object->image, '1920x560') !!}
        <div class="overlay-img"></div>
        <div class="page-header-wrapper">
            <div class="page-header-content">
                @if($object->header_title)
                <h1>{{ $object->header_title }}</h1>
                @endif
                <div class="clear"></div>
                @if($object->tagline)
                <p>
                    {{ $object->tagline }}
                </p>
                @endif
            </div>
        </div>
        @endif
    </div>
    <div class="row page-contents-holder main-content-holder">
        <div class="col-lg-16 col-sm-14 col-xs-24 content-column">
            <div class="container-fluid">
                <div class="row margin-filters">
                    <div class="col-md-offset-3 col-md-20 col-sm-offset-1 col-sm-22 col-xs-offset-0 col-xs-24">
                        <div class="row page-title">
                            <h1>{{ $object->title }}</h1>
                            {!! $object->content !!}
                        </div>
                    </div>
                </div>
                <div class="thought-leadership-wrapper">
                    <div class="thought-leadership-container">
                        <!-- Will contain the news -->
                        @if(!$items->isEmpty())
                        @foreach($items as $item)
                        <div class="tile-wrapper">
                            <div class="row">
                                <div class="row item">
                                    <div class="col-sm-offset-1 col-sm-22 col-md-offset-3 col-md-21">
                                        <div>
                                            <div class="relative">
                                                <div class="title-placeholder">
                                                    @if($item->type == 'news')
                                                    <h2>@lang('frontend.news') <span class="category"></span></h2>
                                                    @else
                                                    <h2>@lang('frontend.in_the_media')</h2>
                                                    @endif
                                                    <h1>{{$item->title}}</h1>
                                                    <div class="info">
                                                        <i>@lang('frontend.by')</i>
                                                        <span class="name">{{$item->author}}</span>
                                                        <i>@lang('frontend.at')</i>
                                                        <span class="date">
                                                            {{ format_date($item->date, true) }}
                                                        </span>
                                                    </div>
                                                </div>
                                                <div class="buttons-placeholder">
                                                    <div class="pull-right">
                                                        @if(!$item->document->isEmpty())
                                                            <a target="_blank" class="small-button item-button roundcorner dark-blue" href="{{ url('/uploads/media/' . $item->document->first()->filename) }}">
                                                                <span class="fa fa-file-text-o"></span>
                                                            </a>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row item margin-between-items">
                                @if($item->media)
                                <div class="col-md-offset-1 col-md-23 col-sm-offset-0 col-sm-24 col-xs-offset-0 col-xs-24">
                                    <div class="row no-gutter">
                                        <div class="col-lg-8 col-md-9 col-sm-24 col-xs-24">
                                            <div class="image">
                                                {!! getMediaImg($item->media, '280x150', htmlspecialchars($item->title)) !!}
                                            </div>
                                        </div>
                                        <div class="col-lg-15 col-md-14 col-sm-24 col-xs-24 p-margin-top image-text">
                                            {!! $item->summary !!}
                                            @if($item->content)
                                            <div class="read-more">
                                                <a href="{{lang_url($item->lang_uri)}}">@lang('frontend.read_more')</a>
                                            </div>
                                            @endif
                                        </div>
                                    </div>
                                </div>
                                @else
                                <div class="col-lg-offset-3 col-lg-20 col-md-offset-3 col-md-20 col-sm-offset-1 col-sm-22 col-xs-offset-0 col-xs-24 p-margin-top">
                                    <div class="row">
                                        {!! $item->summary !!}
                                        @if($item->content)
                                        <div class="read-more">
                                            <a href="{{ lang_url($item->lang_uri) }}">@lang('frontend.read_more')</a>
                                        </div>
                                        @endif
                                    </div>
                                </div>
                                @endif
                            </div>
                        </div>
                        @endforeach
                        @endif
                        <div>
                            <div class="row no-results">
                                <div class="col-md-offset-3 col-md-21 col-sm-offset-1 col-sm-22">
                                    @lang('frontend.no_news')
                                </div>
                            </div>
                            <div class="row loading">
                                <span class="fa fa-cog fa-spin"></span>
                            </div>
                            <div class="row more-list">
                                <a href="#" class="submit roundcorner dark-blue">@lang('frontend.more')</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="side-bar-elem col-lg-8 col-sm-10 col-xs-24 pull-right">
            @include('frontend.templates.components.sidebar')
        </div>
    </div>
</div>
@stop