feat: update student import and graduation workflows
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user