feat(tatib): ekspor PDF surat peringatan — unduh PDF per surat (F4 resmi via dompdf) + rekap daftar SP (A4 landscape: ringkasan status, tabel rinci, ttd); tombol Ekspor PDF di /sp-letters & Unduh PDF di detail

resources/views/sp-letters/index.blade.php

@@ -3,9 +3,18 @@
 @section('title', 'Surat Peringatan')
 
 @section('content')
-<div class="mb-6">
-    <h1 class="text-2xl font-bold text-gray-900">Surat Peringatan</h1>
-    <p class="text-sm text-gray-500">Daftar surat peringatan siswa</p>
+<div class="mb-6 flex items-center justify-between">
+    <div>
+        <h1 class="text-2xl font-bold text-gray-900">Surat Peringatan</h1>
+        <p class="text-sm text-gray-500">Daftar surat peringatan siswa</p>
+    </div>
+    <a href="{{ route('sp-letters.export-pdf') }}"
+       class="inline-flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-red-600 hover:bg-red-700 rounded-lg transition shadow-sm">
+        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v2a2 2 0 002 2h12a2 2 0 002-2v-2M7 10l5 5 5-5M12 15V3"/>
+        </svg>
+        Ekspor PDF
+    </a>
 </div>
 
 <div class="bg-white rounded-2xl shadow-sm border border-slate-200/80 overflow-hidden">
@@ -50,6 +59,7 @@
                         <td class="px-4 py-3 text-sm text-gray-500">{{ $sp->created_at->format('d/m/Y') }}</td>
                         <td class="px-4 py-3 text-right space-x-2">
                             <a href="{{ route('sp-letters.show', $sp->id) }}" class="text-blue-600 hover:text-blue-800 text-sm font-medium">Detail</a>
+                            <a href="{{ route('sp-letters.pdf', $sp->id) }}" class="text-red-600 hover:text-red-800 text-sm font-medium">PDF</a>
                             <a href="{{ route('sp-letters.print', $sp->id) }}" class="text-blue-600 hover:text-blue-800 text-sm font-medium" target="_blank">Cetak</a>
                         </td>
                     </tr>