Initial commit
This commit is contained in:
@@ -0,0 +1,270 @@
|
||||
<x-app-layout>
|
||||
@php
|
||||
$isAdmin = auth()->user()?->isAdmin() ?? false;
|
||||
@endphp
|
||||
|
||||
<x-slot name="header">
|
||||
<div class="flex flex-col gap-4 xl:flex-row xl:items-center xl:justify-between">
|
||||
<div>
|
||||
<h2 class="text-xl font-semibold leading-tight text-slate-900">
|
||||
Dashboard Admin
|
||||
</h2>
|
||||
<p class="mt-1 text-sm text-slate-500">
|
||||
Ringkasan operasional Database Kesiswaan, mulai dari master data, siswa, hingga status kelengkapan dokumen.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-wrap gap-3">
|
||||
<a href="{{ route('students.create') }}" class="inline-flex items-center rounded-2xl bg-indigo-600 px-5 py-3 text-sm font-semibold text-white shadow-lg shadow-indigo-200 transition hover:bg-indigo-700">
|
||||
Tambah Siswa
|
||||
</a>
|
||||
<a href="{{ route('student-promotions.index') }}" class="inline-flex items-center rounded-2xl border border-slate-200 bg-white px-5 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-50">
|
||||
Buka Promosi Siswa
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</x-slot>
|
||||
|
||||
<div class="space-y-6">
|
||||
<div class="grid grid-cols-1 gap-6 xl:grid-cols-3">
|
||||
<div class="overflow-hidden rounded-[2rem] border border-slate-200 bg-gradient-to-br from-white via-slate-50 to-indigo-50 p-6 text-slate-900 shadow-2xl shadow-slate-200/60 xl:col-span-2">
|
||||
<div class="flex flex-col gap-8 xl:flex-row xl:items-start xl:justify-between">
|
||||
<div class="max-w-2xl">
|
||||
<div class="inline-flex items-center gap-2 rounded-full border border-indigo-200 bg-indigo-50 px-3 py-1 text-xs font-semibold uppercase tracking-[0.16em] text-indigo-700">
|
||||
<span class="inline-flex h-2 w-2 rounded-full bg-emerald-300"></span>
|
||||
Ringkasan Utama
|
||||
</div>
|
||||
<h3 class="mt-4 text-3xl font-bold leading-tight text-slate-900">
|
||||
Ringkasan utama statistik siswa dalam satu panel.
|
||||
</h3>
|
||||
<p class="mt-3 max-w-xl text-sm leading-6 text-slate-600">
|
||||
Lihat total siswa, siswa keluar, siswa mutasi, dan siswa lulus secara cepat dari dashboard utama.
|
||||
</p>
|
||||
|
||||
<div class="mt-6 flex flex-wrap gap-3 text-xs text-slate-600">
|
||||
<div class="rounded-full border border-slate-200 bg-white px-3 py-2 shadow-sm">Ringkasan status siswa</div>
|
||||
<div class="rounded-full border border-slate-200 bg-white px-3 py-2 shadow-sm">Arsip keluar & mutasi</div>
|
||||
<div class="rounded-full border border-slate-200 bg-white px-3 py-2 shadow-sm">Monitoring lulusan</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid w-full grid-cols-1 gap-4 md:grid-cols-2">
|
||||
<div class="group rounded-3xl border border-indigo-200 bg-white p-5 shadow-sm shadow-indigo-100 transition hover:-translate-y-0.5 hover:shadow-md">
|
||||
<div class="flex items-start justify-between">
|
||||
<div>
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.18em] text-slate-500">Total Siswa</p>
|
||||
<div class="mt-3 text-4xl font-bold text-slate-900">{{ $stats['students'] }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-indigo-50 p-3 text-indigo-600 shadow-sm shadow-indigo-100">
|
||||
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM4 20a6 6 0 1 1 12 0" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M18 9a3 3 0 0 1 0 6m-1 5a5 5 0 0 0-3-4.58" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4 text-xs leading-5 text-slate-500">Jumlah seluruh siswa yang tercatat di sistem saat ini.</p>
|
||||
</div>
|
||||
|
||||
<div class="group rounded-3xl border border-rose-200 bg-white p-5 shadow-sm shadow-rose-100 transition hover:-translate-y-0.5 hover:shadow-md">
|
||||
<div class="flex items-start justify-between">
|
||||
<div>
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.18em] text-rose-600">Siswa Keluar</p>
|
||||
<div class="mt-3 text-4xl font-bold text-slate-900">{{ $stats['studentsDropped'] }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-rose-50 p-3 text-rose-600 shadow-sm shadow-rose-100">
|
||||
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M9 12h6" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 3C7.03 3 3 7.03 3 12s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9Z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4 text-xs leading-5 text-slate-500">Jumlah siswa pada arsip siswa keluar.</p>
|
||||
</div>
|
||||
|
||||
<div class="group rounded-3xl border border-amber-200 bg-white p-5 shadow-sm shadow-amber-100 transition hover:-translate-y-0.5 hover:shadow-md">
|
||||
<div class="flex items-start justify-between">
|
||||
<div>
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.18em] text-amber-600">Siswa Mutasi</p>
|
||||
<div class="mt-3 text-4xl font-bold text-slate-900">{{ $stats['studentsTransferred'] }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-amber-50 p-3 text-amber-600 shadow-sm shadow-amber-100">
|
||||
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M13 7h6m0 0v6m0-6-8 8" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M11 17H7a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h8" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4 text-xs leading-5 text-slate-500">Jumlah siswa pada arsip siswa mutasi.</p>
|
||||
</div>
|
||||
|
||||
<div class="group rounded-3xl border border-sky-200 bg-white p-5 shadow-sm shadow-sky-100 transition hover:-translate-y-0.5 hover:shadow-md">
|
||||
<div class="flex items-start justify-between">
|
||||
<div>
|
||||
<p class="text-xs font-semibold uppercase tracking-[0.18em] text-sky-600">Siswa Lulus</p>
|
||||
<div class="mt-3 text-4xl font-bold text-slate-900">{{ $stats['studentsGraduated'] }}</div>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-sky-50 p-3 text-sky-600 shadow-sm shadow-sky-100">
|
||||
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M4 9l8-4 8 4-8 4-8-4Z" />
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M8 11v3.5c0 1.8 1.8 3.5 4 3.5s4-1.7 4-3.5V11" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4 text-xs leading-5 text-slate-500">Jumlah siswa yang sudah berstatus lulus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<x-master-card title="Snapshot Sistem" subtitle="Kondisi data yang paling sering dipakai admin.">
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3">
|
||||
<span class="text-sm text-slate-600">Tahun Angkatan</span>
|
||||
<span class="text-sm font-semibold text-slate-900">{{ $stats['academicYears'] }}</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3">
|
||||
<span class="text-sm text-slate-600">Program Keahlian</span>
|
||||
<span class="text-sm font-semibold text-slate-900">{{ $stats['departments'] }}</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3">
|
||||
<span class="text-sm text-slate-600">Kelas</span>
|
||||
<span class="text-sm font-semibold text-slate-900">{{ $stats['classes'] }}</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3">
|
||||
<span class="text-sm text-slate-600">Jenis Dokumen</span>
|
||||
<span class="text-sm font-semibold text-slate-900">{{ $stats['documentTypes'] }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</x-master-card>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 gap-5 md:grid-cols-2 xl:grid-cols-4">
|
||||
<div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50">
|
||||
<div class="flex items-start justify-between">
|
||||
<div>
|
||||
<p class="text-sm font-medium text-slate-500">Data Siswa</p>
|
||||
<h3 class="mt-3 text-3xl font-bold text-slate-900">{{ $stats['students'] }}</h3>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-indigo-50 p-3 text-indigo-600">
|
||||
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M16 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM4 20a6 6 0 1 1 12 0" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4 text-xs text-slate-400">Total siswa aktif yang tersimpan di sistem.</p>
|
||||
</div>
|
||||
|
||||
<div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50">
|
||||
<div class="flex items-start justify-between">
|
||||
<div>
|
||||
<p class="text-sm font-medium text-slate-500">Dokumen Wajib Lengkap</p>
|
||||
<h3 class="mt-3 text-3xl font-bold text-slate-900">{{ $stats['studentsCompleteDocuments'] }}</h3>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-emerald-50 p-3 text-emerald-600">
|
||||
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="m5 13 4 4L19 7" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4 text-xs text-slate-400">Siswa yang sudah upload seluruh dokumen wajib.</p>
|
||||
</div>
|
||||
|
||||
<div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50">
|
||||
<div class="flex items-start justify-between">
|
||||
<div>
|
||||
<p class="text-sm font-medium text-slate-500">Belum Lengkap</p>
|
||||
<h3 class="mt-3 text-3xl font-bold text-slate-900">{{ $stats['studentsIncompleteDocuments'] }}</h3>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-amber-50 p-3 text-amber-600">
|
||||
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 9v4m0 4h.01M12 3l9 16H3l9-16Z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4 text-xs text-slate-400">Siswa yang masih kurang upload dokumen wajib.</p>
|
||||
</div>
|
||||
|
||||
<div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-sm shadow-slate-200/50">
|
||||
<div class="flex items-start justify-between">
|
||||
<div>
|
||||
<p class="text-sm font-medium text-slate-500">Belum Tervalidasi Penuh</p>
|
||||
<h3 class="mt-3 text-3xl font-bold text-slate-900">{{ $stats['studentsUnverifiedDocuments'] }}</h3>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-sky-50 p-3 text-sky-600">
|
||||
<svg class="h-5 w-5" viewBox="0 0 24 24" fill="none" stroke="currentColor">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<p class="mt-4 text-xs text-slate-400">Siswa yang dokumen wajibnya belum valid semua.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 gap-6 xl:grid-cols-3">
|
||||
<x-master-card title="Akses Cepat" subtitle="Masuk langsung ke modul yang paling sering dipakai.">
|
||||
<div class="grid grid-cols-1 gap-3 md:grid-cols-2 xl:grid-cols-1">
|
||||
<a href="{{ route('students.index') }}" class="rounded-2xl border border-slate-200 bg-slate-50 px-5 py-4 text-sm font-medium text-slate-700 transition hover:border-indigo-200 hover:bg-indigo-50 hover:text-indigo-700">
|
||||
Kelola Data Siswa
|
||||
</a>
|
||||
@if ($isAdmin)
|
||||
<a href="{{ route('classes.index') }}" class="rounded-2xl border border-slate-200 bg-slate-50 px-5 py-4 text-sm font-medium text-slate-700 transition hover:border-indigo-200 hover:bg-indigo-50 hover:text-indigo-700">
|
||||
Kelola Kelas & Generate Tahun Baru
|
||||
</a>
|
||||
<a href="{{ route('document-types.index') }}" class="rounded-2xl border border-slate-200 bg-slate-50 px-5 py-4 text-sm font-medium text-slate-700 transition hover:border-indigo-200 hover:bg-indigo-50 hover:text-indigo-700">
|
||||
Kelola Jenis Dokumen
|
||||
</a>
|
||||
@endif
|
||||
<a href="{{ route('student-promotions.index') }}" class="rounded-2xl border border-slate-200 bg-slate-50 px-5 py-4 text-sm font-medium text-slate-700 transition hover:border-indigo-200 hover:bg-indigo-50 hover:text-indigo-700">
|
||||
Buka Modul Promosi Siswa
|
||||
</a>
|
||||
</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">
|
||||
<span class="text-sm text-slate-600">Auth & Login</span>
|
||||
<span class="rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700">Aktif</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3">
|
||||
<span class="text-sm text-slate-600">Master Data</span>
|
||||
<span class="rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700">Aktif</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3">
|
||||
<span class="text-sm text-slate-600">Data Siswa</span>
|
||||
<span class="rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700">Aktif</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3">
|
||||
<span class="text-sm text-slate-600">Dokumen & Verifikasi</span>
|
||||
<span class="rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700">Aktif</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3">
|
||||
<span class="text-sm text-slate-600">Histori Akademik</span>
|
||||
<span class="rounded-full bg-sky-100 px-3 py-1 text-xs font-semibold text-sky-700">Siap</span>
|
||||
</div>
|
||||
<div class="flex items-center justify-between rounded-2xl bg-slate-50 px-4 py-3">
|
||||
<span class="text-sm text-slate-600">Promosi Siswa</span>
|
||||
<span class="rounded-full bg-sky-100 px-3 py-1 text-xs font-semibold text-sky-700">Siap</span>
|
||||
</div>
|
||||
</div>
|
||||
</x-master-card>
|
||||
|
||||
<x-master-card title="Catatan Operasional" subtitle="Fokus kerja paling masuk akal dari kondisi aplikasi saat ini.">
|
||||
<div class="space-y-4 text-sm text-slate-600">
|
||||
<div class="rounded-2xl bg-slate-50 px-4 py-4">
|
||||
<div class="font-semibold text-slate-800">Prioritas data</div>
|
||||
<p class="mt-1">Pastikan master kelas dan tahun ajaran selalu siap sebelum proses promosi siswa dilakukan.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-slate-50 px-4 py-4">
|
||||
<div class="font-semibold text-slate-800">Prioritas validasi</div>
|
||||
<p class="mt-1">Gunakan indikator dokumen lengkap dan tervalidasi penuh untuk memantau kualitas data siswa.</p>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-slate-50 px-4 py-4">
|
||||
<div class="font-semibold text-slate-800">Prioritas berikutnya</div>
|
||||
<p class="mt-1">Step paling sehat setelah ini adalah role & permission atau reporting/dashboard lanjutan.</p>
|
||||
</div>
|
||||
</div>
|
||||
</x-master-card>
|
||||
</div>
|
||||
</div>
|
||||
</x-app-layout>
|
||||
Reference in New Issue
Block a user