{{-- ============================================================ GALERI GAPKINDO — Modern Photo Gallery Struktur: 1. Banner header (navy + checkerboard, sama dengan berita/cabang/sejarah) 2. Stats bar (jumlah galeri, halaman, update terakhir) 3. Grid foto 4-kolom dengan hover overlay 4. Pagination buttons (client-side, 8 per halaman) 5. CTA back to home ============================================================ --}} @extends('guest.layouts.master') @section('title', 'Galeri | GAPKINDO') @push('styles') @endpush @section('content') @php $totalGaleri = count($data ?? []); $latestDate = $totalGaleri > 0 ? \Carbon\Carbon::parse($data[0]->created_at)->locale('id')->isoFormat('D MMM Y') : '-'; $perPage = 8; // 8 galeri per halaman (4 col × 2 row = sempurna) $totalPages = max(1, ceil($totalGaleri / $perPage)); @endphp
{{-- ===================================================== 1. BANNER HEADER ===================================================== --}}
Dokumentasi Kegiatan

Galeri GAPKINDO

Dokumentasi kongres, kegiatan, pertemuan, dan momen penting GAPKINDO bersama anggota, pemerintah, dan mitra industri karet alam Indonesia.

@include('guest.partials.ticker') {{-- ===================================================== 2. STATS BAR ===================================================== --}}
{{ $totalGaleri }}
Total Galeri
{{ $totalPages }}
Halaman
{{ $latestDate }}
Update Terakhir
{{-- ===================================================== 3. GRID GALERI ===================================================== --}}
— Dokumentasi
Photo Gallery

Momen terbaik GAPKINDO

@if ($totalGaleri === 0)

Belum ada galeri yang dipublikasikan.

@else
@foreach ($data as $idx => $item) @php $createdAt = \Carbon\Carbon::parse($item->created_at); $formattedDate = $createdAt->locale('id')->isoFormat('D MMM Y'); $pageNum = floor($idx / $perPage) + 1; @endphp
{{ $item->title }}
Lihat
{{ $formattedDate }}

{{ \Illuminate\Support\Str::limit($item->title, 80) }}

@if (!empty($item->at))
{{ $item->at }}
@endif
@endforeach
{{-- PAGINATION --}}
Menampilkan 1–{{ min($perPage, $totalGaleri) }} dari {{ $totalGaleri }} galeri @if($totalPages > 1) • Halaman 1 dari {{ $totalPages }}@endif
{{-- Buttons di-generate via JS --}}
@endif
{{-- ===================================================== 4. CTA BACK ===================================================== --}}
Kembali ke Beranda
@endsection @push('scripts') @endpush