feat: add graduation archive and public document services
This commit is contained in:
@@ -140,258 +140,346 @@
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="overflow-hidden rounded-3xl border border-emerald-200 bg-white shadow-sm shadow-emerald-100/60">
|
||||
<div class="border-b border-emerald-100 bg-gradient-to-r from-emerald-50 via-white to-sky-50 px-5 py-5 sm:px-6">
|
||||
<div class="grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-start">
|
||||
<div class="min-w-0">
|
||||
<div class="inline-flex items-center rounded-full bg-emerald-100 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.16em] text-emerald-700">
|
||||
Data ditemukan
|
||||
</div>
|
||||
<h2 class="mt-3 text-2xl font-bold tracking-tight text-slate-900 sm:text-3xl">{{ $student->full_name }}</h2>
|
||||
<p class="mt-2 max-w-2xl text-sm leading-6 text-slate-500">
|
||||
Pencarian cocok berdasarkan {{ strtolower($matchedBy ?? 'data siswa') }} dan menampilkan ringkasan informasi siswa yang tersedia untuk publik.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-3 sm:grid-cols-2 lg:min-w-[320px]">
|
||||
<div class="rounded-2xl border border-emerald-100 bg-white px-4 py-4 text-center shadow-sm shadow-emerald-100/40">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-emerald-600">Kelas Saat Ini</div>
|
||||
<div class="mt-2 text-2xl font-bold text-slate-900 sm:text-3xl">{{ $student->classRoom?->name ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-amber-100 bg-white px-4 py-4 text-center shadow-sm shadow-amber-100/40">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] {{ $studentAchievements->count() > 0 ? 'text-amber-600' : 'text-slate-500' }}">
|
||||
{{ $studentAchievements->count() > 0 ? 'Prestasi Tercatat' : 'Status Prestasi' }}
|
||||
@if ($student->status === 'graduated')
|
||||
<div class="overflow-hidden rounded-3xl border border-sky-200 bg-white shadow-sm shadow-sky-100/60">
|
||||
<div class="border-b border-sky-100 bg-gradient-to-r from-sky-50 via-white to-indigo-50 px-5 py-6 sm:px-6">
|
||||
<div class="grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-start">
|
||||
<div class="min-w-0">
|
||||
<div class="inline-flex items-center rounded-full bg-sky-100 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.16em] text-sky-700">
|
||||
Siswa Lulus Ditemukan
|
||||
</div>
|
||||
<div class="mt-2 text-2xl font-bold text-slate-900 sm:text-3xl">{{ $studentAchievements->count() }}</div>
|
||||
<h2 class="mt-3 text-2xl font-bold tracking-tight text-slate-900 sm:text-3xl">{{ $student->full_name }}</h2>
|
||||
<p class="mt-2 max-w-2xl text-sm leading-6 text-slate-500">
|
||||
Data cocok berdasarkan {{ strtolower($matchedBy ?? 'data siswa') }}. Untuk siswa lulusan, portal publik difokuskan pada layanan dokumen kelulusan tanpa menampilkan detail biodata panjang.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-3 sm:grid-cols-2 lg:min-w-[320px]">
|
||||
<div class="rounded-2xl border border-sky-100 bg-white px-4 py-4 text-center shadow-sm shadow-sky-100/40">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-sky-600">Status</div>
|
||||
<div class="mt-2 text-2xl font-bold text-slate-900 sm:text-3xl">Lulus</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-emerald-100 bg-white px-4 py-4 text-center shadow-sm shadow-emerald-100/40">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-emerald-600">Dokumen</div>
|
||||
<div class="mt-2 text-sm font-bold text-slate-900 sm:text-base">SKL & Ijazah</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-4 px-5 py-5 sm:px-6">
|
||||
<div class="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">NIS</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ $student->student_number ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">NISN</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ $student->nisn ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">Program</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ $student->department?->name ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">Kelas Terakhir</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ $student->classRoom?->name ?: '-' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-4 px-5 py-5 sm:px-6">
|
||||
<div class="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">NIS</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ $student->student_number ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">NISN</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ $student->nisn ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">Program</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ $student->department?->name ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">Status</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ ucfirst($student->status) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50 sm:p-6">
|
||||
<div class="flex flex-col gap-5 lg:flex-row lg:items-start">
|
||||
<div class="inline-flex shrink-0 flex-col items-center border border-slate-300 bg-slate-50 p-2 shadow-sm">
|
||||
@if ($student->public_photo_url)
|
||||
<img src="{{ $student->public_photo_url }}" alt="{{ $student->full_name }}" class="h-32 w-24 object-cover border border-slate-300 bg-white sm:h-36 sm:w-[108px]">
|
||||
@else
|
||||
<div class="flex h-32 w-24 flex-col items-center justify-center border border-slate-300 bg-gradient-to-b from-slate-100 to-white px-2 text-center sm:h-36 sm:w-[108px]">
|
||||
<div class="text-[10px] font-semibold uppercase tracking-[0.18em] text-slate-400">Pas Foto</div>
|
||||
<div class="mt-2 text-xs font-medium leading-4 text-slate-500">Belum ada foto</div>
|
||||
</div>
|
||||
@endif
|
||||
<div class="mt-2 text-[10px] font-semibold uppercase tracking-[0.16em] text-slate-500">Pas Foto</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-0 flex-1 space-y-6">
|
||||
<div class="border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-400">Profil Siswa</div>
|
||||
<div class="mt-1 text-lg font-semibold uppercase tracking-[0.04em] text-slate-900">Data Identitas dan Akademik Siswa</div>
|
||||
<div class="mt-1 text-xs text-slate-500">Ringkasan profil siswa yang tersedia untuk tampilan publik terbatas.</div>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-6 xl:grid-cols-3">
|
||||
<div class="xl:pr-4 xl:border-r xl:border-dashed xl:border-slate-300">
|
||||
<h3 class="text-sm font-semibold text-slate-900">Biodata Siswa</h3>
|
||||
<div class="mt-3 grid gap-2.5 text-sm text-slate-600 sm:grid-cols-[150px_1fr] sm:items-start xl:grid-cols-[120px_1fr]">
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Nama</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->full_name }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">NIS</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->student_number ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">NISN</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->nisn ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Gender</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->gender === 'L' ? 'Laki-laki' : 'Perempuan' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Lahir</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->place_of_birth ?: '-' }}, {{ $student->date_of_birth?->format('d-m-Y') ?: '-' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="xl:px-4 xl:border-r xl:border-dashed xl:border-slate-300">
|
||||
<h3 class="text-sm font-semibold text-slate-900">Informasi Akademik</h3>
|
||||
<div class="mt-3 grid gap-2.5 text-sm text-slate-600 sm:grid-cols-[150px_1fr] sm:items-start xl:grid-cols-[120px_1fr]">
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Angkatan</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->academicYear?->name ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Program</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->department?->name ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Kelas</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->classRoom?->name ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Status</div>
|
||||
<div class="font-medium text-slate-700">{{ ucfirst($student->status) }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Masuk</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->entry_date?->format('d-m-Y') ?: '-' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="xl:pl-4">
|
||||
<h3 class="text-sm font-semibold text-slate-900">Alamat Siswa</h3>
|
||||
<div class="mt-3 grid gap-2.5 text-sm text-slate-600 sm:grid-cols-[150px_1fr] sm:items-start xl:grid-cols-[120px_1fr]">
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Alamat</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->address ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Desa</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->village ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Kecamatan</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->district ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Kota</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->city ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Provinsi</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->province ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Kode Pos</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->postal_code ?: '-' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($studentAchievements->isNotEmpty())
|
||||
<div class="rounded-3xl border border-amber-200 bg-white p-5 shadow-sm shadow-amber-100/50 sm:p-6">
|
||||
<div class="rounded-3xl border border-sky-200 bg-white p-5 shadow-sm shadow-sky-100/50 sm:p-6">
|
||||
<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">Prestasi Siswa</h3>
|
||||
<p class="mt-1 text-sm text-slate-500">Informasi prestasi siswa yang tercatat di sistem sekolah.</p>
|
||||
<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>
|
||||
</div>
|
||||
<div class="rounded-full bg-amber-50 px-4 py-2 text-xs font-semibold uppercase tracking-[0.14em] text-amber-700">
|
||||
{{ $studentAchievements->count() }} prestasi
|
||||
<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-6 grid gap-4 lg:grid-cols-2">
|
||||
@foreach ($studentAchievements as $achievement)
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4 text-sm text-slate-600 shadow-sm shadow-slate-100/70">
|
||||
<div class="flex flex-col gap-3">
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-2">
|
||||
<div class="font-semibold text-slate-800">{{ $achievement->achievement_name }}</div>
|
||||
@if ($achievement->level)
|
||||
<span class="rounded-full bg-amber-100 px-3 py-1 text-xs font-semibold text-amber-700">{{ $achievement->level }}</span>
|
||||
@endif
|
||||
@if ($achievement->rank)
|
||||
<span class="rounded-full bg-indigo-100 px-3 py-1 text-xs font-semibold text-indigo-700">{{ $achievement->rank }}</span>
|
||||
@endif
|
||||
</div>
|
||||
<div class="mt-2 grid gap-1 text-xs text-slate-500">
|
||||
<div>Kategori: {{ $achievement->category ?: '-' }}</div>
|
||||
<div>Penyelenggara: {{ $achievement->organizer ?: '-' }}</div>
|
||||
<div>Tahun/Tanggal: {{ $achievement->achievement_year ?: '-' }} · {{ $achievement->achievement_date?->format('d-m-Y') ?: '-' }}</div>
|
||||
</div>
|
||||
@if ($achievement->description)
|
||||
<div class="mt-3 rounded-xl bg-white px-3 py-2 text-xs leading-5 text-slate-500">{{ $achievement->description }}</div>
|
||||
@endif
|
||||
<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>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="overflow-hidden rounded-3xl border border-emerald-200 bg-white shadow-sm shadow-emerald-100/60">
|
||||
<div class="border-b border-emerald-100 bg-gradient-to-r from-emerald-50 via-white to-sky-50 px-5 py-5 sm:px-6">
|
||||
<div class="grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-start">
|
||||
<div class="min-w-0">
|
||||
<div class="inline-flex items-center rounded-full bg-emerald-100 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.16em] text-emerald-700">
|
||||
Data ditemukan
|
||||
</div>
|
||||
<h2 class="mt-3 text-2xl font-bold tracking-tight text-slate-900 sm:text-3xl">{{ $student->full_name }}</h2>
|
||||
<p class="mt-2 max-w-2xl text-sm leading-6 text-slate-500">
|
||||
Pencarian cocok berdasarkan {{ strtolower($matchedBy ?? 'data siswa') }} dan menampilkan ringkasan informasi siswa yang tersedia untuk publik.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-3 sm:grid-cols-2 lg:min-w-[320px]">
|
||||
<div class="rounded-2xl border border-emerald-100 bg-white px-4 py-4 text-center shadow-sm shadow-emerald-100/40">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-emerald-600">Kelas Saat Ini</div>
|
||||
<div class="mt-2 text-2xl font-bold text-slate-900 sm:text-3xl">{{ $student->classRoom?->name ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-amber-100 bg-white px-4 py-4 text-center shadow-sm shadow-amber-100/40">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] {{ $studentAchievements->count() > 0 ? 'text-amber-600' : 'text-slate-500' }}">
|
||||
{{ $studentAchievements->count() > 0 ? 'Prestasi Tercatat' : 'Status Prestasi' }}
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
@if ($achievement->certificate_file)
|
||||
<a href="{{ asset('storage/' . $achievement->certificate_file) }}" target="_blank" class="rounded-xl border border-indigo-200 px-3 py-2 text-xs font-semibold text-indigo-700 transition hover:bg-indigo-50">Lihat Piagam</a>
|
||||
@endif
|
||||
@if ($achievement->activity_photo)
|
||||
<a href="{{ asset('storage/' . $achievement->activity_photo) }}" target="_blank" class="rounded-xl border border-emerald-200 px-3 py-2 text-xs font-semibold text-emerald-700 transition hover:bg-emerald-50">Lihat Foto</a>
|
||||
@endif
|
||||
<div class="mt-2 text-2xl font-bold text-slate-900 sm:text-3xl">{{ $studentAchievements->count() }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-4 px-5 py-5 sm:px-6">
|
||||
<div class="grid gap-3 sm:grid-cols-2 xl:grid-cols-4">
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">NIS</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ $student->student_number ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">NISN</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ $student->nisn ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">Program</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ $student->department?->name ?: '-' }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.16em] text-slate-400">Status</div>
|
||||
<div class="mt-1 text-sm font-semibold text-slate-800">{{ ucfirst($student->status) }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50 sm:p-6">
|
||||
<div class="flex flex-col gap-5 lg:flex-row lg:items-start">
|
||||
<div class="inline-flex shrink-0 flex-col items-center border border-slate-300 bg-slate-50 p-2 shadow-sm">
|
||||
@if ($student->public_photo_url)
|
||||
<img src="{{ $student->public_photo_url }}" alt="{{ $student->full_name }}" class="h-32 w-24 object-cover border border-slate-300 bg-white sm:h-36 sm:w-[108px]">
|
||||
@else
|
||||
<div class="flex h-32 w-24 flex-col items-center justify-center border border-slate-300 bg-gradient-to-b from-slate-100 to-white px-2 text-center sm:h-36 sm:w-[108px]">
|
||||
<div class="text-[10px] font-semibold uppercase tracking-[0.18em] text-slate-400">Pas Foto</div>
|
||||
<div class="mt-2 text-xs font-medium leading-4 text-slate-500">Belum ada foto</div>
|
||||
</div>
|
||||
@endif
|
||||
<div class="mt-2 text-[10px] font-semibold uppercase tracking-[0.16em] text-slate-500">Pas Foto</div>
|
||||
</div>
|
||||
|
||||
<div class="min-w-0 flex-1 space-y-6">
|
||||
<div class="border border-slate-200 bg-slate-50 px-4 py-3">
|
||||
<div class="text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-400">Profil Siswa</div>
|
||||
<div class="mt-1 text-lg font-semibold uppercase tracking-[0.04em] text-slate-900">Data Identitas dan Akademik Siswa</div>
|
||||
<div class="mt-1 text-xs text-slate-500">Ringkasan profil siswa yang tersedia untuk tampilan publik terbatas.</div>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-6 xl:grid-cols-3">
|
||||
<div class="xl:pr-4 xl:border-r xl:border-dashed xl:border-slate-300">
|
||||
<h3 class="text-sm font-semibold text-slate-900">Biodata Siswa</h3>
|
||||
<div class="mt-3 grid gap-2.5 text-sm text-slate-600 sm:grid-cols-[150px_1fr] sm:items-start xl:grid-cols-[120px_1fr]">
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Nama</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->full_name }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">NIS</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->student_number ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">NISN</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->nisn ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Gender</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->gender === 'L' ? 'Laki-laki' : 'Perempuan' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Lahir</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->place_of_birth ?: '-' }}, {{ $student->date_of_birth?->format('d-m-Y') ?: '-' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="xl:px-4 xl:border-r xl:border-dashed xl:border-slate-300">
|
||||
<h3 class="text-sm font-semibold text-slate-900">Informasi Akademik</h3>
|
||||
<div class="mt-3 grid gap-2.5 text-sm text-slate-600 sm:grid-cols-[150px_1fr] sm:items-start xl:grid-cols-[120px_1fr]">
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Angkatan</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->academicYear?->name ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Program</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->department?->name ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Kelas</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->classRoom?->name ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Status</div>
|
||||
<div class="font-medium text-slate-700">{{ ucfirst($student->status) }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Masuk</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->entry_date?->format('d-m-Y') ?: '-' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="xl:pl-4">
|
||||
<h3 class="text-sm font-semibold text-slate-900">Alamat Siswa</h3>
|
||||
<div class="mt-3 grid gap-2.5 text-sm text-slate-600 sm:grid-cols-[150px_1fr] sm:items-start xl:grid-cols-[120px_1fr]">
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Alamat</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->address ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Desa</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->village ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Kecamatan</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->district ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Kota</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->city ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Provinsi</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->province ?: '-' }}</div>
|
||||
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.14em] text-slate-400">Kode Pos</div>
|
||||
<div class="font-medium text-slate-700">{{ $student->postal_code ?: '-' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50 sm:p-6">
|
||||
<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">Dokumen Kelengkapan Siswa</h3>
|
||||
<p class="mt-1 text-sm text-slate-500">Informasi kelengkapan ditampilkan berdasarkan dokumen yang sudah diunggah siswa.</p>
|
||||
</div>
|
||||
<div class="rounded-full bg-slate-100 px-4 py-2 text-xs font-semibold uppercase tracking-[0.14em] text-slate-500">
|
||||
Informasi publik terbatas
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($requiredDocumentSummary['missing_items']->isNotEmpty() || $requiredDocumentSummary['unverified_items']->isNotEmpty())
|
||||
<div class="mt-4 flex flex-wrap gap-2">
|
||||
@foreach ($requiredDocumentSummary['missing_items'] as $missingDocument)
|
||||
<span class="rounded-full bg-rose-100 px-3 py-1 text-xs font-semibold text-rose-700">Belum upload: {{ $missingDocument }}</span>
|
||||
@endforeach
|
||||
@foreach ($requiredDocumentSummary['unverified_items'] as $unverifiedDocument)
|
||||
<span class="rounded-full bg-sky-100 px-3 py-1 text-xs font-semibold text-sky-700">Belum valid: {{ $unverifiedDocument }}</span>
|
||||
@endforeach
|
||||
</div>
|
||||
@else
|
||||
<div class="mt-4 rounded-2xl border border-emerald-200 bg-emerald-50 px-4 py-4 text-sm font-medium text-emerald-700">
|
||||
Seluruh dokumen wajib siswa ini sudah lengkap dan tervalidasi penuh.
|
||||
@if ($studentAchievements->isNotEmpty())
|
||||
<div class="rounded-3xl border border-amber-200 bg-white p-5 shadow-sm shadow-amber-100/50 sm:p-6">
|
||||
<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">Prestasi Siswa</h3>
|
||||
<p class="mt-1 text-sm text-slate-500">Informasi prestasi siswa yang tercatat di sistem sekolah.</p>
|
||||
</div>
|
||||
<div class="rounded-full bg-amber-50 px-4 py-2 text-xs font-semibold uppercase tracking-[0.14em] text-amber-700">
|
||||
{{ $studentAchievements->count() }} prestasi
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 grid gap-4 lg:grid-cols-2">
|
||||
@foreach ($studentAchievements as $achievement)
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4 text-sm text-slate-600 shadow-sm shadow-slate-100/70">
|
||||
<div class="flex flex-col gap-3">
|
||||
<div>
|
||||
<div class="flex flex-wrap items-center gap-2">
|
||||
<div class="font-semibold text-slate-800">{{ $achievement->achievement_name }}</div>
|
||||
@if ($achievement->level)
|
||||
<span class="rounded-full bg-amber-100 px-3 py-1 text-xs font-semibold text-amber-700">{{ $achievement->level }}</span>
|
||||
@endif
|
||||
@if ($achievement->rank)
|
||||
<span class="rounded-full bg-indigo-100 px-3 py-1 text-xs font-semibold text-indigo-700">{{ $achievement->rank }}</span>
|
||||
@endif
|
||||
</div>
|
||||
<div class="mt-2 grid gap-1 text-xs text-slate-500">
|
||||
<div>Kategori: {{ $achievement->category ?: '-' }}</div>
|
||||
<div>Penyelenggara: {{ $achievement->organizer ?: '-' }}</div>
|
||||
<div>Tahun/Tanggal: {{ $achievement->achievement_year ?: '-' }} · {{ $achievement->achievement_date?->format('d-m-Y') ?: '-' }}</div>
|
||||
</div>
|
||||
@if ($achievement->description)
|
||||
<div class="mt-3 rounded-xl bg-white px-3 py-2 text-xs leading-5 text-slate-500">{{ $achievement->description }}</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
@if ($achievement->certificate_file)
|
||||
<a href="{{ asset('storage/' . $achievement->certificate_file) }}" target="_blank" class="rounded-xl border border-indigo-200 px-3 py-2 text-xs font-semibold text-indigo-700 transition hover:bg-indigo-50">Lihat Piagam</a>
|
||||
@endif
|
||||
@if ($achievement->activity_photo)
|
||||
<a href="{{ asset('storage/' . $achievement->activity_photo) }}" target="_blank" class="rounded-xl border border-emerald-200 px-3 py-2 text-xs font-semibold text-emerald-700 transition hover:bg-emerald-50">Lihat Foto</a>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="mt-6 space-y-4">
|
||||
@forelse ($student->documents->sortBy('documentType.name') as $document)
|
||||
@php
|
||||
$verificationMap = [
|
||||
'pending' => 'bg-slate-100 text-slate-600',
|
||||
'valid' => 'bg-emerald-100 text-emerald-700',
|
||||
'invalid' => 'bg-rose-100 text-rose-700',
|
||||
'revision' => 'bg-amber-100 text-amber-700',
|
||||
];
|
||||
@endphp
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4 text-sm text-slate-600">
|
||||
<div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
|
||||
<div>
|
||||
<div class="font-semibold text-slate-800">{{ $document->documentType?->name ?: '-' }}</div>
|
||||
<div class="mt-1 text-xs text-slate-500">{{ $document->file_name }}</div>
|
||||
<div class="mt-2 flex flex-wrap gap-2">
|
||||
<span class="rounded-full px-3 py-1 text-xs font-semibold {{ $verificationMap[$document->verification_status] ?? 'bg-slate-100 text-slate-600' }}">
|
||||
{{ ucfirst($document->verification_status) }}
|
||||
</span>
|
||||
<span class="rounded-full bg-white px-3 py-1 text-xs font-semibold text-slate-500">
|
||||
{{ strtoupper($document->file_extension ?: '-') }}
|
||||
</span>
|
||||
<div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50 sm:p-6">
|
||||
<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">Dokumen Kelengkapan Siswa</h3>
|
||||
<p class="mt-1 text-sm text-slate-500">Informasi kelengkapan ditampilkan berdasarkan dokumen yang sudah diunggah siswa.</p>
|
||||
</div>
|
||||
<div class="rounded-full bg-slate-100 px-4 py-2 text-xs font-semibold uppercase tracking-[0.14em] text-slate-500">
|
||||
Informasi publik terbatas
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($requiredDocumentSummary['missing_items']->isNotEmpty() || $requiredDocumentSummary['unverified_items']->isNotEmpty())
|
||||
<div class="mt-4 flex flex-wrap gap-2">
|
||||
@foreach ($requiredDocumentSummary['missing_items'] as $missingDocument)
|
||||
<span class="rounded-full bg-rose-100 px-3 py-1 text-xs font-semibold text-rose-700">Belum upload: {{ $missingDocument }}</span>
|
||||
@endforeach
|
||||
@foreach ($requiredDocumentSummary['unverified_items'] as $unverifiedDocument)
|
||||
<span class="rounded-full bg-sky-100 px-3 py-1 text-xs font-semibold text-sky-700">Belum valid: {{ $unverifiedDocument }}</span>
|
||||
@endforeach
|
||||
</div>
|
||||
@else
|
||||
<div class="mt-4 rounded-2xl border border-emerald-200 bg-emerald-50 px-4 py-4 text-sm font-medium text-emerald-700">
|
||||
Seluruh dokumen wajib siswa ini sudah lengkap dan tervalidasi penuh.
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="mt-6 space-y-4">
|
||||
@forelse ($student->documents->sortBy('documentType.name') as $document)
|
||||
@php
|
||||
$verificationMap = [
|
||||
'pending' => 'bg-slate-100 text-slate-600',
|
||||
'valid' => 'bg-emerald-100 text-emerald-700',
|
||||
'invalid' => 'bg-rose-100 text-rose-700',
|
||||
'revision' => 'bg-amber-100 text-amber-700',
|
||||
];
|
||||
@endphp
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4 text-sm text-slate-600">
|
||||
<div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
|
||||
<div>
|
||||
<div class="font-semibold text-slate-800">{{ $document->documentType?->name ?: '-' }}</div>
|
||||
<div class="mt-1 text-xs text-slate-500">{{ $document->file_name }}</div>
|
||||
<div class="mt-2 flex flex-wrap gap-2">
|
||||
<span class="rounded-full px-3 py-1 text-xs font-semibold {{ $verificationMap[$document->verification_status] ?? 'bg-slate-100 text-slate-600' }}">
|
||||
{{ ucfirst($document->verification_status) }}
|
||||
</span>
|
||||
<span class="rounded-full bg-white px-3 py-1 text-xs font-semibold text-slate-500">
|
||||
{{ strtoupper($document->file_extension ?: '-') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<a href="{{ route('public.students.documents.preview', $document) }}" class="rounded-xl border border-indigo-200 px-3 py-2 text-xs font-semibold text-indigo-700 transition hover:bg-indigo-50">Preview</a>
|
||||
<a href="{{ route('public.students.documents.download', $document) }}" class="rounded-xl border border-sky-200 px-3 py-2 text-xs font-semibold text-sky-700 transition hover:bg-sky-50">Download</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<a href="{{ route('public.students.documents.preview', $document) }}" class="rounded-xl border border-indigo-200 px-3 py-2 text-xs font-semibold text-indigo-700 transition hover:bg-indigo-50">Preview</a>
|
||||
<a href="{{ route('public.students.documents.download', $document) }}" class="rounded-xl border border-sky-200 px-3 py-2 text-xs font-semibold text-sky-700 transition hover:bg-sky-50">Download</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@empty
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4 text-sm text-slate-500">
|
||||
Belum ada dokumen siswa yang diunggah.
|
||||
</div>
|
||||
@endforelse
|
||||
@empty
|
||||
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4 text-sm text-slate-500">
|
||||
Belum ada dokumen siswa yang diunggah.
|
||||
</div>
|
||||
@endforelse
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@else
|
||||
<div class="overflow-hidden rounded-3xl border border-amber-200 bg-white shadow-sm shadow-amber-100/60">
|
||||
|
||||
Reference in New Issue
Block a user