@extends('layouts.master')

@section('editable_content')

    <div class="feature-content blog">
        <div class="background">
        </div>
        <div class="content-container inner">
            <div class="feature-nav">
                <div class="header">
                    <h4>@lang('translations.latestItems')</h4>
                </div>
                @include('layouts.partials.posts.latestPosts')
            </div>

            <div class="feature-detail blog-items">
                @foreach($blogItemsOverview as $blogItem)
                    <div class="blog-item">
                        <a href="/{{$blogItem->route}}">
                            <div class="image">

                                @if($blogItem->medium_image_url != null)
                                    <div class="image-container"
                                         style="background-image: url('{{$blogItem->medium_image_url}}');"></div>
                                @else
                                    <div class="placeholder">
                                        <div class="icon"></div>
                                    </div>
                                @endif
                            </div>
                            <div class="information">
                                <h3>{{$blogItem->title}}</h3>
                                <div class="content">{{$blogItem->meta_description}}</div>
                                <p class="read-more">@lang('translations.readMore')</p>
                                <p class="date">{{$blogItem->date->format('d . m . Y')}}</p>
                            </div>
                        </a>
                    </div>
                @endforeach

                @if(method_exists($blogItemsOverview, 'links'))
                    {{$blogItemsOverview->links('layouts.partials.posts.pagination')}}
                @endif

            </div>
        </div>
    </div>
    @include('layouts.partials.orangeRow')

    @include('layouts.partials.dataSecurityRow')
@endsection

@section('extra-js')
    <script type="text/javascript" src="/js/projectDetail.js?v=2"></script>
@endsection