Improve self-service access management and polish public student lookup
This commit is contained in:
@@ -142,42 +142,33 @@
|
||||
|
||||
<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="flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between">
|
||||
<div class="grid gap-4 lg:grid-cols-[minmax(0,1fr)_auto] lg:items-start">
|
||||
<div class="min-w-0">
|
||||
<div class="text-xs font-semibold uppercase tracking-[0.16em] text-emerald-600">Data ditemukan</div>
|
||||
<h2 class="mt-2 text-2xl font-bold tracking-tight text-slate-900 sm:text-3xl">{{ $student->full_name }}</h2>
|
||||
<p class="mt-2 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 w-full gap-3 sm:grid-cols-2 lg:w-auto lg:min-w-[320px]">
|
||||
<div class="rounded-2xl border border-emerald-100 bg-white/80 px-4 py-4 text-center shadow-sm">
|
||||
<div class="text-2xl font-bold text-slate-900 sm:text-3xl">{{ $student->classRoom?->name ?: '-' }}</div>
|
||||
<div class="mt-1 text-xs font-semibold uppercase tracking-[0.14em] text-emerald-600">Kelas saat ini</div>
|
||||
<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>
|
||||
<div class="rounded-2xl border border-amber-100 bg-white/80 px-4 py-4 text-center shadow-sm">
|
||||
<div class="text-2xl font-bold text-slate-900 sm:text-3xl">{{ $studentAchievements->count() }}</div>
|
||||
<div class="mt-1 text-xs font-semibold uppercase tracking-[0.14em] {{ $studentAchievements->count() > 0 ? 'text-amber-600' : 'text-slate-500' }}">
|
||||
{{ $studentAchievements->count() > 0 ? 'Prestasi tercatat' : 'Belum ada prestasi' }}
|
||||
<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="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 lg:grid-cols-[auto_1fr] lg:items-center">
|
||||
<div class="flex items-center gap-4">
|
||||
@if ($student->public_photo_url)
|
||||
<img src="{{ $student->public_photo_url }}" alt="{{ $student->full_name }}" class="h-24 w-24 rounded-[28px] object-cover ring-1 ring-slate-200 shadow-sm sm:h-28 sm:w-28">
|
||||
@else
|
||||
<div class="flex h-24 w-24 items-center justify-center rounded-[28px] bg-gradient-to-br from-slate-100 via-white to-slate-200 text-3xl font-bold text-slate-700 ring-1 ring-slate-200 shadow-sm sm:h-28 sm:w-28">
|
||||
{{ strtoupper(mb_substr($student->full_name, 0, 1)) }}
|
||||
</div>
|
||||
@endif
|
||||
<div class="sm:hidden">
|
||||
<div class="text-lg font-semibold text-slate-900">{{ $student->full_name }}</div>
|
||||
<div class="mt-1 text-xs text-slate-500">NIS: {{ $student->student_number ?: '-' }} · NISN: {{ $student->nisn ?: '-' }}</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>
|
||||
@@ -199,38 +190,91 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 gap-6 xl:grid-cols-3">
|
||||
<div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50 sm:p-6">
|
||||
<h3 class="text-base font-semibold text-slate-900">Biodata Siswa</h3>
|
||||
<div class="mt-4 space-y-3 text-sm text-slate-600">
|
||||
<div><span class="font-semibold text-slate-800">Nama:</span> {{ $student->full_name }}</div>
|
||||
<div><span class="font-semibold text-slate-800">NIS:</span> {{ $student->student_number ?: '-' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">NISN:</span> {{ $student->nisn ?: '-' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Jenis Kelamin:</span> {{ $student->gender === 'L' ? 'Laki-laki' : 'Perempuan' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Tempat, Tanggal Lahir:</span> {{ $student->place_of_birth ?: '-' }}, {{ $student->date_of_birth?->format('d-m-Y') ?: '-' }}</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>
|
||||
|
||||
<div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50 sm:p-6">
|
||||
<h3 class="text-base font-semibold text-slate-900">Informasi Akademik</h3>
|
||||
<div class="mt-4 space-y-3 text-sm text-slate-600">
|
||||
<div><span class="font-semibold text-slate-800">Tahun Angkatan:</span> {{ $student->academicYear?->name ?: '-' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Program Keahlian:</span> {{ $student->department?->name ?: '-' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Kelas:</span> {{ $student->classRoom?->name ?: '-' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Status:</span> {{ ucfirst($student->status) }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Tanggal Masuk:</span> {{ $student->entry_date?->format('d-m-Y') ?: '-' }}</div>
|
||||
</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="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50 sm:p-6">
|
||||
<h3 class="text-base font-semibold text-slate-900">Alamat Siswa</h3>
|
||||
<div class="mt-4 space-y-3 text-sm text-slate-600">
|
||||
<div><span class="font-semibold text-slate-800">Alamat Lengkap:</span> {{ $student->address ?: '-' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Desa/Kelurahan:</span> {{ $student->village ?: '-' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Kecamatan:</span> {{ $student->district ?: '-' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Kabupaten/Kota:</span> {{ $student->city ?: '-' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Provinsi:</span> {{ $student->province ?: '-' }}</div>
|
||||
<div><span class="font-semibold text-slate-800">Kode Pos:</span> {{ $student->postal_code ?: '-' }}</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>
|
||||
|
||||
Reference in New Issue
Block a user