Improve public controls and dashboard student statistics
This commit is contained in:
@@ -260,71 +260,44 @@
|
||||
</div>
|
||||
</x-master-card>
|
||||
|
||||
<x-master-card title="Status Modul" subtitle="Modul yang sudah hidup dan siap dipakai.">
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3 transition hover:bg-slate-100">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="inline-flex h-10 w-10 items-center justify-center rounded-xl bg-emerald-100 text-emerald-600">
|
||||
<i class="fa-solid fa-lock text-sm"></i>
|
||||
</span>
|
||||
<span class="text-sm text-slate-600">Auth & Login</span>
|
||||
<x-master-card title="Statistik Siswa Perkelas" subtitle="Ringkasan jumlah siswa aktif di setiap kelas pada tahun ajaran aktif.">
|
||||
<div class="max-h-[38rem] space-y-4 overflow-y-auto pr-1 text-sm text-slate-600">
|
||||
@forelse ($studentStatisticsByClass as $classStat)
|
||||
<div class="rounded-3xl border border-slate-200 bg-slate-50/80 px-4 py-4 shadow-sm transition hover:border-slate-300 hover:bg-white">
|
||||
<div class="flex items-center justify-between gap-4">
|
||||
<div class="flex items-center gap-3 min-w-0">
|
||||
<span class="inline-flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-100 text-cyan-600 shrink-0">
|
||||
<i class="fa-solid fa-chalkboard text-sm"></i>
|
||||
</span>
|
||||
<div class="min-w-0">
|
||||
<div class="font-semibold text-slate-800 truncate">{{ $classStat->name }}</div>
|
||||
<div class="text-xs text-slate-400 truncate">{{ $classStat->academicYear?->name ?: '-' }} · {{ $classStat->department?->name ?: '-' }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded-full bg-slate-900 px-3 py-1 text-xs font-semibold uppercase tracking-[0.14em] text-white">Total {{ $classStat->active_students_count }}</div>
|
||||
</div>
|
||||
<div class="mt-4 grid grid-cols-2 gap-3">
|
||||
<div class="rounded-2xl border border-sky-100 bg-white px-4 py-3 shadow-sm">
|
||||
<div class="flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.14em] text-sky-500">
|
||||
<i class="fa-solid fa-mars text-[11px]"></i>
|
||||
<span>Laki-laki</span>
|
||||
</div>
|
||||
<div class="mt-2 text-2xl font-bold text-slate-900">{{ $classStat->male_students_count }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-rose-100 bg-white px-4 py-3 shadow-sm">
|
||||
<div class="flex items-center gap-2 text-xs font-semibold uppercase tracking-[0.14em] text-rose-500">
|
||||
<i class="fa-solid fa-venus text-[11px]"></i>
|
||||
<span>Perempuan</span>
|
||||
</div>
|
||||
<div class="mt-2 text-2xl font-bold text-slate-900">{{ $classStat->female_students_count }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="inline-flex items-center gap-2 rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700"><span class="h-2 w-2 rounded-full bg-emerald-500"></span>Aktif</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3 transition hover:bg-slate-100">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="inline-flex h-10 w-10 items-center justify-center rounded-xl bg-cyan-100 text-cyan-600">
|
||||
<i class="fa-solid fa-database text-sm"></i>
|
||||
</span>
|
||||
<span class="text-sm text-slate-600">Master Data</span>
|
||||
@empty
|
||||
<div class="rounded-2xl bg-slate-50 px-4 py-4 text-sm text-slate-500">
|
||||
Belum ada data siswa aktif yang bisa direkap per kelas.
|
||||
</div>
|
||||
<span class="inline-flex items-center gap-2 rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700"><span class="h-2 w-2 rounded-full bg-emerald-500"></span>Aktif</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3 transition hover:bg-slate-100">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="inline-flex h-10 w-10 items-center justify-center rounded-xl bg-indigo-100 text-indigo-600">
|
||||
<i class="fa-solid fa-users text-sm"></i>
|
||||
</span>
|
||||
<span class="text-sm text-slate-600">Data Siswa</span>
|
||||
</div>
|
||||
<span class="inline-flex items-center gap-2 rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700"><span class="h-2 w-2 rounded-full bg-emerald-500"></span>Aktif</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3 transition hover:bg-slate-100">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="inline-flex h-10 w-10 items-center justify-center rounded-xl bg-violet-100 text-violet-600">
|
||||
<i class="fa-solid fa-folder-check text-sm"></i>
|
||||
</span>
|
||||
<span class="text-sm text-slate-600">Dokumen & Verifikasi</span>
|
||||
</div>
|
||||
<span class="inline-flex items-center gap-2 rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700"><span class="h-2 w-2 rounded-full bg-emerald-500"></span>Aktif</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3 transition hover:bg-slate-100">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="inline-flex h-10 w-10 items-center justify-center rounded-xl bg-sky-100 text-sky-600">
|
||||
<i class="fa-solid fa-clock-rotate-left text-sm"></i>
|
||||
</span>
|
||||
<span class="text-sm text-slate-600">Histori Akademik</span>
|
||||
</div>
|
||||
<span class="inline-flex items-center gap-2 rounded-full bg-sky-100 px-3 py-1 text-xs font-semibold text-sky-700"><span class="h-2 w-2 rounded-full bg-sky-500"></span>Siap</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3 transition hover:bg-slate-100">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="inline-flex h-10 w-10 items-center justify-center rounded-xl bg-lime-100 text-lime-600">
|
||||
<i class="fa-solid fa-arrow-trend-up text-sm"></i>
|
||||
</span>
|
||||
<span class="text-sm text-slate-600">Promosi Siswa</span>
|
||||
</div>
|
||||
<span class="inline-flex items-center gap-2 rounded-full bg-sky-100 px-3 py-1 text-xs font-semibold text-sky-700"><span class="h-2 w-2 rounded-full bg-sky-500"></span>Siap</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3 transition hover:bg-slate-100">
|
||||
<div class="flex items-center gap-3">
|
||||
<span class="inline-flex h-10 w-10 items-center justify-center rounded-xl bg-amber-100 text-amber-600">
|
||||
<i class="fa-solid fa-trophy text-sm"></i>
|
||||
</span>
|
||||
<span class="text-sm text-slate-600">Siswa Berprestasi</span>
|
||||
</div>
|
||||
<span class="inline-flex items-center gap-2 rounded-full bg-sky-100 px-3 py-1 text-xs font-semibold text-sky-700"><span class="h-2 w-2 rounded-full bg-sky-500"></span>Siap</span>
|
||||
</div>
|
||||
@endforelse
|
||||
</div>
|
||||
</x-master-card>
|
||||
|
||||
|
||||
@@ -11,6 +11,15 @@
|
||||
return sprintf('%04d-%s-%06d', $achievement->achievement_year ?? 0, optional($achievement->achievement_date)->format('Y-m-d') ?? '0000-00-00', $achievement->id);
|
||||
})
|
||||
: collect();
|
||||
$showPublicStudentDocuments = (\App\Models\AppSetting::getValue('public_show_student_documents', '1') === '1');
|
||||
$publicStatusLabel = match ($student?->status) {
|
||||
'transferred' => 'Pindah Sekolah',
|
||||
'dropped' => 'Keluar Sekolah',
|
||||
'graduated' => 'Lulus',
|
||||
'inactive' => 'Nonaktif',
|
||||
'active' => 'Aktif',
|
||||
default => $student?->status ? ucfirst($student->status) : '-',
|
||||
};
|
||||
@endphp
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
@@ -234,7 +243,14 @@
|
||||
<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>
|
||||
<div class="mt-3 flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-3">
|
||||
<h2 class="text-2xl font-bold tracking-tight text-slate-900 sm:text-3xl">{{ $student->full_name }}</h2>
|
||||
<div class="inline-flex items-center gap-2 self-start rounded-full border border-sky-200 bg-sky-50 px-3 py-1 text-xs text-sky-700">
|
||||
<span class="font-semibold">Wali Kelas</span>
|
||||
<span class="text-slate-400">•</span>
|
||||
<span class="font-medium">{{ $student->classRoom?->homeroom_teacher ?: '-' }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
@@ -271,7 +287,7 @@
|
||||
</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 class="mt-1 text-sm font-semibold text-slate-800">{{ $publicStatusLabel }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -332,7 +348,7 @@
|
||||
<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="font-medium text-slate-700">{{ $publicStatusLabel }}</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>
|
||||
@@ -416,69 +432,71 @@
|
||||
</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>
|
||||
@if ($showPublicStudentDocuments)
|
||||
<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 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
|
||||
@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 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
|
||||
@endif
|
||||
</div>
|
||||
@else
|
||||
|
||||
@@ -18,6 +18,21 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-3xl border border-slate-200 bg-slate-50 p-5">
|
||||
<div class="flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between">
|
||||
<div>
|
||||
<h3 class="text-sm font-semibold text-slate-900">Kontrol Portal Publik</h3>
|
||||
<p class="mt-1 text-xs text-slate-500">Atur apakah card Dokumen Kelengkapan Siswa boleh tampil di halaman publik.</p>
|
||||
</div>
|
||||
<label class="inline-flex items-center gap-3 rounded-2xl border border-slate-200 bg-white px-4 py-3 text-sm font-medium text-slate-700">
|
||||
<input type="hidden" name="public_show_student_documents" value="0">
|
||||
<input type="checkbox" name="public_show_student_documents" value="1" class="h-5 w-5 rounded border-slate-300 text-indigo-600 focus:ring-indigo-500" @checked(old('public_show_student_documents', $branding['public_show_student_documents']) == '1')>
|
||||
<span>Tampilkan card Dokumen Kelengkapan Siswa di portal publik</span>
|
||||
</label>
|
||||
</div>
|
||||
<p class="mt-3 text-xs text-slate-500">Jika dimatikan, pengunjung publik tetap bisa mencari data siswa, tetapi card dokumen tidak akan ditampilkan.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 gap-6 xl:grid-cols-3">
|
||||
<div class="rounded-3xl border border-slate-200 bg-slate-50 p-5">
|
||||
<div class="mb-4 flex items-center justify-between gap-3">
|
||||
|
||||
Reference in New Issue
Block a user