@extends('layouts.app')
@section('page_title', __('press.title'))
@section('page_description', __('press.description'))
@section('page_keywords', __('press.keywords'))
@section('og_title', __('press.title'))
@section('og_description', __('press.description'))
@section('twitter_title', __('press.title'))
@section('twitter_description', __('press.description'))
@section('page_content')
    <div class="page-content bg-white">
        <div class="dlab-bnr-inr bg-pt" style="background-image:url({{ asset('assets/images/about/banner.jpg') }});">
            <div class="container">
                <div class="dlab-bnr-inr-entry">
                    <h1 class="text-white">@lang('press.title')</h1>
                    <div class="breadcrumb-row">
                        <ul class="list-inline">
                            <li><a href="{{ route('static.home') }}">@lang('home.title')</a></li>
                            <li>@lang('press.title')</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-area">
            <div class="container">
                <div class="row">
                    <div class="col-xl-9 col-lg-8 col-md-12">
                        <div class="pb-4">
                            <h6>@lang('home.section5.description')</h6>
                        </div>
                        <div class="row">
                            <div id="masonry" class="inner-blog dlab-blog-grid-2">
                                @foreach($posts as $post)
                                    <div class="post card-container col-lg-6 col-md-12 col-sm-12">
                                        <div class="blog-post blog-grid blog-rounded blog-effect1">
                                            <div class="dlab-post-media dlab-img-effect">
                                                <a href="{{ route('static.post', $post->slug )}}"><img src="{{ $post->featured_image_url }}" alt=""></a>
                                            </div>
                                            <div class="dlab-info p-a20 border-1">
                                                <div class="dlab-post-meta">
                                                    <ul>
                                                        <li class="post-date"> {{ $post->date ->format('m/d/Y') }} </li>
                                                        @forelse($post->tags as $tag)
                                                            <li class="post-author">{{ $tag->name }}</li>
                                                        @empty
                                                        @endforelse
                                                    </ul>
                                                </div>
                                                <div class="dlab-post-title">
                                                    <h4 class="post-title"><a href="{{ route('static.post', $post->slug )}}">{{ $post-> title }}</a></h4>
                                                </div>
                                                <div class="dlab-post-text">
                                                    <p>{!! $post-> subheading !!}</p>
                                                </div>
                                                <div class="dlab-post-readmore">
                                                    <a href="{{ route('static.post', $post->slug )}}" title="READ MORE" rel="bookmark" class="site-button">@lang('press.more')
                                                        <i class="ti-arrow-right"></i>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                            <div class="row">
                                {{ $posts->links('pagination::bootstrap-4') }}
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-5">
                        <div class="widget recent-posts-entry">
                            <h5 class="widget-title blue-txt style-1">@lang('press.recent')</h5>
                            <div class="widget-post-bx">
                                @foreach($projects as $project)
                                    <div class="widget-post clearfix">
                                        <div class="dlab-post-media">
                                            <img src="{{ $project->featured_image_url }}" width="200" height="143" alt="">
                                        </div>
                                        <div class="dlab-post-info">
                                            <div class="dlab-post-meta">
                                                <ul>
                                                    <li class="post-date"> <strong>{{ optional($project->finish_date) ->format('m/d/Y') }}</strong> </li>
                                                </ul>
                                            </div>
                                            <div class="dlab-post-header">
                                                <h6 class="post-title"><a href="{{ route('static.project', $project->slug )}}">{{ $project->name }}</a></h6>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection