{{-- ============================================================ CABANG GAPKINDO — Modern Map + Cards Grid Struktur: 1. Banner header (navy + checkerboard, same as sejarah) 2. Stats bar (jumlah cabang) 3. Interactive Map (Leaflet + OpenStreetMap) 4. Cards grid dengan foto cabang 5. CTA back to home ============================================================ --}} @extends('guest.layouts.master') @section('title', 'Cabang GAPKINDO') @push('styles') {{-- Leaflet CSS --}} @endpush @section('content') @php // Mapping nama propinsi ke koordinat lat/lng $coordsMap = [ 'Aceh' => [4.6951, 96.7494], 'Sumatera Utara' => [2.1154, 99.5451], 'Sumut' => [2.1154, 99.5451], 'Sumatra Utara' => [2.1154, 99.5451], 'Sumatera Barat' => [-0.7399, 100.8000], 'Sumbar' => [-0.7399, 100.8000], 'Sumatra Barat' => [-0.7399, 100.8000], 'Riau' => [0.2933, 101.7068], 'Kepulauan Riau' => [3.9456, 108.1429], 'Kepri' => [3.9456, 108.1429], 'Jambi' => [-1.4852, 102.4381], 'Sumatera Selatan' => [-3.3194, 103.9140], 'Sumsel' => [-3.3194, 103.9140], 'Sumatra Selatan' => [-3.3194, 103.9140], 'Bengkulu' => [-3.5778, 102.3464], 'Lampung' => [-4.5586, 105.4068], 'Kepulauan Bangka Belitung' => [-2.7411, 106.4406], 'Babel' => [-2.7411, 106.4406], 'DKI Jakarta' => [-6.2088, 106.8456], 'Jakarta' => [-6.2088, 106.8456], 'DKI' => [-6.2088, 106.8456], 'Jawa Barat' => [-6.9147, 107.6098], 'Jabar' => [-6.9147, 107.6098], 'Jawa Tengah' => [-7.1505, 110.1403], 'Jateng' => [-7.1505, 110.1403], 'DI Yogyakarta' => [-7.7956, 110.3695], 'Yogyakarta' => [-7.7956, 110.3695], 'DIY' => [-7.7956, 110.3695], 'Jawa Timur' => [-7.5360, 112.2384], 'Jatim' => [-7.5360, 112.2384], 'Banten' => [-6.4058, 106.0640], 'Bali' => [-8.3405, 115.0920], 'Nusa Tenggara Barat' => [-8.6529, 117.3616], 'NTB' => [-8.6529, 117.3616], 'Nusa Tenggara Timur' => [-8.6574, 121.0794], 'NTT' => [-8.6574, 121.0794], 'Kalimantan Barat' => [-0.0274, 111.4753], 'Kalbar' => [-0.0274, 111.4753], 'Kalimantan Tengah' => [-1.6815, 113.3823], 'Kalteng' => [-1.6815, 113.3823], 'Kalimantan Selatan' => [-3.0926, 115.2838], 'Kalsel' => [-3.0926, 115.2838], 'Kalimantan Timur' => [0.5384, 116.4194], 'Kaltim' => [0.5384, 116.4194], 'Kalimantan Utara' => [3.0731, 116.0413], 'Kaltara' => [3.0731, 116.0413], 'Sulawesi Utara' => [0.6247, 123.9750], 'Sulut' => [0.6247, 123.9750], 'Sulawesi Tengah' => [-1.4300, 121.4456], 'Sulteng' => [-1.4300, 121.4456], 'Sulawesi Selatan' => [-3.6688, 119.9740], 'Sulsel' => [-3.6688, 119.9740], 'Sulawesi Tenggara' => [-4.1449, 122.1746], 'Sultra' => [-4.1449, 122.1746], 'Sulawesi Barat' => [-2.8441, 119.2321], 'Sulbar' => [-2.8441, 119.2321], 'Gorontalo' => [0.6999, 122.4467], 'Maluku' => [-3.2385, 130.1453], 'Maluku Utara' => [1.5709, 127.8088], 'Malut' => [1.5709, 127.8088], 'Papua' => [-4.2699, 138.0804], 'Papua Barat' => [-1.3361, 133.1747], ]; // Persiapkan data untuk JS (encode aman) $cabangJS = collect($data ?? [])->map(function($item) use ($coordsMap) { $propName = trim($item->propinsi); $coords = $coordsMap[$propName] ?? [-2.0, 118.0]; return [ 'id' => app(\App\Helpers\Helper::class)->enkrip($item->id), 'propinsi' => $propName, 'img' => asset('guest/assets/img/cabang/' . $item->img), 'detailUrl' => route('detail-cabanag', app(\App\Helpers\Helper::class)->enkrip($item->id)), 'lat' => $coords[0], 'lng' => $coords[1], ]; })->values(); $totalCabang = count($data ?? []); // Region grouping (untuk stats) $regionsList = collect($data ?? [])->pluck('propinsi')->unique()->count(); @endphp
{{-- ===================================================== 1. BANNER HEADER (sama dengan sejarah) ===================================================== --}}
Jaringan Nasional

Cabang GAPKINDO

Jaringan {{ $totalCabang }} cabang DPW yang tersebar di provinsi-provinsi penghasil karet utama Indonesia—siap mendukung industri karet alam di setiap daerah.

@include('guest.partials.ticker') {{-- ===================================================== 2. STATS BAR ===================================================== --}}
{{ $totalCabang }}
Cabang
16
Provinsi
100+
Negara Ekspor
{{-- ===================================================== 3. MAP SECTION — Interactive Leaflet ===================================================== --}}
— 01 / Peta Cabang
Lokasi Cabang

Tersebar di seluruh Indonesia

🗺️ Klik pin untuk melihat detail cabang • Scroll untuk zoom • Klik tombol ↻ untuk reset
{{-- ===================================================== 4. CARDS GRID ===================================================== --}}
— 02 / Daftar Lengkap
Direktori Cabang

Semua cabang GAPKINDO

@foreach ($data as $idx => $item)
DPW {{ str_pad($idx + 1, 2, '0', STR_PAD_LEFT) }} Cabang {{ $item->propinsi }}

{{ $item->propinsi }}

GAPKINDO Cabang
Lihat Detail
@endforeach
{{-- ===================================================== 5. CTA BACK ===================================================== --}}
Kembali ke Beranda
@endsection @push('scripts') {{-- Leaflet JS --}} @endpush