@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>Galeri/Album</h2>
            </div>
        </div>
    </section>
</div>
<section class="white-bg" style="background-color: #fefad6 !Important;">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div id="portfolio-gallery" class="cbp hover-type-2">
                    @foreach ($galeris as $galeri)
                    <div class="cbp-item branding col-md-3 col-sm-6 with-spacing">
                        <div class="portfolio gallery-image-hover text-center">
                            <div class="folio-overlay"></div>
                            <img src="{{ $galeri->featured ? asset($galeri->featured): asset('uploads/imageskosong.png')}}" class="border-radius-10" alt="">
                            <div class="portfolio-wrap">
                                <ul class="portfolio-details">
                                    <li><a class="cbp-lightbox" href="{{ $galeri->featured ? asset($galeri->featured): asset('uploads/imageskosong.png')}}"><i
                                                class="icofont icofont-search"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
        <div class="row">
            <!-- Navigation Area -->
             <div class="pager">
                 @if (!$galeris->onFirstPage() && $galeris->currentPage() <= $galeris->lastPage())
                     <a class="previous_page" href="{{$galeris->previousPageUrl()}}"><i class="icon-left-open">Sebelumnya</i></a>
                 @endif
                 <div class="pages">
                         <a href="#" style="color:blue;" class="active">{{$galeris->currentPage()}}</a>
                 </div>
                 @if ($galeris->currentPage() < $galeris->lastPage())
                 <a class="next_page" href="{{$galeris->nextPageUrl()}}">Selanjutnya<i class="icon-right-open"></i></a>
                 @endif
             </div>
         </div>
    </div>
</section>

@endsection