@extends('layouts.frontend_layout.frontend_design')
@section('content')

<style>
    .filter-item li .active{
        background: #867DBA;color:white;
    }

    .filter-item li{
        background: #e5e5e5;color:black;

    }
</style>

 <!--Gallery Wrap Start-->
 <div class="content">
    <div class="gallery01">
        <div class="container">
            <div class="kode_portfolio_tab">
                <ul class="filter-item" >


                    @php
                        if(isset($_GET['gallery_category_id'])){
                            $class = '';
                        }else{
                            $class = 'active';


                        }


                    @endphp



                    <li><a  href="{{ url('gallery') }}" class="{{ $class }}">All</a></li>




                    @foreach (App\GalleryCategory::where('status', 1)->get() as $category)
                        @php
                            if(isset($_GET['gallery_category_id'])){
                                if ($_GET['gallery_category_id'] == $category->id) {
                                    $class = 'active';
                                }else {
                                    $class = '';
                                }

                            }else{
                                $class = '';
                            }


                        @endphp

                        <li><a  href="{{ url('gallery?gallery_category_id='.$category->id) }}" class="{{ $class }}">{{ $category->name }}</a></li>
                    @endforeach


                </ul>
            </div>
            <!--Portfolio Tab Wrap End-->
            <div id="filterable-item-holder-1" class="filterable_container">
                @foreach ($galleries as $gallery)
                <div class="col-md-4 col-sm-6 col-xs-12 filterable-item all 1 2">
                    <div class="kode_portfoiol_wrap">
                        <figure>
                     <img src="{{ asset('images/galleries/'.$gallery->image)}}" style="height: 200px;width: 100%;object-fit:contain;" alt="Image Here">
                             <figcaption class="kode_fortfolio_detail">
                                <div class="caption-holder">
                                    <a href="{{asset('images/galleries/'.$gallery->image)}}" data-rel="prettyphoto[]" class="search-portfolio">
                                        <i class="fa fa-search"></i>
                                    </a>


                                </div>
                            </figcaption>
                        </figure>
                    </div>

                </div>
                @endforeach
            </div>

            {{ $galleries->appends(request()->input())->links() }}


            {{-- {{ $galleries->links() }} --}}
            <!-- kode-Portfolio filterable_container End -->
            <a class="button-animate" href="#"><span data-hover="Load More">Load More</span></a>
        </div>
    </div>
    <!-- kode-galler01 End -->
</div>
<!--Gallery Wrap End-->


@endsection