@extends('frontend.layouts.app')
@section('content')
<div class="page-header largest parallax custom text-center" style="background-image:url()" data-0="background-position:50% 50%;" data-top-bottom="background-position:50% 100%">
    <div class="container-fluid">
        <h1>Berita</h1>
        <ol class="breadcrumb">
            <li><a href="">Home</a></li>
            <li class="active">Berita</li>
        </ol>
    </div><!-- End .container-fluid -->
</div><!-- End .page-header -->

<div class="container-fluid">
    <div class="row">
        <div class="col-md-9">
            @foreach ($berita as $b)
            <article class="entry">
                <div class="entry-media">
                    <figure>
                        <a href="{{route('beritapage.detail',$b->judul_seo)}}"><img src="{{asset('uploads/foto_berita/'.$b->gambar)}}" alt="Post image"></a>
                    </figure>
                </div>

                <div class="entry-content-container">
                    <div class="entry-meta">
                        <div><i class="fa fa-calendar"></i>{{$b->tanggal}}</div>
                        <!-- <div><a href="#"><i class="fa fa-comments"></i>8 Comment(s)</a></div> -->
                        <div><a href="#"><i class="fa fa-eye"></i>{{$b->dibaca}} View(s)</a></div>
                        <div><a href="#"><i class="fa fa-user"></i> {{$b->username}}</a></div>
                    </div><!-- End .entry-meta -->

                    <div class="entry-content-wrapper">
                        <h2 class="entry-title"><a href="">{{$b->judul}}</a></h2>
                        <div class="entry-content">
                            <p>{!! \Illuminate\Support\Str::limit($b->isi_berita,100)!!}</p>
                            <a href="{{route('beritapage.detail',$b->judul_seo)}}" class="readmore">Read more<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
                </div>
            </article>
            @endforeach

            <div class="pagination-wrapper text-right">
                <nav class="pagination-container">
                    <label>Showing: 1-4 of 16</label>
                    <ul class="pagination">
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true"><i class="fa fa-angle-right"></i></span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>

        <aside class="col-md-3 sidebar">
            <div class="widget">
                <h3 class="widget-title">Kategori</h3>
                <ul class="fa-ul">
                    @foreach ($kategori as $k)
                    <li><a href="{{route('kategorifront.index',$k->kategori_seo)}}"><i class="fa-li fa fa-angle-right"></i>{{$k->nama_kategori}} ({{$k->berita_count}})</a></li>
                    @endforeach
                </ul>
            </div><!-- end .widget -->

            <div class="widget">
                <h3 class="widget-title">Berita Lainnya</h3>
                <ul class="posts-list">
                    @foreach ($beritaLainnya as $b)
                    <li>
                        <figure>
                            <a href="{{route('beritapage.detail',$b->judul_seo)}}" title="Dolores labore quod"><img src="{{asset('uploads/foto_berita/'.$b->gambar)}}" alt="Post"></a>
                        </figure>
                        <h5><a href="{{route('beritapage.detail',$b->judul_seo)}}">{{$b->judul}}.</a></h5>
                        <span>{{$b->tanggal}}</span>
                    </li>
                    @endforeach

                </ul>
            </div><!-- End .widget -->

            <div class="widget">
                <h3 class="widget-title">Bidang</h3>
                <div class="tagcloud">
                    @foreach ($tag as $t)
                    <a href="{{route('statis.index',$t->tag_seo)}}">{{$t->nama_tag}}</a>
                    @endforeach

                </div><!-- End .tagcloud -->
            </div><!-- End .widget -->

            <div class="widget">
                <h3 class="widget-title">Video</h3>
                <div class="embed-responsive embed-responsive-16by9">
                    <iframe class="embed-responsive-item" width="560" height="315" src="http://www.youtube.com/embed/fclFL588wf0" allowfullscreen></iframe>
                </div>
            </div>
        </aside>
    </div>
</div>

@endsection