From d51df1583ef8125f00a9f585eb0f3204f78167cc Mon Sep 17 00:00:00 2001 From: zhadaarsita Date: Wed, 25 Feb 2026 05:06:29 +0700 Subject: [PATCH] Feat: reset password ui with OTP --- resources/views/admin/dashboard.blade.php | 2 +- .../views/admin/pengguna/index.blade.php | 230 +++++++++++------- resources/views/auth/login.blade.php | 132 ++++++---- .../auth/reset-password-request.blade.php | 135 ++++++++++ resources/views/dashboard.blade.php | 29 ++- resources/views/layouts/guest.blade.php | 1 - routes/web.php | 5 + 7 files changed, 391 insertions(+), 143 deletions(-) create mode 100644 resources/views/auth/reset-password-request.blade.php diff --git a/resources/views/admin/dashboard.blade.php b/resources/views/admin/dashboard.blade.php index 042b85e..a17b2f8 100644 --- a/resources/views/admin/dashboard.blade.php +++ b/resources/views/admin/dashboard.blade.php @@ -1,5 +1,5 @@ - @section('page-title', 'Dashboard Admin') + @section('page-title', 'Beranda') {{-- Welcome card Section --}}
diff --git a/resources/views/admin/pengguna/index.blade.php b/resources/views/admin/pengguna/index.blade.php index 0f40a16..32ccc89 100644 --- a/resources/views/admin/pengguna/index.blade.php +++ b/resources/views/admin/pengguna/index.blade.php @@ -9,17 +9,18 @@
Daftar Pengguna Aktif
- +
- + Tambah Pengguna @@ -41,47 +42,58 @@ @forelse($users as $index => $user) - - {{ $users->firstItem() + $index }} - {{ $user->name }} - -
{{ $user->email }}
-
{{ $user->no_hp ?? '-' }}
- - - @if($user->role == 'guru') - Guru - @elseif($user->role == 'siswa') - Siswa - @else - Petugas - @endif - - - {{ $user->nisn ?? ($user->nip ?? '-') }} - - - @if($user->role == 'siswa') - Kelas: {{ $user->kelas ?? '-' }} / {{ $user->golongan ?? '-' }} - @else - - - @endif - - - - Edit - -
- @csrf - @method('DELETE') - -
- - + + {{ $users->firstItem() + $index }} + {{ $user->name }} + +
{{ $user->email }}
+
{{ $user->no_hp ?? + '-' }}
+ + + @if($user->role == 'guru') + Guru + @elseif($user->role == 'siswa') + Siswa + @else + Petugas + @endif + + + {{ $user->nisn ?? ($user->nip ?? '-') }} + + + @if($user->role == 'siswa') + Kelas: {{ $user->kelas ?? '-' }} / {{ + $user->golongan ?? '-' }} + @else + - + @endif + + + + Edit + + + + +
+ @csrf + @method('DELETE') + +
+ + @empty - - Belum ada pengguna terdaftar. - + + Belum ada pengguna terdaftar. + @endforelse @@ -97,7 +109,8 @@ {{-- BAGIAN DATA INDUK (WHITELIST) --}}
-

Data Induk (Whitelist)

+

Data Induk (Whitelist) +

Daftar NIP/NISN yang diizinkan untuk mendaftar.

- - - + + {{ $index + 1 }} + {{ $item->nomor_induk }} + {{ $item->nama_pemilik }} + + @if($item->role == 'guru') + Guru + @elseif($item->role == 'siswa') + Siswa + @else + Petugas + @endif + + + @php + $isRegistered = \App\Models\User::where('nisn', $item->nomor_induk)->orWhere('nip', + $item->nomor_induk)->exists(); + @endphp + @if ($isRegistered) + Terdaftar + @else + Belum Daftar + @endif + + +
+ @csrf + @method('DELETE') + +
+ + @empty - - Belum ada data whitelist. Silakan tambah data. - + + Belum ada data whitelist. Silakan + tambah data. + @endforelse @@ -192,11 +210,13 @@
- +
- +
@@ -257,6 +277,48 @@ Toast.fire({ icon: 'success', title: 'Berhasil', text: '{{ session("success") }}' }); }); @endif + + // GENERATE OTP & LINK RESET + $(document).on('click', '.btn-reset-password', function() { + const nama = $(this).data('nama'); + const otpCode = "678901"; + const linkReset = "{{ route('reset.password-request') }}"; + + modernSwal.fire({ + title: 'Generate OTP Reset?', + html: `Anda akan membuat Token Reset Password untuk ${nama}.`, + icon: 'question', + showCancelButton: true, + confirmButtonText: 'Ya, Generate', + cancelButtonText: 'Batal', + confirmButtonColor: '#0d6efd' + }).then((result) => { + if (result.isConfirmed) { + modernSwal.fire({ + title: 'Generating...', timer: 1000, didOpen: () => Swal.showLoading() + }).then(() => { + modernSwal.fire({ + title: 'OTP Berhasil Dibuat!', + html: ` +
+

