Initial commit
This commit is contained in:
@@ -0,0 +1,112 @@
|
||||
@php
|
||||
try {
|
||||
$branding = \App\Models\AppSetting::branding();
|
||||
} catch (\Throwable $e) {
|
||||
$branding = \App\Models\AppSetting::brandingDefaults();
|
||||
}
|
||||
|
||||
$publicLogo = $branding['public_portal_logo'] ?: ($branding['app_logo'] ?? null);
|
||||
@endphp
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<title>Pelengkapan Data Siswa - {{ $branding['app_name'] ?? 'Database Kesiswaan' }}</title>
|
||||
@if (!empty($branding['app_favicon']))
|
||||
<link rel="icon" type="image/png" href="{{ asset('storage/' . $branding['app_favicon']) }}">
|
||||
@endif
|
||||
@vite(['resources/css/app.css', 'resources/js/app.js'])
|
||||
</head>
|
||||
<body class="min-h-screen bg-slate-100 font-sans text-slate-900 antialiased">
|
||||
<div class="relative min-h-screen overflow-hidden bg-[radial-gradient(circle_at_top_left,_rgba(99,102,241,0.18),_transparent_30%),radial-gradient(circle_at_bottom_right,_rgba(14,165,233,0.12),_transparent_30%)]">
|
||||
<div class="absolute inset-0 bg-[linear-gradient(to_bottom,_rgba(255,255,255,0.78),_rgba(248,250,252,0.98))]"></div>
|
||||
|
||||
<div class="relative mx-auto max-w-6xl px-4 py-10 sm:px-6 lg:px-8">
|
||||
<div class="mb-8 flex justify-center text-center">
|
||||
<div class="inline-flex items-center gap-3 rounded-full border border-indigo-100 bg-white/90 px-4 py-2 shadow-sm shadow-slate-200/60">
|
||||
<div class="flex h-9 w-9 items-center justify-center overflow-hidden rounded-2xl bg-indigo-600 text-sm font-bold text-white shadow-lg shadow-indigo-200">
|
||||
@if (!empty($publicLogo))
|
||||
<img src="{{ asset('storage/' . $publicLogo) }}" alt="{{ $branding['app_name'] }}" class="h-full w-full object-contain bg-white p-1">
|
||||
@else
|
||||
{{ $branding['app_short_name'] ?? 'DK' }}
|
||||
@endif
|
||||
</div>
|
||||
<div class="text-left">
|
||||
<div class="text-sm font-semibold text-slate-900">{{ $branding['app_name'] ?? 'Database Kesiswaan' }}</div>
|
||||
<div class="text-xs text-slate-500">Portal Pelengkapan Siswa</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
</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>
|
||||
|
||||
@if ($errors->any())
|
||||
<div class="mb-6 rounded-2xl border border-rose-200 bg-rose-50 px-5 py-4 text-sm text-rose-700">
|
||||
<ul class="list-disc space-y-1 pl-5">
|
||||
@foreach ($errors->all() as $error)
|
||||
<li>{{ $error }}</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<form method="POST" action="{{ route('public.student-self-service.verify') }}" class="space-y-4">
|
||||
@csrf
|
||||
<div class="flex flex-col gap-4 lg:flex-row lg:items-end">
|
||||
<div class="flex-1">
|
||||
<label for="identity_number" class="mb-2 block text-sm font-semibold text-slate-700">NIS atau NISN</label>
|
||||
<input
|
||||
id="identity_number"
|
||||
name="identity_number"
|
||||
type="text"
|
||||
value="{{ old('identity_number') }}"
|
||||
class="h-[50px] w-full rounded-2xl border border-slate-200 bg-white px-4 text-sm text-slate-700 placeholder:text-slate-400 focus:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-100"
|
||||
placeholder="Masukkan NIS atau NISN"
|
||||
required
|
||||
>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<label for="access_code" class="mb-2 block text-sm font-semibold text-slate-700">Kode Akses</label>
|
||||
<input
|
||||
id="access_code"
|
||||
name="access_code"
|
||||
type="text"
|
||||
value="{{ old('access_code') }}"
|
||||
class="h-[50px] w-full rounded-2xl border border-slate-200 bg-white px-4 uppercase text-sm text-slate-700 placeholder:text-slate-400 focus:border-indigo-300 focus:outline-none focus:ring-2 focus:ring-indigo-100"
|
||||
placeholder="Masukkan kode akses dari sekolah"
|
||||
required
|
||||
>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
<p class="text-xs text-slate-400">Setelah verifikasi berhasil, Anda dapat melengkapi biodata, alamat, dan data orang tua/wali.</p>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user