← Batch 2 Batch 4 →
{{-- Batch nav --}}
@foreach ([1=>'Layout & Grid', 2=>'Forms', 3=>'Navigasi & Data', 4=>'Feedback', 5=>'UI Elements'] as $b => $label) Batch {{ $b }}: {{ $label }} @endforeach
{{-- ═══════════════════════════════════════ BREADCRUMB ═══════════════════════════════════════ --}}

Breadcrumb

Default (via x-breadcrumb)

Short

{{-- ═══════════════════════════════════════ TABS ═══════════════════════════════════════ --}}

Tabs

{{-- Tab list --}}
@foreach (['info' => 'Informasi', 'dokumen' => 'Dokumen', 'riwayat' => 'Riwayat', 'catatan' => 'Catatan'] as $key => $label) @endforeach
{{-- Tab panels --}}
Konten panel Informasi — NIK, nama, alamat, dan data dasar pemohon ditampilkan di sini.
Konten panel Dokumen — daftar berkas lampiran yang diunggah pemohon.
Konten panel Riwayat — timeline aktivitas pengajuan dari submit hingga keputusan.
Konten panel Catatan — catatan internal petugas terkait pengajuan ini.
{{-- ═══════════════════════════════════════ ACCORDION ═══════════════════════════════════════ --}}

Accordion / FAQ

@php $faqs = [ ['q' => 'Berapa lama waktu proses pengajuan KTP?', 'a' => 'Proses pengajuan KTP memerlukan 3–5 hari kerja setelah semua berkas dinyatakan lengkap dan valid.'], ['q' => 'Apa saja berkas yang diperlukan untuk pembuatan KIA?', 'a' => 'Berkas yang diperlukan: Fotokopi KK, fotokopi akta kelahiran anak, dan foto anak ukuran 2x3 (untuk anak ≥5 tahun).'], ['q' => 'Bagaimana cara mengecek status pengajuan?', 'a' => 'Anda dapat mengecek status pengajuan melalui menu "Cek Status" di halaman utama portal atau melalui aplikasi LOKET.'], ['q' => 'Apakah dokumen yang sudah disetujui bisa dianulir?', 'a' => 'Dokumen yang sudah disetujui tidak dapat dianulir secara sepihak. Hubungi petugas untuk pengajuan pembatalan formal.'], ]; @endphp @foreach ($faqs as $i => $faq)

{{ $faq['a'] }}

@endforeach
{{-- ═══════════════════════════════════════ LIST ═══════════════════════════════════════ --}}

List

{{-- Simple list --}}

Simple List

    @foreach (['KTP Elektronik', 'Kartu Identitas Anak', 'Akta Pernikahan', 'Kartu Keluarga'] as $item)
  • {{ $item }}
    • @endforeach
{{-- Row list with action --}}

Row List dengan Aksi

    @foreach ([['name' => 'Andi Wijaya', 'tag' => 'KTP'], ['name' => 'Siti Rahma', 'tag' => 'KIA'], ['name' => 'Budi H.', 'tag' => 'Pernikahan']] as $item)
  • {{ strtoupper(substr($item['name'], 0, 1)) }}

    {{ $item['name'] }}

    {{ $item['tag'] }}

    • @endforeach
{{-- ═══════════════════════════════════════ PAGINATION ═══════════════════════════════════════ --}}

Pagination

Menggunakan $paginator->links() — Laravel built-in dengan Tailwind template. Contoh tampilan (render statis):

@foreach ([1, 2, 3, '...', 10] as $p) @if ($p === '...') … @elseif ($p === 1) @else @endif @endforeach

Menampilkan 1–15 dari 148 entri