@extends('Layouts.index')
@section('content')
    <!-- artikel -->
    <section class="bg-light">
        <div class="row">
            <div class="col-md-12 bg-pattern3 py-11">
                <div class="d-flex align-items-center justify-content-center">
                    <h2 class="fs-45 fw-semibold pt-5 p-0 mb-0 text-dark">Galeri <span class="text-primary">Jagoti</span></h2>
                </div>
                <p class="fs-16 text-center">Galeri Foto & Video JAGOTI LMS</p>
            </div>
        </div>
        <!--/.row -->
        <div class="container pt-10">
            <div class="grid grid-view projects-masonry">
                <div class="row">
                    <div class="col-md-12 mb-2">
                        <h2 class="fs-40 fw-semibold text-dark text-center ">{{ $sorted[0]['Description'] }}</h2>
                    </div>
                    <div class="isotope-filter filter mb-4 px-7">
                        <ul>
                            <li><a class="filter-item active" href="{{url('Media/galeri')}}" data-filter="*">Kembali</a></li>
                            @foreach( $groupbyCategory as $category => $items)
                                <li>
                                    <a class="filter-item active" href="{{url('Media/album').'/'.$items[0]['CategoryId']}}">{{ $category }}</a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
                <div id="categoryItems" class="row gx-md-6 gy-6 isotope mb-5">

                @if (!empty($sorted))
                @foreach ($sorted as $item)
                    <div class="project item col-md-4 px-5">
                        <div class="card">
                            <figure class="img-top overlay overlay-1 rounded-top img-gallery">
                                <a class="h-100"  data-glightbox data-gallery="shots-group" href="{{ $intcms->url }}upload/gallery/{{ $item['Media'] }}">
                                    <img src="{{ $intcms->url }}upload/gallery/{{ $item['Media'] }}" alt="" class="gallery-item" />
                                </a>
                                <figcaption>
                                    <h5 class="from-top mb-0">Lihat Foto</h5>
                                </figcaption>
                            </figure>
                            <div class="card-footer py-4 bg-white rounded-bottom border-top">
                                <a class="nav-link" href="#">
                                    <h6 class="text-ash text-center fw-semibold mb-0">{{ $item ['Title']}}</h6>
                                </a>
                            </div>
                        </div>
                        
                    </div>
                @endforeach
                @endif

                    <!-- /.project -->
                </div>
                <!-- /.row -->
            </div>
            <!-- /.grid -->
        </div>
    </section>
@endsection