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

<div class="container-fluid">
    <div class="blog-row">
        <div id="blog-item-container" class="max-col-3">
            @foreach ($agenda as $a)
            <article class="entry entry-grid">

                <div class="entry-content-container">
                    <div class="entry-meta">
                        <div><i class="fa fa-calendar"></i>{{$a->tgl_mulai}} s/d {{$a->tgl_selesai}}</div>

                    </div><!-- End .entry-meta -->

                    <div class="entry-content-wrapper">
                        <h2 class="entry-title"><a href="{{route('agenda.detail',$a->tema_seo)}}">{{$a->tema}}</a></h2>
                        <div class="entry-content">
                            <p>{!!\Illuminate\Support\Str::limit($a->isi_agenda,100)!!}</p>

                        </div><!-- End .entry-content -->
                    </div><!-- End .entry-content-wrapper -->
                </div><!-- End .entry-content-container -->
            </article>
            @endforeach
        </div><!-- End #blog-item-container -->
    </div><!-- End .row -->

    <div class="pagination-wrapper">
        <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><!-- End .pagination-wrapper -->
</div><!-- End .container-fluid -->

@endsection