diff --git a/resources/views/public/student-lookup.blade.php b/resources/views/public/student-lookup.blade.php
index 18588c9..1f6b5fb 100644
--- a/resources/views/public/student-lookup.blade.php
+++ b/resources/views/public/student-lookup.blade.php
@@ -199,40 +199,49 @@
                                 </div>
 
                                 <div class="rounded-3xl border border-sky-200 bg-white p-5 shadow-sm shadow-sky-100/50 sm:p-6">
+                                    @php
+                                        // Jenis dokumen kelulusan — sesuaikan dengan kolom arsip di database (student_graduations)
+                                        $graduationDocs = [
+                                            ['label' => 'SKL', 'path' => 'skl_file_path', 'name' => 'skl_file_name', 'route' => 'skl', 'icon' => 'fa-solid fa-file-lines'],
+                                            ['label' => 'Ijazah', 'path' => 'ijazah_file_path', 'name' => 'ijazah_file_name', 'route' => 'ijazah', 'icon' => 'fa-solid fa-graduation-cap'],
+                                            ['label' => 'Transkrip Nilai', 'path' => 'transcript_file_path', 'name' => 'transcript_file_name', 'route' => 'transcript', 'icon' => 'fa-solid fa-table-list'],
+                                            ['label' => 'Sertifikat UKK', 'path' => 'ukk_certificate_file_path', 'name' => 'ukk_certificate_file_name', 'route' => 'ukk-certificate', 'icon' => 'fa-solid fa-award'],
+                                            ['label' => 'Sertifikat LSP', 'path' => 'lsp_certificate_file_path', 'name' => 'lsp_certificate_file_name', 'route' => 'lsp-certificate', 'icon' => 'fa-solid fa-certificate'],
+                                        ];
+                                        $gradRec = $student->public_graduation_record;
+                                    @endphp
                                     <div class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
                                         <div>
                                             <h3 class="text-base font-semibold text-slate-900">Layanan Dokumen Kelulusan</h3>
-                                            <p class="mt-1 text-sm text-slate-500">Unduh SKL atau ijazah jika dokumen sudah tersedia di arsip sekolah.</p>
+                                            <p class="mt-1 text-sm text-slate-500">Unduh dokumen kelulusan (SKL, ijazah, transkrip, sertifikat) jika sudah tersedia di arsip sekolah.</p>
                                         </div>
                                         <div class="rounded-full bg-sky-100 px-4 py-2 text-xs font-semibold uppercase tracking-[0.14em] text-sky-700">
                                             To The Point
                                         </div>
                                     </div>
 
-                                    <div class="mt-5 grid gap-4 md:grid-cols-2">
-                                        <div class="rounded-2xl border {{ $student->public_graduation_record?->skl_file_path ? 'border-emerald-200 bg-emerald-50' : 'border-slate-200 bg-slate-50' }} px-4 py-4 text-sm">
-                                            <div class="font-semibold {{ $student->public_graduation_record?->skl_file_path ? 'text-emerald-700' : 'text-slate-700' }}">SKL</div>
-                                            <div class="mt-1 text-xs {{ $student->public_graduation_record?->skl_file_path ? 'text-emerald-600' : 'text-slate-500' }}">{{ $student->public_graduation_record?->skl_file_name ?: 'Dokumen belum tersedia' }}</div>
-                                            <div class="mt-4">
-                                                @if ($student->public_graduation_record?->skl_file_path)
-                                                    <a href="{{ route('public.students.graduation-documents.download', [$student, 'skl']) }}" class="inline-flex items-center rounded-2xl bg-sky-600 px-4 py-2.5 text-xs font-semibold text-white transition hover:bg-sky-700">Download SKL</a>
-                                                @else
-                                                    <span class="inline-flex items-center rounded-2xl border border-slate-200 px-4 py-2.5 text-xs font-semibold text-slate-400">Belum tersedia</span>
-                                                @endif
+                                    <div class="mt-5 grid gap-4 sm:grid-cols-2 xl:grid-cols-3">
+                                        @foreach ($graduationDocs as $doc)
+                                            @php
+                                                $available = $gradRec && $gradRec->{$doc['path']};
+                                            @endphp
+                                            <div class="rounded-2xl border {{ $available ? 'border-emerald-200 bg-emerald-50' : 'border-slate-200 bg-slate-50' }} px-4 py-4 text-sm">
+                                                <div class="flex items-center gap-2">
+                                                    <i class="{{ $doc['icon'] }} {{ $available ? 'text-emerald-600' : 'text-slate-400' }}"></i>
+                                                    <div class="font-semibold {{ $available ? 'text-emerald-700' : 'text-slate-700' }}">{{ $doc['label'] }}</div>
+                                                </div>
+                                                <div class="mt-1 text-xs {{ $available ? 'text-emerald-600' : 'text-slate-500' }}">{{ $available ? $gradRec->{$doc['name']} : 'Dokumen belum tersedia' }}</div>
+                                                <div class="mt-4">
+                                                    @if ($available)
+                                                        <a href="{{ route('public.students.graduation-documents.download', [$student, $doc['route']]) }}" class="inline-flex items-center gap-2 rounded-2xl bg-sky-600 px-4 py-2.5 text-xs font-semibold text-white transition hover:bg-sky-700">
+                                                            <i class="fa-solid fa-download"></i> Download {{ $doc['label'] }}
+                                                        </a>
+                                                    @else
+                                                        <span class="inline-flex items-center rounded-2xl border border-slate-200 px-4 py-2.5 text-xs font-semibold text-slate-400">Belum tersedia</span>
+                                                    @endif
+                                                </div>
                                             </div>
-                                        </div>
-
-                                        <div class="rounded-2xl border {{ $student->public_graduation_record?->ijazah_file_path ? 'border-emerald-200 bg-emerald-50' : 'border-slate-200 bg-slate-50' }} px-4 py-4 text-sm">
-                                            <div class="font-semibold {{ $student->public_graduation_record?->ijazah_file_path ? 'text-emerald-700' : 'text-slate-700' }}">Ijazah</div>
-                                            <div class="mt-1 text-xs {{ $student->public_graduation_record?->ijazah_file_path ? 'text-emerald-600' : 'text-slate-500' }}">{{ $student->public_graduation_record?->ijazah_file_name ?: 'Dokumen belum tersedia' }}</div>
-                                            <div class="mt-4">
-                                                @if ($student->public_graduation_record?->ijazah_file_path)
-                                                    <a href="{{ route('public.students.graduation-documents.download', [$student, 'ijazah']) }}" class="inline-flex items-center rounded-2xl bg-sky-600 px-4 py-2.5 text-xs font-semibold text-white transition hover:bg-sky-700">Download Ijazah</a>
-                                                @else
-                                                    <span class="inline-flex items-center rounded-2xl border border-slate-200 px-4 py-2.5 text-xs font-semibold text-slate-400">Belum tersedia</span>
-                                                @endif
-                                            </div>
-                                        </div>
+                                        @endforeach
                                     </div>
                                 </div>
                             @else