From eb6d8c425681e7625590dd3b8029e7f7fba206e9 Mon Sep 17 00:00:00 2001
From: Novy San87 <novysan87@smkn1-wonorejo.sch.id>
Date: Thu, 6 Aug 2026 21:44:52 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20Data=20Wali=20Murid=20terpisah=20?=
 =?UTF-8?q?=E2=80=94=20halaman=20khusus=20(daftar=20akun=20+=20anak=20+=20?=
 =?UTF-8?q?reset=20password),=20user=20internal=20difilter=20dari=20role?=
 =?UTF-8?q?=20parent?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/Http/Controllers/Admin/UserController.php |   2 +-
 .../Controllers/Admin/WaliMuridController.php |  39 ++++
 resources/views/layouts/app.blade.php         |   1 +
 resources/views/parents/index.blade.php       | 172 ++++++++++++++++++
 routes/web.php                                |   1 +
 5 files changed, 214 insertions(+), 1 deletion(-)
 create mode 100644 app/Http/Controllers/Admin/WaliMuridController.php
 create mode 100644 resources/views/parents/index.blade.php

diff --git a/app/Http/Controllers/Admin/UserController.php b/app/Http/Controllers/Admin/UserController.php
index 4f2a6f3..dc6526e 100644
--- a/app/Http/Controllers/Admin/UserController.php
+++ b/app/Http/Controllers/Admin/UserController.php
@@ -16,7 +16,7 @@ class UserController extends Controller
 {
     public function index(Request $request): View
     {
-        $query = User::query();
+        $query = User::query()->where('role', '!=', 'parent'); // wali murid punya halaman sendiri
 
         if ($request->filled('search')) {
             $search = $request->search;
diff --git a/app/Http/Controllers/Admin/WaliMuridController.php b/app/Http/Controllers/Admin/WaliMuridController.php
new file mode 100644
index 0000000..59305a0
--- /dev/null
+++ b/app/Http/Controllers/Admin/WaliMuridController.php
@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Http\Controllers\Admin;
+
+use App\Http\Controllers\Controller;
+use App\Models\User;
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+
+class WaliMuridController extends Controller
+{
+    /**
+     * Data akun wali murid (terpisah dari user internal sekolah).
+     */
+    public function index(Request $request): View
+    {
+        $query = User::query()
+            ->where('role', 'parent')
+            ->with(['parentStudents' => fn ($q) => $q->with('student:id,nisn,full_name,class_name')]);
+
+        if ($request->filled('search')) {
+            $search = $request->search;
+            $query->where(function ($q) use ($search) {
+                $q->where('name', 'like', "%{$search}%")
+                    ->orWhere('username', 'like', "%{$search}%")
+                    ->orWhere('phone', 'like', "%{$search}%");
+            });
+        }
+
+        $users = $query->orderByDesc('created_at')->paginate(20);
+
+        $total = User::where('role', 'parent')->count();
+        $totalAktif = User::where('role', 'parent')
+            ->whereHas('parentStudents', fn ($q) => $q->where('status', 'active'))
+            ->count();
+
+        return view('parents.index', compact('users', 'total', 'totalAktif'));
+    }
+}
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 30fe271..d64aef1 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -198,6 +198,7 @@
                 <x-nav-item href="{{ route('point-audit.index') }}" icon="clock-rotate-left" :active="request()->routeIs('point-audit.*')">Riwayat Poin</x-nav-item>
                 @endcanPermission
                 @canPermission('parents-verify')
+                <x-nav-item href="{{ route('parents.index') }}" icon="people-roof" :active="request()->routeIs('parents.index')">Data Wali Murid</x-nav-item>
                 <x-nav-item href="{{ route('parents.verification') }}" icon="user-check" :active="request()->routeIs('parents.verification')">Verifikasi Wali</x-nav-item>
                 @endcanPermission
                 @canPermission('manage-school-info')
diff --git a/resources/views/parents/index.blade.php b/resources/views/parents/index.blade.php
new file mode 100644
index 0000000..e90333f
--- /dev/null
+++ b/resources/views/parents/index.blade.php
@@ -0,0 +1,172 @@
+@extends('layouts.app')
+
+@section('title', 'Data Wali Murid')
+
+@section('content')
+<div class="space-y-6">
+
+    {{-- Header --}}
+    <div class="relative overflow-hidden rounded-2xl bg-gradient-to-br from-blue-600 via-blue-700 to-indigo-900 shadow-lg">
+        <div class="absolute inset-0 opacity-10" style="background-image: radial-gradient(circle at 20% 30%, white 1.5px, transparent 1.5px); background-size: 22px 22px;"></div>
+        <div class="absolute -right-16 -top-16 w-64 h-64 rounded-full bg-white/10 blur-2xl"></div>
+        <div class="relative px-6 py-6 lg:px-8 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+            <div class="flex items-start gap-4">
+                <div class="hidden sm:flex items-center justify-center w-14 h-14 rounded-2xl bg-white/15 backdrop-blur border border-white/20">
+                    <i class="fa-solid fa-people-roof text-xl text-white"></i>
+                </div>
+                <div>
+                    <h1 class="text-2xl font-bold text-white tracking-tight">Data Wali Murid</h1>
+                    <p class="text-sm text-slate-300 mt-1">Akun orang tua/wali pengguna aplikasi SiMURID (terpisah dari user internal)</p>
+                </div>
+            </div>
+            <div class="flex items-center gap-2">
+                <span class="inline-flex items-center gap-2 px-4 py-2 rounded-xl bg-white/15 backdrop-blur border border-white/20 text-white text-sm font-semibold">
+                    <i class="fa-solid fa-users"></i> {{ $total }} akun
+                </span>
+                <span class="inline-flex items-center gap-2 px-4 py-2 rounded-xl bg-white/15 backdrop-blur border border-white/20 text-white text-sm font-semibold">
+                    <i class="fa-solid fa-user-check"></i> {{ $totalAktif }} aktif
+                </span>
+            </div>
+        </div>
+    </div>
+
+    @if(session('success'))
+    <div class="rounded-xl bg-emerald-50 border border-emerald-200 text-emerald-800 px-4 py-3 text-sm flex items-center gap-2">
+        <i class="fa-solid fa-circle-check text-emerald-500"></i> {{ session('success') }}
+    </div>
+    @endif
+
+    @if(session('error'))
+    <div class="rounded-xl bg-red-50 border border-red-200 text-red-800 px-4 py-3 text-sm flex items-center gap-2">
+        <i class="fa-solid fa-circle-xmark text-red-500"></i> {{ session('error') }}
+    </div>
+    @endif
+
+    {{-- Daftar wali --}}
+    <div class="bg-white rounded-2xl shadow-sm border border-slate-200 overflow-hidden">
+        <div class="px-5 py-4 border-b border-slate-100 flex flex-col sm:flex-row sm:items-center justify-between gap-3">
+            <h2 class="font-semibold text-gray-900">Daftar Akun Wali Murid</h2>
+            <form method="GET" class="flex gap-2">
+                <input type="text" name="search" value="{{ request('search') }}" placeholder="Cari nama / username / HP..."
+                    class="text-sm rounded-xl border-slate-200 focus:ring-blue-500 focus:border-blue-500 px-4 py-2">
+                <button type="submit" class="px-4 py-2 rounded-xl bg-blue-600 hover:bg-blue-700 text-white text-sm font-semibold">
+                    <i class="fa-solid fa-magnifying-glass"></i>
+                </button>
+            </form>
+        </div>
+
+        @if($users->isEmpty())
+        <div class="px-5 py-12 text-center text-slate-400">
+            <i class="fa-solid fa-people-roof text-4xl mb-3"></i>
+            <p class="text-sm">Belum ada akun wali murid terdaftar.</p>
+        </div>
+        @else
+        <div class="overflow-x-auto">
+            <table class="min-w-full divide-y divide-slate-100">
+                <thead class="bg-slate-50">
+                    <tr class="text-left text-xs font-semibold text-slate-500 uppercase tracking-wider">
+                        <th class="px-5 py-3">Wali</th>
+                        <th class="px-5 py-3">Nomor HP</th>
+                        <th class="px-5 py-3">Putra/Putri Tertaut</th>
+                        <th class="px-5 py-3">Terdaftar</th>
+                        <th class="px-5 py-3 text-right">Aksi</th>
+                    </tr>
+                </thead>
+                <tbody class="divide-y divide-slate-50">
+                    @foreach($users as $user)
+                    <tr class="hover:bg-slate-50/60">
+                        <td class="px-5 py-3">
+                            <div class="flex items-center gap-3">
+                                <div class="w-9 h-9 rounded-xl bg-blue-100 text-blue-700 flex items-center justify-center font-bold text-sm">
+                                    {{ strtoupper(substr($user->name, 0, 1)) }}
+                                </div>
+                                <div>
+                                    <p class="font-semibold text-sm text-gray-800">{{ $user->name }}</p>
+                                    <p class="text-xs text-slate-400">{{ $user->username }}</p>
+                                </div>
+                            </div>
+                        </td>
+                        <td class="px-5 py-3 text-sm text-slate-600">{{ $user->phone ?? '-' }}</td>
+                        <td class="px-5 py-3">
+                            @if($user->parentStudents->isEmpty())
+                            <span class="text-xs text-slate-400">Belum ada tautan</span>
+                            @else
+                            <div class="flex flex-col gap-1">
+                                @foreach($user->parentStudents as $link)
+                                <span class="inline-flex items-center gap-1.5 text-xs">
+                                    <i class="fa-solid fa-graduation-cap text-slate-300"></i>
+                                    {{ $link->student?->full_name ?? 'Siswa' }}
+                                    @if($link->status === 'active')
+                                    <span class="px-1.5 py-0.5 rounded-md bg-emerald-50 text-emerald-600 text-[10px] font-semibold">Aktif</span>
+                                    @elseif($link->status === 'pending')
+                                    <span class="px-1.5 py-0.5 rounded-md bg-amber-50 text-amber-600 text-[10px] font-semibold">Menunggu</span>
+                                    @else
+                                    <span class="px-1.5 py-0.5 rounded-md bg-red-50 text-red-500 text-[10px] font-semibold">Ditolak</span>
+                                    @endif
+                                </span>
+                                @endforeach
+                            </div>
+                            @endif
+                        </td>
+                        <td class="px-5 py-3 text-xs text-slate-400">{{ $user->created_at?->format('d M Y') }}</td>
+                        <td class="px-5 py-3 text-right">
+                            <button onclick="resetWaliPassword({{ $user->id }}, '{{ addslashes($user->name) }}')"
+                                class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-amber-50 text-amber-600 hover:bg-amber-100 text-xs font-semibold transition">
+                                <i class="fa-solid fa-key"></i> Reset Password
+                            </button>
+                        </td>
+                    </tr>
+                    @endforeach
+                </tbody>
+            </table>
+        </div>
+        <div class="px-5 py-3 border-t border-slate-100">
+            {{ $users->links() }}
+        </div>
+        @endif
+    </div>
+</div>
+
+@push('scripts')
+<script>
+function resetWaliPassword(userId, userName) {
+    Swal.fire({
+        title: 'Reset Password — ' + userName,
+        html: '<input type="password" id="new-password" class="swal2-input" placeholder="Password baru (min. 6 karakter)" minlength="6">' +
+              '<input type="password" id="confirm-password" class="swal2-input" placeholder="Konfirmasi password">',
+        confirmButtonText: '<i class="fa-solid fa-floppy-disk"></i> Simpan',
+        showCancelButton: true,
+        cancelButtonText: 'Batal',
+        preConfirm: () => {
+            const pwd = document.getElementById('new-password').value;
+            const confirm = document.getElementById('confirm-password').value;
+            if (!pwd || pwd.length < 6) {
+                Swal.showValidationMessage('Password minimal 6 karakter');
+                return false;
+            }
+            if (pwd !== confirm) {
+                Swal.showValidationMessage('Password tidak cocok');
+                return false;
+            }
+            return pwd;
+        }
+    }).then((result) => {
+        if (result.isConfirmed) {
+            fetch('{{ url('users') }}/' + userId + '/reset-password', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                    'Accept': 'application/json',
+                },
+                body: JSON.stringify({ new_password: result.value }),
+            }).then(r => {
+                if (r.redirected) window.location.href = r.url;
+                else location.reload();
+            });
+        }
+    });
+}
+</script>
+@endpush
+@endsection
diff --git a/routes/web.php b/routes/web.php
index 50892bf..a9dfcb3 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -141,6 +141,7 @@ Route::middleware('auth')->group(function () {
     });
 
     Route::middleware('permission:parents-verify')->group(function () {
+        Route::get('/parents', [\App\Http\Controllers\Admin\WaliMuridController::class, 'index'])->name('parents.index');
         Route::get('/parents/verification', [\App\Http\Controllers\Admin\ParentVerificationController::class, 'index'])->name('parents.verification');
         Route::post('/parents/verification/{link}/approve', [\App\Http\Controllers\Admin\ParentVerificationController::class, 'approve'])->name('parents.verification.approve');
         Route::post('/parents/verification/{link}/reject', [\App\Http\Controllers\Admin\ParentVerificationController::class, 'reject'])->name('parents.verification.reject');