@extends('layouts.berita')
@section('content')
<div class="transition-none">
    <section class="title-hero-bg">
        <div class="container">
            <div class="page-title text-center white-color">
                <h2>PPID - {{ $cat->name ?? "" }}</h2>
            </div>
        </div>
    </section>
</div>

<section class="white-bg" style="background-color: #fefad6 !Important;">
    <div class="container">
        @foreach ($posts as $post)
        @if($posts->total() == 1)
        @if ($post->featured)
        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12 xs-mb-50">

                <img class="img-responsive"
                    src="{{ asset($post->featured) }}">
                @endif
                <div class="post-info mt-30">
                    <h4>{{ $post->title }}</h4>
                    {!! $post->content !!}
                </div>
                @if ($post->file)
                <div class="column mcb-column one ">
                    <a href="{{asset($post->file)}}" target="__blank" class="btn btn-success mt-20">Download</a>
                </div>
                @endif

                @if ($post->link)
                <div class="column mcb-column one ">
                    <a href="{{$post->link}}" target="__blank" class="btn btn-success mt-20">Download</a>
                </div>
                @endif



            </div>
        </div>
        @else
        <div class="row blog-style-01">
            <div class="col-md-3 col-sm-6 col-xs-12 mb-30">
                <div class="post">
                    <div class="post-img"> <img class="img-responsive" src="{{ asset($post->featured) }}"
                            alt="{{$post->title}}" /> </div>
                    <div class="post-info all-padding-40">
                        <h3><a href="{{ route('frontend.single', ['category' => $post->category->slug, 'slug' => $post->slug]) }}">{{$post->title}}</a>
                        </h3>
                        <h6>{{ $post->created_at }}</h6>
                        <hr>
                        <a class="readmore" href="{{ route('frontend.single', ['category' => $post->category->slug, 'slug' => $post->slug]) }}"><span>Selengkapnya</span></a>
                    </div>
                </div>
            </div>
            <!--== Post End ==-->
            @endif
            @endforeach

        </div>
        <div class="column one pager_wrapper">
            <!-- Navigation Area -->
            <div class="pager">
                @if (!$posts->onFirstPage() && $posts->currentPage() <= $posts->lastPage())
                    <a class="previous_page" href="{{$posts->previousPageUrl()}}"><i
                            class="icon-left-open">Sebelumnya</i></a>
                    @endif
                    <div class="pages">
                        <a href="#" style="color:blue;" class="active">{{$posts->currentPage()}}</a>
                    </div>
                    @if ($posts->currentPage() < $posts->lastPage())
                        <a class="next_page" href="{{$posts->nextPageUrl()}}">Selanjutnya<i
                                class="icon-right-open"></i></a>
                        @endif
            </div>
        </div>
    </div>
</section>
@endsection