@extends('index')
@section('content')
<main class="main">

    <!-- Page Title -->
    <div class="page-title">
        <div class="breadcrumbs">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/"><i class="bi bi-house"></i> Home</a></li>
                    <li class="breadcrumb-item active current">kegiatan Perusahaan</li>
                </ol>
            </nav>
        </div>


    </div><!-- End Page Title -->

    <section id="portfolio" class="portfolio section">

        <!-- Section Title -->
        <div class="container section-title" data-aos="fade-up">
            <h2>Kegiatan Perusahaan</h2>
            <div class="title-shape">
                <svg viewBox="0 0 200 20" xmlns="http://www.w3.org/2000/svg">
                    <path d="M 0,10 C 40,0 60,20 100,10 C 140,0 160,20 200,10" fill="none" stroke="currentColor"
                        stroke-width="2"></path>
                </svg>
            </div>
            <p>Beberapa Kegiatan PT. AHI</p>
        </div><!-- End Section Title -->

        <div class="container" data-aos="fade-up" data-aos-delay="100">

            <div class="isotope-layout mb-4" data-default-filter="*" data-layout="masonry" data-sort="original-order">

                <div class="portfolio-filters-container" data-aos="fade-up" data-aos-delay="200">
                    <ul class="portfolio-filters isotope-filters">
                        <li><a href="/kegiatan">Semua</a></li>
                        @foreach ($type as $data)
                        <li><a href="/kegiatan-skpd/{{$data->skpd}}">{{$data->client}}</a></li>
                        @endforeach

                    </ul>
                </div>

                <div class="row g-4 isotope-container" data-aos="fade-up" data-aos-delay="300">

                    @foreach ($galery as $data)


                    <div class="col-lg-6 col-md-6 portfolio-item isotope-item {{ Str::slug($data->client)}}">
                        <div class="portfolio-card">
                            <div class="portfolio-image">
                                <img src="{{asset('storage/'.$data->image)}}" class="img-fluid" alt="" loading="lazy">
                                <div class="portfolio-overlay">
                                    <div class="portfolio-actions">
                                        <a href="{{asset('storage/'.$data->image)}}" class="glightbox preview-link"
                                            data-gallery="portfolio-gallery-web"><i class="bi bi-eye"></i></a>

                                    </div>
                                </div>
                            </div>
                            <div class="portfolio-content">
                                <span class="category">{{$data->client}}</span>
                                <h3>{{$data->title}}</h3>

                            </div>
                        </div>
                    </div><!-- End Portfolio Item -->
                    @endforeach

                </div><!-- End Portfolio Container -->

            </div>
          
        </div>
        <div class="container justify-content-center">
  <div class="content-center text-center">
            @if (Request::segment(1) == 'kegiatan')
            {{ $galery->links() }}
            @endif
            </div>
            </div>
      
    </section><!-- /Portfolio Section -->

</main>
@endsection