Initial commit

2026-04-12 06:24:30 +00:00
commit 007f107be6
213 changed files with 25576 additions and 0 deletions
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Preview Dokumen - {{ config('app.name', 'Database Kesiswaan') }}</title>
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+</head>
+<body class="min-h-screen bg-slate-100 font-sans text-slate-900 antialiased">
+    <div class="mx-auto max-w-6xl px-4 py-8 sm:px-6 lg:px-8">
+        <div class="grid grid-cols-1 gap-6 xl:grid-cols-3">
+            <div class="rounded-3xl border border-slate-200 bg-white p-6 shadow-sm shadow-slate-200/50">
+                <h1 class="text-lg font-semibold text-slate-900">Preview Dokumen</h1>
+                <p class="mt-1 text-sm text-slate-500">Informasi dokumen siswa yang dibuka dari portal publik.</p>
+
+                <div class="mt-6 space-y-4 text-sm text-slate-600">
+                    <div><span class="font-semibold text-slate-800">Jenis Dokumen:</span> {{ $document->documentType?->name ?: '-' }}</div>
+                    <div><span class="font-semibold text-slate-800">Nama File:</span> {{ $document->file_name }}</div>
+                    <div><span class="font-semibold text-slate-800">Tipe MIME:</span> {{ $mimeType ?: '-' }}</div>
+                    <div><span class="font-semibold text-slate-800">Ukuran:</span> {{ $document->file_size ? number_format($document->file_size / 1024, 1) . ' KB' : '-' }}</div>
+                    <div><span class="font-semibold text-slate-800">Status Verifikasi:</span> {{ ucfirst($document->verification_status) }}</div>
+                </div>
+
+                <div class="mt-6 flex flex-wrap gap-3">
+                    <a href="{{ route('public.students.documents.download', $document) }}" class="rounded-2xl bg-sky-600 px-4 py-3 text-sm font-semibold text-white transition hover:bg-sky-700">Download</a>
+                    <a href="javascript:history.back()" class="rounded-2xl border border-slate-200 px-4 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-50">Kembali</a>
+                </div>
+            </div>
+
+            <div class="xl:col-span-2 rounded-3xl border border-slate-200 bg-white p-6 shadow-sm shadow-slate-200/50">
+                <h2 class="text-base font-semibold text-slate-900">Tampilan Dokumen</h2>
+                <p class="mt-1 text-sm text-slate-500">Preview langsung untuk gambar dan PDF.</p>
+
+                <div class="mt-6">
+                    @if ($isImage)
+                        <div class="overflow-hidden rounded-2xl border border-slate-200 bg-slate-50 p-4">
+                            <img src="{{ $fileUrl }}" alt="{{ $document->file_name }}" class="mx-auto max-h-[70vh] rounded-xl object-contain shadow-sm">
+                        </div>
+                    @elseif ($isPdf)
+                        <div class="overflow-hidden rounded-2xl border border-slate-200 bg-slate-50">
+                            <iframe src="{{ $fileUrl }}" class="h-[75vh] w-full rounded-2xl" title="Preview PDF"></iframe>
+                        </div>
+                    @else
+                        <div class="rounded-2xl border border-dashed border-slate-300 bg-slate-50 p-10 text-center">
+                            <div class="text-lg font-semibold text-slate-800">Preview tidak tersedia</div>
+                            <p class="mt-2 text-sm text-slate-500">Format file ini belum didukung untuk preview langsung di browser. Silakan gunakan tombol download.</p>
+                        </div>
+                    @endif
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+</html>