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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user