@extends('user.app', compact("title"))

@section('content')

<main class="main">
    <div class="page-content">

<nav class="breadcrumb-nav mb-5">
    <div class="container">
        <ul class="breadcrumb">
            <li><a href="{{route('v2.home')}}"><i class="d-icon-home"></i></a></li>
            <li><a href="{{route('v2.news.index')}}" class="active">Berita</a></li>
        </ul>
    </div>
</nav>
<div class="page-content with-sidebar">
    <div class="container">
        <div class="row gutter-lg">
            <div class="col-lg-9">
                    <div class="posts" id="container-berita">
                        @foreach ($news as $row )
                        <article class="post post-list mb-4">
                            <figure class="post-media overlay-zoom">
                                <a href="{{ $row->web_detail_url }}">
                                    <img src="{{ $row->filename_url}}" width="355" height="250" alt="post" />
                                </a>
                            </figure>
                            <div class="post-details">
                                <div class="post-meta">
                                    <a class="post-date">{{ $row->published_at }}</a>
                                </div>
                                <h4 class="post-title"><a href="{{$row->web_detail_url }}">{{ $row->title }}</a>
                                </h4>
                                <p class="post-content" id="description">{{ $row->excerpt }}</p>
                                <a href="{{$row->web_detail_url  }}" class="btn btn-link btn-underline btn-primary">Lihat Berita<i
                                        class="d-icon-arrow-right"></i></a>
                            </div>
                        </article>
                        @endforeach
                        <div class="row mt-20">
                            <div class="col-md-12">
                                <hr>
                                <div class="d-flex">
                                    <div class="mx-auto">
                                        {{ $news->links('vendor.pagination.custom-paginator') }}                    
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
            </div>
            <sidebar-product src="/api/v2/products?labels=hotdeal&per_page=4&sort=newest" id="sidebarProduct"></sidebar-product>
        </div>
    </div>
</div>
    </div>
</main>
@endsection