Kode OTP:

+

${otpCode}

+

Link Reset:

+
+ +
+
+
+ Silakan salin Kode OTP & Link di atas lalu kirim ke WhatsApp user. +
+ `, + icon: 'success', + confirmButtonText: 'Selesai' + }); + }); + } + }); + }); @endpush \ No newline at end of file diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php index 46cb28e..5faa683 100644 --- a/resources/views/auth/login.blade.php +++ b/resources/views/auth/login.blade.php @@ -1,69 +1,117 @@ @if ($errors->has('forbidden')) - + @endif
@csrf + {{-- HEADER LOGIN --}}
- {{-- Judul dinamis --}} -

Login {{ Str::title($role) }}

-

+

+ +
+

Login {{ Str::title($role) }}

+

@if ($role == 'siswa') - Masukan NISN dan kata sandi Anda. + Silakan masukkan NISN dan kata sandi. @else - Masukan NIP/NIK dan kata sandi Anda. + Silakan masukkan NIP/NIK dan kata sandi. @endif

- {{-- Form dinamis --}} - @if ($role == 'siswa') -
- - - -
- @else -
- - - -
- @endif - + {{-- INPUT USERNAME (NISN/NIP) --}}
- +
- -
+ {{-- Error Message --}} + @if ($role == 'siswa') + + @else + + @endif +
+ + {{-- INPUT PASSWORD --}} +
+
+ +
+
+ + + + +
+
-
- + {{-- TOMBOL LOGIN --}} +
+
- {{-- Link href untuk ke Register --}} - {{--

- @if ($role == 'siswa') - Belum punya akun? - Daftar sebagai Siswa - @else - Belum punya akun? - Daftar sebagai Guru - @endif -

--}} + {{-- BANTUAN / LUPA PASSWORD --}} +
+

Mengalami kendala login?

+ + Hubungi Petugas via WA + +
-

- Kembali ke halaman utama. -

+
+ + Kembali ke Halaman Utama + +
+ + \ No newline at end of file diff --git a/resources/views/auth/reset-password-request.blade.php b/resources/views/auth/reset-password-request.blade.php new file mode 100644 index 0000000..3aa623a --- /dev/null +++ b/resources/views/auth/reset-password-request.blade.php @@ -0,0 +1,135 @@ + + {{-- VERIFIKASI OTP --}} +
+
+

Verifikasi Kode OTP

+

Masukkan 6 digit kode yang diberikan Admin via WhatsApp.

+
+ +
+
+ + +
+ +
+ +
+ +
+ + Kembali ke Login + +
+
+
+ + {{-- PASSWORD BARU --}} +
+
+

Buat Kata Sandi Baru

+

OTP Valid! Silakan buat kata sandi baru Anda.

+
+ +
+ {{-- Password Utama --}} +
+ +
+ + +
+
+ + {{-- Konfirmasi Password --}} +
+ +
+ + +
+
+ +
+ +
+
+
+ + + + + + \ No newline at end of file diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php index 93dbfac..f4f919f 100644 --- a/resources/views/dashboard.blade.php +++ b/resources/views/dashboard.blade.php @@ -1,11 +1,6 @@ @section('page-title', 'Beranda') - {{-- --}} - {{-- CEK STATUS BANNED --}} @if (Auth::user()->is_banned) @endif + {{-- HERO SECTION --}}
@@ -38,7 +34,7 @@
- Ilustrasi Dashboard + Ilustrasi Beranda
@@ -214,11 +210,17 @@ class="badge bg-{{ $item['type'] }}-soft text-{{ $item['type'] }} rounded-pill p @forelse($bukuPinjamOffline as $buku)
-
- - Sisa: {{ $buku['sisa_hari'] }} hari -
+ @if($buku['sisa_hari'] < 0) +
+ + Terlambat: {{ abs($buku['sisa_hari']) }} hari +
+ @else +
+ + Sisa: {{ $buku['sisa_hari'] }} hari +
+ @endif
@empty @@ -312,7 +314,6 @@ class="d-flex gap-3 text-decoration-none text-dark mb-3">
@endif - - -