44 lines
3.3 KiB
PHP
44 lines
3.3 KiB
PHP
<x-master-page :title="'Preview Dokumen ' . $documentLabel" description="Lihat dokumen siswa lulus langsung di browser bila format mendukung.">
|
|
<div class="grid grid-cols-1 gap-6 xl:grid-cols-3">
|
|
<x-master-card :title="'Informasi ' . $documentLabel" subtitle="Metadata dokumen siswa lulus.">
|
|
<div class="space-y-4 text-sm text-slate-600">
|
|
<div><span class="font-semibold text-slate-800">Nama Siswa:</span> {{ $graduation->full_name }}</div>
|
|
<div><span class="font-semibold text-slate-800">Jenis Dokumen:</span> {{ $documentLabel }}</div>
|
|
<div><span class="font-semibold text-slate-800">Nama File:</span> {{ $fileName ?: '-' }}</div>
|
|
<div><span class="font-semibold text-slate-800">Tipe MIME:</span> {{ $mimeType ?: '-' }}</div>
|
|
<div><span class="font-semibold text-slate-800">Ukuran:</span> {{ ($documentType === 'skl' ? $graduation->skl_file_size : $graduation->ijazah_file_size) ? number_format((($documentType === 'skl' ? $graduation->skl_file_size : $graduation->ijazah_file_size) / 1024), 1) . ' KB' : '-' }}</div>
|
|
<div><span class="font-semibold text-slate-800">Tanggal Lulus:</span> {{ $graduation->graduation_date?->format('d-m-Y') ?: '-' }}</div>
|
|
@if ($graduation->graduation_note)
|
|
<div class="rounded-2xl bg-slate-50 px-4 py-3 text-xs text-slate-500">
|
|
<span class="font-semibold text-slate-700">Catatan Kelulusan:</span> {{ $graduation->graduation_note }}
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="mt-6 flex flex-wrap gap-3">
|
|
<a href="{{ $fileUrl }}" target="_blank" rel="noopener noreferrer" class="rounded-2xl bg-sky-600 px-4 py-3 text-sm font-semibold text-white transition hover:bg-sky-700">Buka File Asli</a>
|
|
<a href="{{ route('graduated-students.index') }}" class="rounded-2xl border border-slate-200 px-4 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-50">Kembali ke Arsip</a>
|
|
</div>
|
|
</x-master-card>
|
|
|
|
<div class="xl:col-span-2">
|
|
<x-master-card :title="'Tampilan ' . $documentLabel" subtitle="Preview langsung untuk gambar dan PDF.">
|
|
@if ($isImage)
|
|
<div class="overflow-hidden rounded-2xl border border-slate-200 bg-slate-50 p-4">
|
|
<img src="{{ $fileUrl }}" alt="{{ $fileName ?: $documentLabel }}" 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 {{ $documentLabel }}"></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 buka file asli.</p>
|
|
</div>
|
|
@endif
|
|
</x-master-card>
|
|
</div>
|
|
</div>
|
|
</x-master-page>
|