feat: update student import and graduation workflows

This commit is contained in:
2026-04-30 00:04:52 +07:00
parent 189b076ab0
commit ac22f8b7c8
51 changed files with 4547 additions and 1287 deletions
@@ -43,19 +43,42 @@
<div class="flex min-h-[48vh] items-center justify-center">
<div class="mx-auto w-full max-w-4xl overflow-hidden rounded-[32px] border border-white/80 bg-white/95 shadow-[0_30px_80px_-35px_rgba(15,23,42,0.25)]">
<div class="border-b border-slate-100 bg-gradient-to-r from-indigo-50 via-white to-sky-50 px-6 py-6 sm:px-8">
<div class="max-w-2xl">
<div class="text-xs font-semibold uppercase tracking-[0.18em] text-indigo-500">Verifikasi Identitas</div>
<h2 class="mt-2 text-2xl font-bold text-slate-900">Lengkapi data siswa secara mandiri</h2>
<p class="mt-2 text-sm leading-6 text-slate-500">
Masukkan NIS atau NISN dan kode akses dari sekolah untuk melanjutkan ke form pelengkapan data siswa.
</p>
<div class="flex flex-col gap-5 lg:flex-row lg:items-start lg:justify-between">
<div class="max-w-2xl">
<div class="text-xs font-semibold uppercase tracking-[0.18em] text-indigo-500">Verifikasi Identitas</div>
<h2 class="mt-2 text-2xl font-bold text-slate-900">Lengkapi data siswa secara mandiri</h2>
<p class="mt-2 text-sm leading-6 text-slate-500">
Masukkan NIS atau NISN dan kode akses dari sekolah untuk melanjutkan ke form pelengkapan data siswa.
</p>
</div>
<div class="grid grid-cols-1 gap-2 sm:grid-cols-3 lg:w-[340px]">
<div class="rounded-2xl border border-indigo-100 bg-white/90 px-3 py-3 text-center shadow-sm">
<div class="text-indigo-600"><i class="fa-solid fa-id-card-clip"></i></div>
<div class="mt-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-slate-500">Identitas</div>
</div>
<div class="rounded-2xl border border-amber-100 bg-white/90 px-3 py-3 text-center shadow-sm">
<div class="text-amber-600"><i class="fa-solid fa-pen-to-square"></i></div>
<div class="mt-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-slate-500">Lengkapi</div>
</div>
<div class="rounded-2xl border border-emerald-100 bg-white/90 px-3 py-3 text-center shadow-sm">
<div class="text-emerald-600"><i class="fa-solid fa-paper-plane"></i></div>
<div class="mt-1 text-[11px] font-semibold uppercase tracking-[0.14em] text-slate-500">Kirim</div>
</div>
</div>
</div>
</div>
<div class="p-6 sm:p-8">
<div class="mb-6 rounded-2xl border border-indigo-100 bg-indigo-50/70 px-4 py-4 text-sm text-indigo-700">
<div class="font-semibold text-indigo-900">Petunjuk singkat</div>
<p class="mt-1">Gunakan data yang benar sesuai dokumen resmi. Jika ada data yang tidak cocok, hubungi admin sekolah atau wali kelas.</p>
<div class="mb-6 rounded-3xl border border-indigo-100 bg-gradient-to-r from-indigo-50/80 to-white px-4 py-4 text-sm text-indigo-700 shadow-sm">
<div class="flex items-start gap-3">
<div class="mt-0.5 inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-2xl bg-white text-indigo-600 shadow-sm">
<i class="fa-solid fa-circle-info"></i>
</div>
<div>
<div class="font-semibold text-indigo-900">Petunjuk singkat</div>
<p class="mt-1">Gunakan data yang benar sesuai dokumen resmi. Jika ada data yang tidak cocok, hubungi admin sekolah atau wali kelas.</p>
</div>
</div>
</div>
@if ($errors->any())
@@ -96,8 +119,9 @@
>
</div>
<div class="lg:pb-[1px]">
<button type="submit" class="rounded-xl bg-indigo-600 px-5 py-3 text-sm font-semibold text-white transition hover:bg-indigo-700">
Lanjut
<button type="submit" class="inline-flex items-center gap-2 rounded-xl bg-indigo-600 px-5 py-3 text-sm font-semibold text-white transition hover:bg-indigo-700">
<i class="fa-solid fa-arrow-right"></i>
<span>Lanjut</span>
</button>
</div>
</div>