87 lines
5.7 KiB
PHP
87 lines
5.7 KiB
PHP
<x-master-page title="Tambah Data Siswa Berprestasi" description="Catat prestasi siswa baru ke dalam sistem kesiswaan.">
|
|
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-4">
|
|
<div class="rounded-3xl border border-slate-200 bg-gradient-to-br from-white via-slate-50 to-indigo-50/40 p-6 shadow-sm shadow-slate-200/50 ring-1 ring-white/70">
|
|
<div class="flex items-start justify-between gap-3">
|
|
<div>
|
|
<div class="text-sm font-medium text-slate-500">Mode Form</div>
|
|
<div class="mt-3 text-lg font-bold text-slate-900">Tambah Prestasi</div>
|
|
</div>
|
|
<div class="rounded-2xl bg-white/80 p-3 text-indigo-600 ring-1 ring-indigo-100 backdrop-blur-sm">
|
|
<i class="fa-solid fa-plus text-lg"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rounded-3xl border border-amber-200 bg-gradient-to-br from-white via-amber-50/50 to-amber-100/60 p-6 shadow-sm shadow-amber-100/50 ring-1 ring-white/70">
|
|
<div class="flex items-start justify-between gap-3">
|
|
<div>
|
|
<div class="text-sm font-medium text-amber-700">Fokus Input</div>
|
|
<div class="mt-3 text-lg font-bold text-amber-800">Identitas + Capaian</div>
|
|
</div>
|
|
<div class="rounded-2xl bg-white/80 p-3 text-amber-600 ring-1 ring-amber-100 backdrop-blur-sm">
|
|
<i class="fa-solid fa-award text-lg"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rounded-3xl border border-emerald-200 bg-gradient-to-br from-white via-emerald-50/50 to-emerald-100/60 p-6 shadow-sm shadow-emerald-100/50 ring-1 ring-white/70">
|
|
<div class="flex items-start justify-between gap-3">
|
|
<div>
|
|
<div class="text-sm font-medium text-emerald-700">Lampiran</div>
|
|
<div class="mt-3 text-lg font-bold text-emerald-800">Opsional</div>
|
|
</div>
|
|
<div class="rounded-2xl bg-white/80 p-3 text-emerald-600 ring-1 ring-emerald-100 backdrop-blur-sm">
|
|
<i class="fa-solid fa-paperclip text-lg"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="rounded-3xl border border-fuchsia-200 bg-gradient-to-br from-white via-fuchsia-50/50 to-fuchsia-100/60 p-6 shadow-sm shadow-fuchsia-100/50 ring-1 ring-white/70">
|
|
<div class="flex items-start justify-between gap-3">
|
|
<div>
|
|
<div class="text-sm font-medium text-fuchsia-700">Target</div>
|
|
<div class="mt-3 text-lg font-bold text-fuchsia-800">Entry Cepat & Rapi</div>
|
|
</div>
|
|
<div class="rounded-2xl bg-white/80 p-3 text-fuchsia-600 ring-1 ring-fuchsia-100 backdrop-blur-sm">
|
|
<i class="fa-solid fa-wand-magic-sparkles text-lg"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 gap-6 xl:grid-cols-[minmax(0,1.8fr)_360px]">
|
|
<x-master-card title="Form Prestasi Siswa" subtitle="Lengkapi data inti terlebih dahulu, lalu tambahkan lampiran bila sudah tersedia.">
|
|
<form method="POST" action="{{ route('student-achievements.store') }}" enctype="multipart/form-data" class="space-y-6">
|
|
@csrf
|
|
|
|
@include('student-achievements._form')
|
|
|
|
<div class="flex items-center justify-end gap-3 border-t border-slate-200 pt-5">
|
|
<a href="{{ route('student-achievements.index') }}" class="inline-flex items-center gap-2 rounded-2xl border border-slate-200 px-5 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-50">
|
|
<i class="fa-solid fa-arrow-left"></i>
|
|
<span>Batal</span>
|
|
</a>
|
|
<button type="submit" class="inline-flex items-center gap-2 rounded-2xl bg-slate-900 px-5 py-3 text-sm font-semibold text-white transition hover:bg-slate-800">
|
|
<i class="fa-solid fa-floppy-disk"></i>
|
|
<span>Simpan</span>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</x-master-card>
|
|
|
|
<x-master-card title="Tips Input Cepat" subtitle="Biar admin tidak perlu mikir ulang saat entry data prestasi.">
|
|
<div class="space-y-4 text-sm text-slate-600">
|
|
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4">
|
|
<div class="flex items-center gap-2 font-semibold text-slate-800"><i class="fa-solid fa-user-check text-amber-500"></i><span>1. Pilih siswa dulu</span></div>
|
|
<p class="mt-1 text-slate-500">Gunakan pencarian nama, NIS, atau NISN supaya tidak salah kaitkan prestasi.</p>
|
|
</div>
|
|
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4">
|
|
<div class="flex items-center gap-2 font-semibold text-slate-800"><i class="fa-solid fa-star text-indigo-500"></i><span>2. Isi nama prestasi yang spesifik</span></div>
|
|
<p class="mt-1 text-slate-500">Contoh yang bagus: Olimpiade Matematika Kabupaten, bukan hanya "Lomba Matematika".</p>
|
|
</div>
|
|
<div class="rounded-2xl border border-slate-200 bg-slate-50 px-4 py-4">
|
|
<div class="flex items-center gap-2 font-semibold text-slate-800"><i class="fa-solid fa-file-circle-plus text-emerald-500"></i><span>3. Lampiran tidak wajib langsung</span></div>
|
|
<p class="mt-1 text-slate-500">Kalau piagam atau foto belum ada, data tetap bisa disimpan dulu lalu diedit belakangan.</p>
|
|
</div>
|
|
</div>
|
|
</x-master-card>
|
|
</div>
|
|
</x-master-page>
|