[error logic]

app/Exceptions/Handler.php

@@ -27,4 +27,17 @@ public function register(): void
             //
         });
     }
+
+    public function render($request, Throwable $exception)
+{
+    if ($exception instanceof \Symfony\Component\HttpKernel\Exception\HttpException) {
+        $statusCode = $exception->getStatusCode();
+        if (view()->exists("errors.{$statusCode}")) {
+            return response()->view("errors.{$statusCode}", [], $statusCode);
+        }
+    }
+
+    return parent::render($request, $exception);
+}
+
 }

app/Http/Controllers/AuthController.php

@@ -18,37 +18,33 @@ public function showLogin()
     }
 
     /**
-     * Proses login.
+     * Proses login (bisa dengan Email atau NIS).
      */
     public function login(Request $request)
     {
         // Validasi input
         $request->validate([
-            'email'    => 'required|email',
-            'password' => 'required',
+            'identifier' => 'required', // Bisa Email atau NIS
+            'password'   => 'required',
         ]);
 
-        // Ambil kredensial
-        $credentials = $request->only('email', 'password');
+        // Coba autentikasi menggunakan Email atau NIS
+        $credentials = [
+            filter_var($request->identifier, FILTER_VALIDATE_EMAIL) ? 'email' : 'nis' => $request->identifier,
+            'password' => $request->password,
+        ];
 
-        // Coba autentikasi menggunakan kredensial
         if (Auth::attempt($credentials)) {
-            // Regenerasi session untuk menghindari session fixation
             $request->session()->regenerate();
-
-            // Ambil data user yang telah login
             $user = Auth::user();
 
-            // Redirect sesuai role user
-            if ($user->role === 'admin') {
-                return redirect()->route('admin.dashboard')->with('success', 'Selamat datang Admin!');
-            } else {
-                return redirect()->route('dashboardSantri')->with('success', 'Selamat datang Santri!');
-            }
+            // Redirect berdasarkan role
+            return $user->role === 'admin'
+                ? redirect()->route('admin.dashboard')->with('success', 'Selamat datang Admin!')
+                : redirect()->route('dashboardSantri')->with('success', 'Selamat datang Santri!');
         }
 
-        // Jika autentikasi gagal, kembalikan ke halaman login dengan error
-        return back()->withErrors(['email' => 'Email / Password salah.']);
+        return back()->withErrors(['identifier' => 'NIS/Email atau Password salah.']);
     }
 
     /**
@@ -76,30 +72,30 @@ public function showRegister()
      */
     public function register(Request $request)
     {
-        // Validasi input pendaftaran
+        // Validasi input
         $request->validate([
-            'name'           => 'required|string|max:255',
-            'nis'            => 'required|string|max:50|unique:users,nis',
-            'email'          => 'required|email|unique:users,email',
-            'password'       => 'required|min:6',
-            'jenis_kelamin'  => 'required|in:Laki-laki,Perempuan',
-            'asal_daerah'    => 'required|in:dalamProvinsi,luarProvinsi',
+            'name'          => 'required|string|max:255',
+            'nis'           => 'required|string|max:50|unique:users,nis',
+            'email'         => 'required|email|unique:users,email',
+            'password'      => 'required|min:6',
+            'jenis_kelamin' => 'required|in:Laki-laki,Perempuan',
+            'asal_daerah'   => 'required|in:Dalam Provinsi,Luar Provinsi',
         ]);
 
-        // Buat user baru dengan role "santri"
+        // Buat user baru
         $user = User::create([
-            'name'           => $request->name,
-            'nis'            => $request->nis,
-            'email'          => $request->email,
-            'password'       => Hash::make($request->password),
-            'role'           => 'santri',
-            'jenis_kelamin'  => $request->jenis_kelamin,
-            'asal_daerah'    => $request->asal_daerah,
+            'name'          => $request->name,
+            'nis'           => $request->nis,
+            'email'         => $request->email,
+            'password'      => Hash::make($request->password),
+            'role'          => 'santri',
+            'jenis_kelamin' => $request->jenis_kelamin,
+            'asal_daerah'   => $request->asal_daerah,
         ]);
 
-        // Login user secara otomatis
+        // Login otomatis setelah register
         Auth::login($user);
 
-        return redirect()->route('dashboardSantri')->with('success', 'Pendaftaran Santri berhasil!');
+        return redirect()->route('dashboardSantri')->with('success', 'Pendaftaran berhasil!');
     }
 }

app/Http/Controllers/ClassificationController.php

@@ -83,14 +83,6 @@ public function classificationResult()
 
         return view('pages.admin.class-result'); // Pastikan view ini telah dibuat
     }
-
-
-
-    public function showExamData()
-    {
-        // Tambahkan logika untuk mengolah dan menampilkan hasil klasifikasi
-        // Misalnya, menjalankan algoritma atau mengambil data dari model
-
-        return view('pages.admin.exam-data'); // Pastikan view ini telah dibuat
-    }
 }
+
+

app/Http/Controllers/HitungController.php

@@ -31,7 +31,7 @@ public function processCounting(Request $request)
         $request->validate([
             'year'    => 'required|integer',
             'alquran' => 'required|integer|min:0|max:606',   // maksimal 606 halaman
-            'alhadis' => 'required|integer|min:0|max:1997',  // maksimal 1997 halaman
+            'alhadis' => 'required|integer|min:0|max:2174',  // maksimal 2174 halaman
         ]);
 
         // Buat objek Carbon dari "1 Januari [tahun angkatan]"
@@ -46,19 +46,19 @@ public function processCounting(Request $request)
         $n = 0;
         $status = 'Tidak Tercapai';
 
-        // 1) Jika jumlah halaman (y) >= 2603, langsung "Tercapai"
-        if ($y >= 2603) {
+        // 1) Jika jumlah halaman (y) >= 2780, langsung "Tercapai"
+        if ($y >= 2780) {
             $n = 100;  // Anda dapat mengganti nilai sesuai kebutuhan
             $status = 'Tercapai';
         }
-        // 2) Jika y < 2603 dan x > 0, hitung kecepatan pencapaian
+        // 2) Jika y < 2780 dan x > 0, hitung kecepatan pencapaian
         elseif ($x > 0) {
             $userSpeed   = $y / $x;
-            $targetSpeed = 2603 / 1095;
+            $targetSpeed = 2780 / 1095;
             $n = ($userSpeed / $targetSpeed) * 100;
             $status = $n >= 100 ? 'Tercapai' : 'Tidak Tercapai';
         }
-        // 3) Jika x == 0 dan y < 2603, nilai default tetap 0 dengan status "Tidak Tercapai"
+        // 3) Jika x == 0 dan y < 2780, nilai default tetap 0 dengan status "Tidak Tercapai"
 
         // Simpan data ke database
         Riwayat::create([

app/Http/Controllers/SantriController.php

@@ -59,7 +59,7 @@ public function updateProfile(Request $request)
         $request->validate([
             'name'        => 'required|string|max:255',
             'email'       => 'required|email|unique:users,email,' . $user->id,
-            'asal_daerah' => 'required|in:dalamProvinsi,luarProvinsi',
+            'asal_daerah' => 'required|in:Dalam Provinsi,Luar Provinsi',
             'password'    => 'nullable|min:6|same:password_confirmation',
         ], [
             'password.same' => 'Konfirmasi password tidak cocok.',

app/Http/Controllers/TestDataController.php

@@ -10,98 +10,198 @@
 
 class TestDataController extends Controller
 {
+    
+
     public function showTestData(Request $request)
     {
-        $percentage = $request->input('percentage', 100);
-        $totalTrainData = TrainData::count();
-        $limit = round(($percentage / 100) * $totalTrainData);
+        $trainPercentage = $request->input('train_percentage', 80); // Default 80%
+        $testPercentage = 100 - $trainPercentage;
 
-        // **Hapus semua data uji sebelum insert baru**
-        TestData::query()->delete();
-
-        // **Ambil data latih acak sesuai persentase**
-        $trainData = TrainData::inRandomOrder()->limit($limit)->get();
-
-        // **Gunakan array untuk memastikan NIS unik**
-        $existingNIS = [];
-
-        foreach ($trainData as $data) {
-            if (!in_array($data->nis, $existingNIS)) {
-                TestData::create([
-                    'nama' => $data->nama,
-                    'jenis_kelamin' => $data->jenis_kelamin,
-                    'nis' => $data->nis,
-                    'asal_daerah' => $data->asal_daerah,
-                    'tahun_angkatan' => $data->tahun_angkatan,
-                    'alquran' => $data->alquran,
-                    'alhadis' => $data->alhadis,
-                    'status' => $data->status,
-                    'created_at' => now(),
-                    'updated_at' => now(),
-                ]);
-                $existingNIS[] = $data->nis;
-            }
-        }
+        $totalTrainData = TrainData::count();  // Total data latih
+        $trainLimit = round(($trainPercentage / 100) * $totalTrainData);
+        $testLimit = round(($testPercentage / 100) * $totalTrainData);  // Total data uji
 
+        
+        // $totalTrainData = TrainData::count();
+        dump($totalTrainData);
+        // $trainLimit = round(($trainPercentage / 100) * $totalTrainData);
+        // $testLimit = round(($testPercentage / 100) * $totalTrainData);
+        dump($testLimit);
+        // Ambil data latih sesuai dengan persentase yang dikirim
+        $trainData = TrainData::inRandomOrder()->limit($trainLimit)->get(); // Ambil data latih sesuai persentase
+        dump($trainData);
+        // Ambil data uji sesuai dengan sisa data setelah pengambilan data latih
+        $testData = TestData::inRandomOrder()->limit($testLimit)->get();  // Ambil data uji sesuai limit
+    
         // **Jalankan klasifikasi otomatis**
-        $this->classifyData();
-
-        // **Ambil kembali data uji**
-        $testData = TestData::all();
+        $this->classifyData($trainData, $testData);
         $totalTestData = $testData->count();
+        dump($totalTestData);
+        // Total Test Data
+        dd($testData);
+
+        // Akurasi dan Evaluasi
+        $correctPredictions = $testData->filter(function ($item) {
+            return $item->status === $item->predicted_status;
+        })->count();
 
-        // **Hitung akurasi berdasarkan prediksi**
-        $correctPredictions = TestData::whereColumn('status', 'predicted_status')->count();
         $accuracy = ($totalTestData > 0) ? ($correctPredictions / max(1, $totalTestData)) * 100 : 0;
 
+        // Hitung TP, FP, FN, Precision, Recall, dan Probabilitas
+        $TP = $testData->filter(function ($item) {
+                return $item->status === 'Tercapai' && $item->predicted_status === 'Tercapai';
+            })->count();
+
+        $FP = $testData->filter(function ($item) {
+                return $item->status === 'Tidak Tercapai' && $item->predicted_status === 'Tercapai';
+            })->count();
+
+        $FN = $testData->filter(function ($item) {
+                return $item->status === 'Tercapai' && $item->predicted_status === 'Tidak Tercapai';
+            })->count();
+
+        $precision = ($TP + $FP) > 0 ? ($TP / ($TP + $FP)) * 100 : 0;
+        $recall = ($TP + $FN) > 0 ? ($TP / ($TP + $FN)) * 100 : 0;
+
         // **Hitung probabilitas status prediksi**
         $probStatus = [
-            'Tepat' => TestData::where('predicted_status', 'Tercapai')->count() * 100 / max(1, $totalTestData),
-            'Terlambat' => TestData::where('predicted_status', 'Tidak Tercapai')->count() * 100 / max(1, $totalTestData),
+            'Tepat' => $testData->where('predicted_status', 'Tercapai')->count() * 100 / max(1, $totalTestData),
+            'Terlambat' => $testData->where('predicted_status', 'Tidak Tercapai')->count() * 100 / max(1, $totalTestData),
         ];
 
-        // **Probabilitas berdasarkan jenis kelamin**
-        $probGender = TestData::groupBy('jenis_kelamin')
-            ->selectRaw("jenis_kelamin, COUNT(*) * 100 / $totalTestData as probability")
-            ->pluck('probability', 'jenis_kelamin')
-            ->toArray();
-
-        $probGender = [
-            'Laki-laki' => $probGender['Laki-laki'] ?? 0,
-            'Perempuan' => $probGender['Perempuan'] ?? 0,
-        ];
-
-        // **Probabilitas berdasarkan asal daerah**
-        $probRegion = TestData::groupBy('asal_daerah')
-            ->selectRaw("asal_daerah, COUNT(*) * 100 / $totalTestData as probability")
-            ->pluck('probability', 'asal_daerah')
-            ->toArray();
-
         $probRegion = [
             'Dalam Provinsi' => $probRegion['Dalam Provinsi'] ?? 0,
             'Luar Provinsi' => $probRegion['Luar Provinsi'] ?? 0,
         ];
 
-        // **Hitung peluang tepat waktu berdasarkan kategori**
-        $peluangGender = TestData::groupBy('jenis_kelamin')
-            ->selectRaw("jenis_kelamin, SUM(CASE WHEN predicted_status = 'Tercapai' THEN 1 ELSE 0 END) * 100 / COUNT(*) as peluang")
-            ->pluck('peluang', 'jenis_kelamin')
-            ->toArray();
+        // **Probabilitas berdasarkan jenis kelamin**
+        $probGender = $testData->groupBy('jenis_kelamin')->map(function ($group) use ($totalTestData) {
+            return [
+                'probability' => ($group->count() * 100) / max(1, $totalTestData),
+                'count' => $group->count()
+            ];
+        })->toArray();
 
-        $peluangRegion = TestData::groupBy('asal_daerah')
-            ->selectRaw("asal_daerah, SUM(CASE WHEN predicted_status = 'Tercapai' THEN 1 ELSE 0 END) * 100 / COUNT(*) as peluang")
-            ->pluck('peluang', 'asal_daerah')
-            ->toArray();
+        $probGender = [
+            'Laki-laki' => $probGender['Laki-laki'] ?? 0,
+            'Perempuan' => $probGender['Perempuan'] ?? 0,
+        ];
 
-        return view('pages.admin.exam-data', compact(
+                // **Hitung peluang tepat waktu berdasarkan jenis kelamin**
+        $peluangGender = $testData->groupBy('jenis_kelamin')->map(function ($group) {
+            $total = $group->count();
+            $tercapai = $group->filter(function ($item) {
+                return $item->predicted_status === 'Tercapai';
+            })->count();
+
+            return [
+                'peluang' => ($tercapai * 100) / max(1, $total),
+                'count' => $total
+            ];
+        })->toArray();
+
+        // **Hitung peluang tepat waktu berdasarkan asal daerah**
+        $peluangRegion = $testData->groupBy('asal_daerah')->map(function ($group) {
+            $total = $group->count();
+            $tercapai = $group->filter(function ($item) {
+                return $item->predicted_status === 'Tercapai';
+            })->count();
+
+            return [
+                'peluang' => ($tercapai * 100) / max(1, $total),
+                'count' => $total
+            ];
+        })->toArray();
+
+            $probNumerik = [
+            'alquran' => [
+                'Tercapai' => $this->calculateMeanStdDev('alquran', 'Tercapai', $testData),
+                'Tidak Tercapai' => $this->calculateMeanStdDev('alquran', 'Tidak Tercapai', $testData),
+            ],
+            'alhadis' => [
+                'Tercapai' => $this->calculateMeanStdDev('alhadis', 'Tercapai', $testData),
+                'Tidak Tercapai' => $this->calculateMeanStdDev('alhadis', 'Tidak Tercapai', $testData),
+            ],
+            'tahun_angkatan' => [
+                'Tercapai' => $this->calculateMeanStdDev('tahun_angkatan', 'Tercapai', $testData),
+                'Tidak Tercapai' => $this->calculateMeanStdDev('tahun_angkatan', 'Tidak Tercapai', $testData),
+            ],
+        ];
+
+                $totalTercapai = $testData->where('status', 'Tercapai')->count();
+        $totalTidakTercapai = $testData->where('status', 'Tidak Tercapai')->count();
+
+                $probKelamin = [
+            'Tercapai' => [
+                'Laki-laki' => [
+                    'probability' => $totalTercapai > 0 ? $testData->where('status', 'Tercapai')->where('jenis_kelamin', 'Laki-laki')->count() / $totalTercapai : 0,
+                    'count' => $testData->where('status', 'Tercapai')->where('jenis_kelamin', 'Laki-laki')->count(),
+                ],
+                'Perempuan' => [
+                    'probability' => $totalTercapai > 0 ? $testData->where('status', 'Tercapai')->where('jenis_kelamin', 'Perempuan')->count() / $totalTercapai : 0,
+                    'count' => $testData->where('status', 'Tercapai')->where('jenis_kelamin', 'Perempuan')->count(),
+                ],
+            ],
+            'Tidak Tercapai' => [
+                'Laki-laki' => [
+                    'probability' => $totalTidakTercapai > 0 ? $testData->where('status', 'Tidak Tercapai')->where('jenis_kelamin', 'Laki-laki')->count() / $totalTidakTercapai : 0,
+                    'count' => $testData->where('status', 'Tidak Tercapai')->where('jenis_kelamin', 'Laki-laki')->count(),
+                ],
+                'Perempuan' => [
+                    'probability' => $totalTidakTercapai > 0 ? $testData->where('status', 'Tidak Tercapai')->where('jenis_kelamin', 'Perempuan')->count() / $totalTidakTercapai : 0,
+                    'count' => $testData->where('status', 'Tidak Tercapai')->where('jenis_kelamin', 'Perempuan')->count(),
+                ],
+            ],
+        ];
+
+                $probProvinsi = [
+            'Tercapai' => [
+                'Dalam Provinsi' => [
+                    'probability' => $totalTercapai > 0 ? $testData->where('status', 'Tercapai')->where('asal_daerah', 'Dalam Provinsi')->count() / $totalTercapai : 0,
+                    'count' => $testData->where('status', 'Tercapai')->where('asal_daerah', 'Dalam Provinsi')->count(),
+                ],
+                'Luar Provinsi' => [
+                    'probability' => $totalTercapai > 0 ? $testData->where('status', 'Tercapai')->where('asal_daerah', 'Luar Provinsi')->count() / $totalTercapai : 0,
+                    'count' => $testData->where('status', 'Tercapai')->where('asal_daerah', 'Luar Provinsi')->count(),
+                ],
+            ],
+            'Tidak Tercapai' => [
+                'Dalam Provinsi' => [
+                    'probability' => $totalTidakTercapai > 0 ? $testData->where('status', 'Tidak Tercapai')->where('asal_daerah', 'Dalam Provinsi')->count() / $totalTidakTercapai : 0,
+                    'count' => $testData->where('status', 'Tidak Tercapai')->where('asal_daerah', 'Dalam Provinsi')->count(),
+                ],
+                'Luar Provinsi' => [
+                    'probability' => $totalTidakTercapai > 0 ? $testData->where('status', 'Tidak Tercapai')->where('asal_daerah', 'Luar Provinsi')->count() / $totalTidakTercapai : 0,
+                    'count' => $testData->where('status', 'Tidak Tercapai')->where('asal_daerah', 'Luar Provinsi')->count(),
+                ],
+            ],
+        ];
+
+        
+        return view('pages.admin.test-data', compact(
             'testData',
             'totalTestData',
+            'totalTrainData',
+            'trainPercentage',
+            'testPercentage',
             'accuracy',
             'probStatus',
             'probGender',
             'probRegion',
             'peluangGender',
-            'peluangRegion'
+            'peluangRegion',
+            'precision',
+            'recall',
+            'probNumerik',
+            'probKelamin',
+            'totalTercapai',
+            'totalTidakTercapai',
+            'probProvinsi',
+            'testLimit',
+            'trainLimit',
+            'FP',
+            'TP',
+            'FN'
         ));
     }
 
@@ -112,50 +212,76 @@ public function showClassify()
         return view('pages.admin.class-result', compact('classifiedData'));
     }
 
-    private function classifyData()
+    private function classifyData($trainData, $testData)
     {
-        if (TestData::count() == 0) {
-            return;
-        }
-
-        // Ambil data latih untuk model
-        $trainSamples = TrainData::all()->map(function ($item) {
+        // Ambil data latih dan pisahkan fitur dan label
+        $trainSamples = $trainData->map(function ($item) {
             return [$item->alquran, $item->alhadis]; // Fitur
         })->toArray();
 
-        $trainLabels = TrainData::pluck('status')->values()->toArray();
+        $trainLabels = $trainData->pluck('status')->values()->toArray(); // Label
 
-        // Ambil data uji
-        $testSamples = TestData::all()->map(function ($item) {
-            return [$item->alquran, $item->alhadis]; // Fitur
-        })->toArray();
-
-        if (count($trainSamples) == 0 || count($testSamples) == 0) {
+        // Cek jika data latih kosong
+        if (empty($trainSamples) || empty($trainLabels)) {
+            session()->flash('error', 'Data Latih 0. Model tidak mempelajari pola apapun');
             return;
         }
 
+        // Ambil data uji dan pisahkan fitur
+        $testSamples = $testData->map(function ($item) {
+            return [$item->alquran, $item->alhadis]; // Fitur
+        })->toArray();
+
         // Jalankan Naive Bayes
         $classifier = new NaiveBayes();
-        $classifier->train($trainSamples, $trainLabels);
-        $predictedLabels = $classifier->predict($testSamples);
+        $classifier->train($trainSamples, $trainLabels); // Latih model dengan data latih
+        $predictedLabels = $classifier->predict($testSamples);  // Prediksi data uji
 
-        // Simpan hasil prediksi
-        $testData = TestData::all();
+        // Simpan hasil prediksi ke dalam TestData
         foreach ($testData as $index => $data) {
             $data->predicted_status = $predictedLabels[$index] ?? 'Belum Diklasifikasi';
             $data->save();
         }
 
-        // ✅ Tambahkan debug log untuk memastikan prediksi disimpan
-        Log::info("DEBUG: Hasil Prediksi Naive Bayes", [
-            "Total Test Data" => count($testSamples),
-            "Predicted Labels" => $predictedLabels,
-        ]);
+        Log::info("DEBUG: Predicted Labels", ["PredictedLabels" => $predictedLabels]);
     }
 
+
+
     public function resetData()
     {
         TestData::query()->delete();
         return back()->with('success', 'Data uji telah direset.');
     }
+
+    private function calculateMeanStdDev($column, $status, $testData)
+    {
+        // Filter data sesuai status dan ambil nilai kolom yang diminta
+        $data = $testData->where('status', $status)->pluck($column);
+
+        $count = $data->count();
+        $mean = $count > 0 ? $data->average() : 0;
+
+        // Hitung standar deviasi
+        $std_dev = $count > 1 ? sqrt($data->map(fn($x) => pow($x - $mean, 2))->sum() / ($count - 1)) : 0;
+
+        return [
+            'mean' => $mean,
+            'std_dev' => $std_dev
+        ];
+    }
+
+
+    public function setPercentage(Request $request)
+    {
+        // Mengambil persentase dari input pengguna atau default 80%
+        $trainPercentage = $request->input('train_percentage', 80); // Default 80%
+        $testPercentage = 100 - $trainPercentage;
+
+        // Redirect ke halaman test-data dengan persentase yang telah dipilih
+        return redirect()->route('testData.show', [
+            'train_percentage' => $trainPercentage,
+            'test_percentage' => $testPercentage,
+        ]);
+    }
 }

database/migrations/2014_10_12_000000_create_users_table.php

@@ -16,7 +16,7 @@ public function up(): void
             $table->string('password');
             $table->enum('role', ['admin', 'santri'])->default('santri');
             $table->enum('jenis_kelamin', ['Laki-laki', 'Perempuan'])->nullable();
-            $table->enum('asal_daerah', ['dalamProvinsi', 'luarProvinsi'])->nullable();
+            $table->enum('asal_daerah', ['Dalam Provinsi', 'Luar Provinsi'])->nullable();
             $table->timestamps();
         });
     }

database/seeders/UserSeeder.php

@@ -13,21 +13,30 @@ public function run()
         // Admin account
         User::create([
             'name' => null,
-            'nis'  => null, // admin tidak butuh NIS
-            'email' => 'muhammadfirdaus@gmail.com',
+            'nis'  => null,
+            'email' => 'firdaus@gmail.com',
             'password' => Hash::make('123456'), // password: 123456
             'role' => 'admin'
         ]);
 
+        User::create([
+            'name' => null,
+            'nis'  => null,
+            'email' => 'hendri@gmail.com',
+            'password' => Hash::make('123456'), // password: 123456
+            'role' => 'admin'
+        ]);
+
+
         // Santri account
         User::create([
             'name' => 'Zhaqian',
             'nis'  => 'A13411',
-            'email' => 'zhaaqianroufa@gmail.com',
+            'email' => 'zhaqianroufa@gmail.com',
             'password' => Hash::make('123456'), // password: 123456
             'role' => 'santri',
             'jenis_kelamin' => 'Laki-laki',
-            'asal_daerah' => 'dalamProvinsi',
+            'asal_daerah' => 'Dalam Provinsi',
         ]);
     }
 }

resources/views/layouts/sidebar.blade.php

@@ -1,292 +0,0 @@
-@extends('layouts.app-admin')
-<title>Dashboard Admin | SR Klasifikasi</title>
-@section('content')
-<main id="main" class="main">
-    <div class="row">
-        <div class="pagetitle">
-            <h1>Halo <b>{{ ucwords($user->role) }}</b> 👋</h1>
-            <nav>
-                <ol class="breadcrumb">
-                    <li class="breadcrumb-item"><a href="#">Admin</a></li>
-                    <li class="breadcrumb-item active">Dashboard</li>
-                </ol>
-            </nav>
-        </div><!-- End Page Title -->
-
-
-        <div class="col-12 dashboard">
-            <div class="row">
-                @if(session('success'))
-                <div class="alert alert-success">
-                    {{ session('success') }}
-                </div>
-                @endif
-                <div class="col-12">
-                    <div class="row">
-                        <div class="col-xxl-6 col-md-6">
-                            <div class="card info-card sales-card">
-                                <div class="card-body">
-                                    <h5 class="card-title">Santri <span>| Jumlah</span></h5>
-                                    <div class="d-flex align-items-center">
-                                        <div
-                                            class="card-icon rounded-circle d-flex align-items-center justify-content-center">
-                                            <i class='bx bx-universal-access'></i>
-                                        </div>
-                                        <div class="ps-3">
-                                            <h6>400</h6>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="col-xxl-6 col-md-6 mb-3">
-                            <div class="card info-card revenue-card">
-                                <div class="card-body">
-                                    <h5 class="card-title">Tepat Waktu <span>| Jumlah</span></h5>
-                                    <div class="d-flex align-items-center">
-                                        <div
-                                            class="card-icon rounded-circle d-flex align-items-center justify-content-center">
-                                            <i class='bx bx-child'></i>
-                                        </div>
-                                        <div class="ps-3">
-                                            <h6>400</h6>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <div class="col-12">
-                            <div class="card">
-                                <div class="card-body pb-0">
-                                    <h5 class="card-title">Klasifikasi</h5>
-
-                                    <div id="trafficChart" style="min-height: 400px;" class="echart"></div>
-
-                                    <script>
-                                        document.addEventListener("DOMContentLoaded", () => {
-                                              echarts.init(document.querySelector("#trafficChart")).setOption({
-                                                tooltip: {
-                                                  trigger: 'item'
-                                                },
-                                                legend: {
-                                                  top: '5%',
-                                                  left: 'center'
-                                                },
-                                                series: [{
-                                                  name: 'Access From',
-                                                  type: 'pie',
-                                                  radius: ['40%', '70%'],
-                                                  avoidLabelOverlap: false,
-                                                  label: {
-                                                    show: false,
-                                                    position: 'center'
-                                                  },
-                                                  emphasis: {
-                                                    label: {
-                                                      show: true,
-                                                      fontSize: '18',
-                                                      fontWeight: 'bold'
-                                                    }
-                                                  },
-                                                  labelLine: {
-                                                    show: false
-                                                  },
-                                                  data: [{
-                                                      value: 1048,
-                                                      name: 'Tepat Waktu'
-                                                    },
-                                                    {
-                                                      value: 735,
-                                                      name: 'Terlambat'
-                                                    },
-                                                  ]
-                                                }]
-                                              });
-                                            });
-                                    </script>
-
-                                </div>
-                            </div><!-- End Website Traffic -->
-                        </div>
-
-                        <div class="col-xxl-6 col-md-6 mb-3">
-                            <div class="card">
-                                <div class="card-body">
-                                    <h5 class="card-title justify-content-center d-flex">Jenis Kelamin</h5>
-                                    <div id="jenisKelamin"></div>
-                                </div>
-                            </div>
-                            <script>
-                                document.addEventListener("DOMContentLoaded", () => {
-                                                          new ApexCharts(document.querySelector("#jenisKelamin"), {
-                                                            series: [{
-                                                              name: 'Laki Laki',
-                                                              data: [21,22,23,24,25],
-                                                            }, {
-                                                              name: 'Perempuan',
-                                                              data: [11, 32, 45,32, 41]
-                                                            }],
-                                                            chart: {
-                                                              height: 350,
-                                                              type: 'area',
-                                                              toolbar: {
-                                                                show: false
-                                                              },
-                                                            },
-                                                            markers: {
-                                                              size: 4
-                                                            },
-                                                            colors: ['#4154f1', '#2eca6a'],
-                                                            fill: {
-                                                              type: "gradient",
-                                                              gradient: {
-                                                                shadeIntensity: 1,
-                                                                opacityFrom: 0.3,
-                                                                opacityTo: 0.4,
-                                                                stops: [0, 90, 100]
-                                                              }
-                                                            },
-                                                            dataLabels: {
-                                                              enabled: false
-                                                            },
-                                                            stroke: {
-                                                              curve: 'smooth',
-                                                              width: 2
-                                                            },
-                                                            xaxis: {
-                                                              type: 'year',
-                                                              categories: ["2021","2022", "2023", "2024", "2025"
-                                                              ]
-                                                            },
-                                                            tooltip: {
-                                                              x: {
-                                                                format: 'dd/MM/yy HH:mm'
-                                                              },
-                                                            }
-                                                          }).render();
-                                                        });
-                            </script>
-                            <!-- End Line Chart -->
-
-                        </div>
-                        <div class="col-xxl-6 col-md-6">
-                            <div class="card">
-                                <div class="card-body">
-                                    <h5 class="card-title justify-content-center d-flex">Asal Daerah</h5>
-                                    <div id="asalDaerah"></div>
-                                </div>
-                            </div>
-                            <script>
-                                document.addEventListener("DOMContentLoaded", () => 
-                                        {
-                                            new ApexCharts(document.querySelector("#asalDaerah"), {
-                                            series: [{
-                                                name: 'Dalam Provinsi',
-                                                data: [21,22,23,24,25],
-                                            }, {
-                                                name: 'Luar Provinsi',
-                                                data: [11, 32, 45,32, 41]
-                                            }],
-                                            chart: {
-                                                height: 350,
-                                                type: 'area',
-                                                toolbar: {
-                                                show: false
-                                                },
-                                            },
-                                            markers: {
-                                                size: 4
-                                            },
-                                            colors: ['#F14141FF', '#C72ECAFF'],
-                                            fill: {
-                                                type: "gradient",
-                                                gradient: {
-                                                shadeIntensity: 1,
-                                                opacityFrom: 0.3,
-                                                opacityTo: 0.4,
-                                                stops: [0, 90, 100]
-                                                }
-                                            },
-                                            dataLabels: {
-                                                enabled: false
-                                            },
-                                            stroke: {
-                                                curve: 'smooth',
-                                                width: 2
-                                            },
-                                            xaxis: {
-                                                type: 'year',
-                                                categories: ["2021","2022", "2023", "2024", "2025"
-                                                ]
-                                            },
-                                            tooltip: {
-                                                x: {
-                                                format: 'dd/MM/yy HH:mm'
-                                                },
-                                            }
-                                            }).render();
-                                        });
-                            </script>
-
-                        </div>
-                    </div>
-                </div>
-                <div class="col-xxl-12 col-md-12">
-                    <div class="row">
-                        <!-- Card Tanggal -->
-                        <div class="col-md-6">
-                            <div class="card info-card date-card shadow-lg"
-                                style="background-color: #f8f9fa; border-left: 5px solid #007bff;">
-                                <div class="card-body text-center">
-                                    <h5 class="card-title text-primary fw-bold">Tanggal Hari Ini</h5>
-                                    <div class="d-flex align-items-center justify-content-center">
-                                        <div
-                                            class="card-icon rounded-circle bg-primary text-white d-flex align-items-center justify-content-center p-3">
-                                            <i class='bx bx-calendar text-white' style="font-size: 1.5rem;"></i>
-                                        </div>
-                                        <div class="ps-3">
-                                            <h6 id="current-date" class="fw-semibold " style="color: #012970">Loading...
-                                            </h6>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Card Waktu -->
-                        <div class="col-md-6">
-                            <div class="card info-card time-card shadow-lg"
-                                style="background-color: #f8f9fa; border-left: 5px solid #28a745;">
-                                <div class="card-body text-center">
-                                    <h5 class="card-title text-success fw-bold">Waktu Saat Ini</h5>
-                                    <div class="d-flex align-items-center justify-content-center">
-                                        <div
-                                            class="card-icon rounded-circle bg-success text-white d-flex align-items-center justify-content-center p-3">
-                                            <i class='bx bx-time text-white' style="font-size: 1.5rem;"></i>
-                                        </div>
-                                        <div class="ps-3">
-                                            <h6 id="current-time" class="fw-semibold " style="color: #012970">Loading...
-                                            </h6>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</main>
-
-<script>
-    function updateTime() {
-        const now = new Date();
-        document.getElementById('current-date').innerText = now.toLocaleDateString('id-ID', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' });
-        document.getElementById('current-time').innerText = now.toLocaleTimeString('id-ID', { hour: '2-digit', minute: '2-digit', second: '2-digit' });
-    }
-    setInterval(updateTime, 1000);
-    updateTime();
-</script>
-@endsection

resources/views/pages/admin/add-santri.blade.php

@@ -45,16 +45,21 @@
                                             <td>{{ $index + 1 }}</td>
                                             <td>{{ $santri->name }}</td>
                                             <td>{{ $santri->email }}</td>
-                                            <td>{{ $santri->asal_daerah }}</td>
+                                            <td>    @if ($santri->asal_daerah === 'dalamProvinsi')
+                                                Dalam Provinsi
+                                                @elseif ($santri->asal_daerah === 'luarProvinsi')
+                                                Luar Provinsi
+                                                @else
+                                                {{ $santri->asal_daerah }}
+                                                @endif</td>
                                             <td>{{ $santri->jenis_kelamin }}</td>
                                             <td>
-                                                <form action="{{ route('santri.delete', $santri->id) }}" method="POST"
-                                                    onsubmit="return confirmDelete({{ $santri->id }})">
+                                                <!-- Tombol Delete dengan Form -->
+                                                <form action="{{ route('santri.delete', $santri->id) }}" method="POST" class="delete-form">
                                                     @csrf
                                                     @method('DELETE')
-                                                    <button class="btn btn-danger btn-sm" type="button"
-                                                        onclick="confirmDelete({{ $santri->id }})">
-                                                        <i class='bx bx-trash'></i>
+                                                    <button type="button" class="btn btn-danger btn-sm btn-delete">
+                                                        <i class='bx bx-trash'></i> Hapus
                                                     </button>
                                                 </form>
                                             </td>
@@ -64,16 +69,13 @@
                                 </table>
                             </div>
 
-                            <!-- DataTables CSS & JS -->
-                            <!-- SweetAlert2 CSS & JS -->
-                            <link rel="stylesheet"
-                                href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.css">
-                            <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.js">
-                            </script>
-                            <link rel="stylesheet"
-                                href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
+                            <!-- DataTables & SweetAlert2 -->
+                            <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.css">
+                            <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.js"></script>
+                            <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
                             <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
                             <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
+
                             <script>
                                 $(document).ready(function () {
                                     $('#addSantriTable').DataTable({
@@ -91,27 +93,31 @@
                                     });
                                 });
 
-                                function confirmDelete(santriId) {
-                                    Swal.fire({
-                                        title: 'Yakin ingin menghapus Santri ini?',
-                                        text: 'Data yang dihapus tidak bisa dikembalikan!',
-                                        icon: 'warning',
-                                        showCancelButton: true,
-                                        confirmButtonText: 'Ya, hapus!',
-                                        cancelButtonText: 'Batal',
-                                        reverseButtons: true
-                                    }).then((result) => {
-                                        if (result.isConfirmed) {
-                                            // Submit the form if confirmed
-                                            document.getElementById('deleteSantriForm' + santriId).submit();
-                                        }
+                                document.querySelectorAll('.btn-delete').forEach(button => {
+                                    button.addEventListener('click', function() {
+                                        let form = this.closest('form');
+
+                                        Swal.fire({
+                                            title: 'Yakin ingin menghapus Santri ini?',
+                                            text: 'Data yang dihapus tidak bisa dikembalikan!',
+                                            icon: 'warning',
+                                            showCancelButton: true,
+                                            confirmButtonText: 'Ya, hapus!',
+                                            cancelButtonText: 'Batal',
+                                            reverseButtons: true
+                                        }).then((result) => {
+                                            if (result.isConfirmed) {
+                                                form.submit();
+                                            }
+                                        });
                                     });
-                                }
+                                });
                             </script>
+
                         </div>
                     </div>
                 </div>
             </div>
         </div>
 </main>
-@endsection
+@endsection

resources/views/pages/admin/class-result.blade.php

@@ -19,18 +19,59 @@
         <div class="col-12">
             <div class="card">
                 <div class="card-body">
-                    <h5 class="card-title">Hasil Klasifikasi</h5>
+                    <div class="col-12 d-flex flex-wrap justify-content-between align-items-center my-3 gap-2">
+                        <h5 class="card-title mb-0">Hasil Klasifikasi</h5>
+
+                        <!-- Tombol Export -->
+                        <div class="d-flex flex-wrap gap-2">
+                            <button id="btnExcel" class="btn btn-success">
+                                <i class='bx bx-file'></i> Export Excel
+                            </button>
+                            <button id="btnCSV" class="btn btn-info text-white">
+                                <i class='bx bx-data'></i> Export CSV
+                            </button>
+                            <button id="btnPDF" class="btn btn-danger">
+                                <i class='bx bxs-file-pdf'></i> Export PDF
+                            </button>
+                        </div>
+                    </div>
+
+                    <!-- Filter & Sorting -->
+                    <div class="d-flex flex-wrap gap-2 mb-3">
+                        <select id="filterColumn" class="form-select w-auto">
+                            <option value="">Pilih Kolom</option>
+                            <option value="0">Nama</option>
+                            <option value="1">Jenis Kelamin</option>
+                            <option value="3">Asal Daerah</option>
+                            <option value="4">Tahun Angkatan</option>
+                            <option value="5">Presentase Hadis</option>
+                            <option value="6">Presentase Qur'an</option>
+                            <option value="7">Akumulasi Qur'an & Hadis</option>
+                            <option value="8">Status Prediksi</option>
+                        </select>
+                        <input type="text" id="filterInput" class="form-control w-auto ms-2" placeholder="Cari...">
+
+                        <!-- Tombol Sorting -->
+                        <button id="sortAsc" class="btn btn-primary">
+                            <i class='bx bx-sort-a-z'></i> Ascending
+                        </button>
+                        <button id="sortDesc" class="btn btn-secondary">
+                            <i class='bx bx-sort-z-a'></i> Descending
+                        </button>
+                    </div>
+
                     <div class="table-responsive">
                         <table id="dataTable" class="table table-striped table-bordered">
-                            <thead>
+                            <thead class="custom-thead">
                                 <tr>
                                     <th>Nama</th>
                                     <th>Jenis Kelamin</th>
                                     <th>NIS</th>
                                     <th>Asal Daerah</th>
                                     <th>Tahun Angkatan</th>
-                                    <th>Capaian Hadis</th>
-                                    <th>Capaian Al Qur'an</th>
+                                    <th>Persentase Hadis</th>
+                                    <th>Persentase Qur'an</th>
+                                    <th>Akumulasi Qur'an & Hadis</th>
                                     <th>Status Aktual</th>
                                     <th>Status Prediksi</th>
                                 </tr>
@@ -41,17 +82,34 @@
                                     <td>{{ $item->nama }}</td>
                                     <td>{{ $item->jenis_kelamin }}</td>
                                     <td>{{ $item->nis }}</td>
-                                    <td>{{ $item->asal_daerah }}</td>
+                                    <td>
+                                        @if ($item->asal_daerah === 'dalamProvinsi')
+                                        Dalam Provinsi
+                                        @elseif ($item->asal_daerah === 'luarProvinsi')
+                                        Luar Provinsi
+                                        @else
+                                        {{ $item->asal_daerah }}
+                                        @endif
+                                    </td>
                                     <td>{{ $item->tahun_angkatan }}</td>
-                                    <td>{{ $item->alhadis }}</td>
-                                    <td>{{ $item->alquran }}</td>
+                                    <td>{{ number_format(($item->alhadis / 2174) * 100, 2) }}%</td>
+                                    <td>{{ number_format(($item->alquran / 606) * 100, 2) }}%</td>
+                                    <td>{{ number_format(((($item->alhadis / 2174) * 100) + (($item->alquran / 606) *
+                                        100)) / 2, 2) }}%</td>
                                     <td>{{ $item->status }}</td>
-                                    <td>{{ $item->predicted_status ?? 'Belum Diklasifikasi' }}</td>
+                                    <td>
+                                        @if ($item->predicted_status == 'Tercapai')
+                                        <span class="badge bg-success">Tepat</span>
+                                        @else
+                                        <span class="badge bg-danger">Terlambat</span>
+                                        @endif
+                                    </td>
                                 </tr>
                                 @endforeach
                             </tbody>
                         </table>
                     </div>
+
                 </div>
             </div>
         </div>
@@ -60,25 +118,78 @@
 
 <!-- DataTables & SweetAlert -->
 <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.css">
+<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css">
+
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
 <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.js"></script>
+<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
+<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
 
 <script>
     $(document).ready(function () {
-        $('#dataTable').DataTable({
+        var table = $('#dataTable').DataTable({
             responsive: true,
             scrollX: true,
             autoWidth: false,
-            "language": {
-                "search": "Cari:",
-                "lengthMenu": "Tampilkan _MENU_ data",
-                "info": "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
-                "infoEmpty": "Tidak ada data tersedia",
-                "infoFiltered": "(disaring dari _MAX_ total data)"
+            order: [],
+            dom: 'Bfrtip',
+            buttons: [],
+            language: {
+                search: "Cari:",
+                lengthMenu: "Tampilkan _MENU_ data",
+                info: "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
+                infoEmpty: "Tidak ada data tersedia",
+                infoFiltered: "(disaring dari _MAX_ total data)"
             }
         });
+
+        // Event untuk tombol export
+        $('#btnExcel').on('click', function () {
+            table.button('.buttons-excel').trigger();
+        });
+
+        $('#btnCSV').on('click', function () {
+            table.button('.buttons-csv').trigger();
+        });
+
+        $('#btnPDF').on('click', function () {
+            table.button('.buttons-pdf').trigger();
+        });
+
+        // Tambahkan tombol export
+        new $.fn.dataTable.Buttons(table, {
+            buttons: [
+                { extend: 'excelHtml5', className: 'buttons-excel', title: 'Data Klasifikasi' },
+                { extend: 'csvHtml5', className: 'buttons-csv', title: 'Data Klasifikasi' },
+                { extend: 'pdfHtml5', className: 'buttons-pdf', title: 'Data Klasifikasi' }
+            ]
+        });
+
+        table.buttons().container().appendTo($('.dataTables_wrapper'));
+
+        // Sorting
+        $('#sortAsc').on('click', function () {
+            table.order([$('#filterColumn').val(), 'asc']).draw();
+        });
+
+        $('#sortDesc').on('click', function () {
+            table.order([$('#filterColumn').val(), 'desc']).draw();
+        });
     });
 </script>
+
+<style>
+    .custom-thead {
+        background-color: #012970 !important;
+        color: white;
+    }
+
+    #dataTable tbody tr td {
+        background-color: #f8f9fa !important;
+        color: #012970;
+    }
+</style>
+
 @endsection

resources/views/pages/admin/dashboard.blade.php

@@ -25,6 +25,49 @@
         <!-- Statistik Jumlah Santri dan Tepat Waktu -->
         <div class="col-12 dashboard">
             <div class="row">
+                <div class="col-xxl-12 col-md-12">
+                    <div class="row">
+                        <!-- Card Tanggal -->
+                        <div class="col-md-6">
+                            <div class="card info-card date-card shadow-lg"
+                                style="background-color: #f8f9fa; border-left: 5px solid #007bff;">
+                                <div class="card-body text-center">
+                                    <h5 class="card-title text-primary fw-bold">Tanggal Hari Ini</h5>
+                                    <div class="d-flex align-items-center justify-content-center">
+                                        <div
+                                            class="card-icon rounded-circle bg-primary text-white d-flex align-items-center justify-content-center p-3">
+                                            <i class='bx bx-calendar text-white' style="font-size: 1.5rem;"></i>
+                                        </div>
+                                        <div class="ps-3">
+                                            <h6 id="current-date" class="fw-semibold " style="color: #012970">Loading...
+                                            </h6>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- Card Waktu -->
+                        <div class="col-md-6">
+                            <div class="card info-card time-card shadow-lg"
+                                style="background-color: #f8f9fa; border-left: 5px solid #28a745;">
+                                <div class="card-body text-center">
+                                    <h5 class="card-title text-success fw-bold">Waktu Saat Ini</h5>
+                                    <div class="d-flex align-items-center justify-content-center">
+                                        <div
+                                            class="card-icon rounded-circle bg-success text-white d-flex align-items-center justify-content-center p-3">
+                                            <i class='bx bx-time text-white' style="font-size: 1.5rem;"></i>
+                                        </div>
+                                        <div class="ps-3">
+                                            <h6 id="current-time" class="fw-semibold " style="color: #012970">Loading...
+                                            </h6>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
                 <div class="col-xxl-6 col-md-6">
                     <div class="card info-card sales-card">
                         <div class="card-body">
@@ -135,50 +178,6 @@
                     </div>
 
                 </div>
-
-                <div class="col-xxl-12 col-md-12">
-                    <div class="row">
-                        <!-- Card Tanggal -->
-                        <div class="col-md-6">
-                            <div class="card info-card date-card shadow-lg"
-                                style="background-color: #f8f9fa; border-left: 5px solid #007bff;">
-                                <div class="card-body text-center">
-                                    <h5 class="card-title text-primary fw-bold">Tanggal Hari Ini</h5>
-                                    <div class="d-flex align-items-center justify-content-center">
-                                        <div
-                                            class="card-icon rounded-circle bg-primary text-white d-flex align-items-center justify-content-center p-3">
-                                            <i class='bx bx-calendar text-white' style="font-size: 1.5rem;"></i>
-                                        </div>
-                                        <div class="ps-3">
-                                            <h6 id="current-date" class="fw-semibold " style="color: #012970">Loading...
-                                            </h6>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Card Waktu -->
-                        <div class="col-md-6">
-                            <div class="card info-card time-card shadow-lg"
-                                style="background-color: #f8f9fa; border-left: 5px solid #28a745;">
-                                <div class="card-body text-center">
-                                    <h5 class="card-title text-success fw-bold">Waktu Saat Ini</h5>
-                                    <div class="d-flex align-items-center justify-content-center">
-                                        <div
-                                            class="card-icon rounded-circle bg-success text-white d-flex align-items-center justify-content-center p-3">
-                                            <i class='bx bx-time text-white' style="font-size: 1.5rem;"></i>
-                                        </div>
-                                        <div class="ps-3">
-                                            <h6 id="current-time" class="fw-semibold " style="color: #012970">Loading...
-                                            </h6>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
             </div>
         </div>
     </div>

resources/views/pages/admin/data-santri.blade.php

@@ -26,137 +26,273 @@
 
                     <div class="card">
                         <div class="card-body">
-                            <h5 class="card-title">Munaqosah Santri</h5>
+                            <div class="d-flex flex-wrap justify-content-between align-items-center my-3 gap-2">
+                                <h5 class="card-title mb-0">Munaqosah Santri</h5>
+
+                                <div class="d-flex flex-wrap gap-2 align-items-center">
+                                    <select id="filterColumn" class="form-select w-auto">
+                                        <option value="">Filter</option>
+                                        <option value="0">Nama Santri</option>
+                                        <option value="4">Tahun Angkatan</option>
+                                        <option value="5">Al Qur'an Isi</option>
+                                        <option value="5">Al Hadis Isi</option>
+                                        <option value="6">Presentase Qur'an</option>
+                                    </select>
+
+                                    <button id="sortAsc" class="btn btn-primary d-flex align-items-center">
+                                        <i class='bx bx-sort-a-z me-1'></i> Ascending
+                                    </button>
+                                    <button id="sortDesc" class="btn btn-secondary d-flex align-items-center">
+                                        <i class='bx bx-sort-z-a me-1'></i> Descending
+                                    </button>
+                                    <button id="btnExcel" class="btn btn-success d-flex align-items-center">
+                                        <i class='bx bx-file me-1'></i> Export Excel
+                                    </button>
+                                </div>
+                            </div>
 
                             <!-- Tabel Riwayat -->
-                            <table id="dataTable" class="table">
-                                <thead>
-                                    <tr>
-                                        <th>Tanggal</th>
-                                        <th>Nama Santri</th>
-                                        <th>NIS</th>
-                                        <th>Tahun Angkatan</th>
-                                        <th>Al-Qur'an Isi</th>
-                                        <th>Al-Hadis Isi</th>
-                                        <th>Nilai N</th>
-                                        <th>Status</th>
-                                        <th>Aksi</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    @foreach($riwayat as $item)
-                                    <tr>
-                                        <td>{{ $item->created_at->format('Y-m-d') }}</td>
-                                        <td>{{ $item->user->name ?? '—' }}</td>
-                                        <td>{{ $item->user->nis ?? '—' }}</td>
-                                        <td>{{ $item->tahun_angkatan }}</td>
-                                        <td>{{ $item->alquran }}</td>
-                                        <td>{{ $item->alhadis }}</td>
-                                        <td>{{ number_format($item->nilai_n, 2) }}</td>
-                                        <td>{{ $item->status }}</td>
-                                        <td>
-                                            @if($item->munaqosah_status === 'Sedang di Verifikasi')
-                                            <!-- Jika belum ada keputusan, tampilkan tombol Verifikasi, Tolak, dan Delete -->
+                            <div class="table-responsive">
+                                <table id="dataTable" class="table table-striped table-bordered">
+                                    <thead class="custom-thead">
+                                        <tr>
+                                            <th>Tanggal</th>
+                                            <th>Nama Santri</th>
+                                            <th>NIS</th>
+                                            <th>Tahun Angkatan</th>
+                                            <th>Al-Qur'an Isi</th>
+                                            <th>Persentase Qur'an</th>
+                                            <th>Al-Hadis Isi</th>
+                                            <th>Persentase Hadis</th>
+                                            <th>Nilai N</th>
+                                            <th>Status</th>
+                                            <th>Aksi</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @foreach($riwayat as $item)
+                                        <tr>
+                                            <td>{{ $item->created_at->format('Y-m-d') }}</td>
+                                            <td>{{ $item->user->name ?? '—' }}</td>
+                                            <td>{{ $item->user->nis ?? '—' }}</td>
+                                            <td>{{ $item->tahun_angkatan }}</td>
+                                            <td>{{ $item->alquran }}</td>
+                                            <td>{{ number_format(($item->alquran / 606) * 100, 2) }}%</td>
+                                            <td>{{ $item->alhadis }}</td>
+                                            <td>{{ number_format(($item->alhadis / 2174) * 100, 2) }}%</td>
+                                            <td>{{ number_format($item->nilai_n, 2) }}</td>
+                                            <td>{{ $item->status }}</td>
+                                            <td>
+                                                @if($item->munaqosah_status === 'Sedang di Verifikasi')
+                                                <!-- Tombol Verifikasi -->
+                                                <form action="{{ route('munaqosah.verify', $item->id) }}" method="POST"
+                                                    style="display:inline;">
+                                                    @csrf
+                                                    <button type="submit" class="mb-1 btn btn-success btn-sm">
+                                                        <i class='bx bxs-check-circle'></i> Verifikasi
+                                                    </button>
+                                                </form>
 
-                                            <!-- Tombol Verifikasi -->
-                                            <form action="{{ route('munaqosah.verify', $item->id) }}" method="POST"
-                                                style="display:inline;">
-                                                @csrf
-                                                <button type="submit" class="mb-1 btn btn-success btn-sm">
-                                                    <i class='bx bxs-check-circle'></i> Verifikasi
+                                                <!-- Tombol Tolak -->
+                                                <form action="{{ route('munaqosah.reject', $item->id) }}" method="POST"
+                                                    style="display:inline;">
+                                                    @csrf
+                                                    <button type="submit" class="mb-1 btn btn-warning btn-sm">
+                                                        <i class='bx bxs-x-circle'></i> Tolak
+                                                    </button>
+                                                </form>
+
+                                                <!-- Tombol Delete dengan SweetAlert -->
+                                                <button class="mb-1 btn btn-danger btn-sm btn-delete"
+                                                    data-id="{{ $item->id }}">
+                                                    <i class='bx bxs-trash'></i> Delete
                                                 </button>
-                                            </form>
+                                                @else
+                                                <span class="badge bg-info">Selesai</span>
+                                                @endif
+                                            </td>
+                                        </tr>
+                                        @endforeach
+                                    </tbody>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-6">
 
-                                            <!-- Tombol Tolak -->
-                                            <form action="{{ route('munaqosah.reject', $item->id) }}" method="POST"
-                                                style="display:inline;">
-                                                @csrf
-                                                <button type="submit" class="mb-1 btn btn-warning btn-sm">
-                                                    <i class='bx bxs-x-circle'></i> Tolak
+                    @if(session('success'))
+                    <div class="alert alert-success">
+                        {{ session('success') }}
+                    </div>
+                    @endif
+
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="d-flex flex-wrap justify-content-between align-items-center my-3 gap-2">
+                                <h5 class="card-title mb-0">Munaqosah Astra</h5>
+                                <button id="btnExcelAstra" class="btn btn-success d-flex align-items-center">
+                                    <i class='bx bx-file me-1'></i> Export Excel
+                                </button>
+                            </div>
+
+                            <!-- Tabel Riwayat -->
+                            <div class="table-responsive">
+                                <table id="dataTableAstra" class="table table-striped table-bordered">
+                                    <thead class="custom-thead">
+                                        <tr>
+                                            <th>Tanggal</th>
+                                            <th>Nama Santri</th>
+                                            <th>NIS</th>
+                                            <th>Tahun Angkatan</th>
+                                            <th>Al-Qur'an Isi</th>
+                                            <th>Persentase Qur'an</th>
+                                            <th>Al-Hadis Isi</th>
+                                            <th>Persentase Hadis</th>
+                                            <th>Nilai N</th>
+                                            <th>Status</th>
+                                            <th>Aksi</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @foreach($riwayat as $item)
+                                        @if(str_starts_with($item->user->nis, 'A'))
+                                        <tr>
+                                            <td>{{ $item->created_at->format('Y-m-d') }}</td>
+                                            <td>{{ $item->user->name ?? '—' }}</td>
+                                            <td>{{ $item->user->nis ?? '—' }}</td>
+                                            <td>{{ $item->tahun_angkatan }}</td>
+                                            <td>{{ $item->alquran }}</td>
+                                            <td>{{ number_format(($item->alquran / 606) * 100, 2) }}%</td>
+                                            <td>{{ $item->alhadis }}</td>
+                                            <td>{{ number_format(($item->alhadis / 2174) * 100, 2) }}%</td>
+                                            <td>{{ number_format($item->nilai_n, 2) }}</td>
+                                            <td>{{ $item->status }}</td>
+                                            <td>
+                                                @if($item->munaqosah_status === 'Sedang di Verifikasi')
+                                                <!-- Tombol Verifikasi -->
+                                                <form action="{{ route('munaqosah.verify', $item->id) }}" method="POST"
+                                                    style="display:inline;">
+                                                    @csrf
+                                                    <button type="submit" class="mb-1 btn btn-success btn-sm">
+                                                        <i class='bx bxs-check-circle'></i> Verifikasi
+                                                    </button>
+                                                </form>
+
+                                                <!-- Tombol Tolak -->
+                                                <form action="{{ route('munaqosah.reject', $item->id) }}" method="POST"
+                                                    style="display:inline;">
+                                                    @csrf
+                                                    <button type="submit" class="mb-1 btn btn-warning btn-sm">
+                                                        <i class='bx bxs-x-circle'></i> Tolak
+                                                    </button>
+                                                </form>
+
+                                                <!-- Tombol Delete dengan SweetAlert -->
+                                                <button class="mb-1 btn btn-danger btn-sm btn-delete"
+                                                    data-id="{{ $item->id }}">
+                                                    <i class='bx bxs-trash'></i> Delete
                                                 </button>
-                                            </form>
+                                                @else
+                                                <span class="badge bg-info">Selesai</span>
+                                                @endif
+                                            </td>
+                                        </tr>
+                                        @endif
+                                        @endforeach
+                                    </tbody>
+                                </table>
+                            </div>
 
-                                            <!-- Tombol Delete dengan SweetAlert -->
-                                            <button class="mb-1 btn btn-danger btn-sm btn-delete"
-                                                data-id="{{ $item->id }}">
-                                                <i class='bx bxs-trash'></i> Delete
-                                            </button>
-                                            @else
-                                            <!-- Jika sudah ada keputusan (verified atau ditolak), tampilkan badge "Selesai" -->
-                                            <span class="badge bg-info">Selesai</span>
-                                            @endif
-                                        </td>
-                                    </tr>
-                                    @endforeach
-                                </tbody>
-                            </table>
-                            <!-- Sertakan SweetAlert2 -->
-                            <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 
-                            <script>
-                                $(document).on('click', '.btn-delete', function(e){
-                                   e.preventDefault();
-                                   var id = $(this).data('id');
-                                   Swal.fire({
-                                       title: 'Apakah Anda yakin?',
-                                       text: "Data akan dihapus permanen!",
-                                       icon: 'warning',
-                                       showCancelButton: true,
-                                       confirmButtonColor: '#3085d6',
-                                       cancelButtonColor: '#d33',
-                                       confirmButtonText: 'Ya, hapus!'
-                                   }).then((result) => {
-                                       if (result.isConfirmed) {
-                                           // Buat form secara dinamis untuk melakukan request DELETE
-                                           var form = $('<form>', {
-                                               'method': 'POST',
-                                               'action': '/admin/munaqosah/' + id
-                                           });
-                                           var token = '{{ csrf_token() }}';
-                                           var hiddenInput = $('<input>', {
-                                               'name': '_token',
-                                               'value': token,
-                                               'type': 'hidden'
-                                           });
-                                           var hiddenMethod = $('<input>', {
-                                               'name': '_method',
-                                               'value': 'DELETE',
-                                               'type': 'hidden'
-                                           });
-                                           form.append(hiddenInput, hiddenMethod).appendTo('body').submit();
-                                       }
-                                   })
-                                });
-                            </script>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-6">
 
-                            <!-- DataTables CSS & JS -->
-                            <link rel="stylesheet"
-                                href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
-                            <!-- Tambahkan CSS Responsive -->
-                            <link rel="stylesheet"
-                                href="https://cdn.datatables.net/responsive/2.4.1/css/responsive.dataTables.min.css">
+                    @if(session('success'))
+                    <div class="alert alert-success">
+                        {{ session('success') }}
+                    </div>
+                    @endif
 
-                            <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-                            <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
-                            <!-- Tambahkan JS Responsive -->
-                            <script src="https://cdn.datatables.net/responsive/2.4.1/js/dataTables.responsive.min.js">
-                            </script>
+                    <div class="card">
+                        <div class="card-body">
+                            <div class="d-flex flex-wrap justify-content-between align-items-center my-3 gap-2">
+                                <h5 class="card-title mb-0">Munaqosah Astri</h5>
+                                <button id="btnExcelAstri" class="btn btn-success d-flex align-items-center">
+                                    <i class='bx bx-file me-1'></i> Export Excel
+                                </button>
+                            </div>
+
+                            <!-- Tabel Riwayat -->
+                            <div class="table-responsive">
+                                <table id="dataTableAstri" class="table table-striped table-bordered">
+                                    <thead class="custom-thead">
+                                        <tr>
+                                            <th>Tanggal</th>
+                                            <th>Nama Santri</th>
+                                            <th>NIS</th>
+                                            <th>Tahun Angkatan</th>
+                                            <th>Al-Qur'an Isi</th>
+                                            <th>Persentase Qur'an</th>
+                                            <th>Al-Hadis Isi</th>
+                                            <th>Persentase Hadis</th>
+                                            <th>Nilai N</th>
+                                            <th>Status</th>
+                                            <th>Aksi</th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @foreach($riwayat as $item)
+                                        @if(str_starts_with($item->user->nis, 'I'))
+                                        <tr>
+                                            <td>{{ $item->created_at->format('Y-m-d') }}</td>
+                                            <td>{{ $item->user->name ?? '—' }}</td>
+                                            <td>{{ $item->user->nis ?? '—' }}</td>
+                                            <td>{{ $item->tahun_angkatan }}</td>
+                                            <td>{{ $item->alquran }}</td>
+                                            <td>{{ number_format(($item->alquran / 606) * 100, 2) }}%</td>
+                                            <td>{{ $item->alhadis }}</td>
+                                            <td>{{ number_format(($item->alhadis / 2174) * 100, 2) }}%</td>
+                                            <td>{{ number_format($item->nilai_n, 2) }}</td>
+                                            <td>{{ $item->status }}</td>
+                                            <td>
+                                                @if($item->munaqosah_status === 'Sedang di Verifikasi')
+                                                <!-- Tombol Verifikasi -->
+                                                <form action="{{ route('munaqosah.verify', $item->id) }}" method="POST"
+                                                    style="display:inline;">
+                                                    @csrf
+                                                    <button type="submit" class="mb-1 btn btn-success btn-sm">
+                                                        <i class='bx bxs-check-circle'></i> Verifikasi
+                                                    </button>
+                                                </form>
+
+                                                <!-- Tombol Tolak -->
+                                                <form action="{{ route('munaqosah.reject', $item->id) }}" method="POST"
+                                                    style="display:inline;">
+                                                    @csrf
+                                                    <button type="submit" class="mb-1 btn btn-warning btn-sm">
+                                                        <i class='bx bxs-x-circle'></i> Tolak
+                                                    </button>
+                                                </form>
+
+                                                <!-- Tombol Delete dengan SweetAlert -->
+                                                <button class="mb-1 btn btn-danger btn-sm btn-delete"
+                                                    data-id="{{ $item->id }}">
+                                                    <i class='bx bxs-trash'></i> Delete
+                                                </button>
+                                                @else
+                                                <span class="badge bg-info">Selesai</span>
+                                                @endif
+                                            </td>
+                                        </tr>
+                                        @endif
+                                        @endforeach
+                                    </tbody>
+                                </table>
+                            </div>
 
-                            <script>
-                                $(document).ready(function () {
-                                    $('#dataTable').DataTable({
-                                        responsive: true, // Aktifkan fitur responsif
-                                        "language": {
-                                            "search": "Cari:",
-                                            "lengthMenu": "Tampilkan _MENU_ data",
-                                            "zeroRecords": "Tidak ada data yang cocok",
-                                            "info": "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
-                                            "infoEmpty": "Tidak ada data tersedia",
-                                            "infoFiltered": "(disaring dari _MAX_ total data)"
-                                        }
-                                    });
-                                });
-                            </script>
 
                         </div>
                     </div>
@@ -164,5 +300,115 @@
             </div>
         </div>
     </div>
+
+    <!-- SweetAlert2 -->
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+    <script>
+        $(document).on('click', '.btn-delete', function(e){
+                                       e.preventDefault();
+                                       var id = $(this).data('id');
+                                       Swal.fire({
+                                           title: 'Apakah Anda yakin?',
+                                           text: "Data akan dihapus permanen!",
+                                           icon: 'warning',
+                                           showCancelButton: true,
+                                           confirmButtonColor: '#3085d6',
+                                           cancelButtonColor: '#d33',
+                                           confirmButtonText: 'Ya, hapus!'
+                                       }).then((result) => {
+                                           if (result.isConfirmed) {
+                                               var form = $('<form>', {
+                                                   'method': 'POST',
+                                                   'action': '/admin/munaqosah/' + id
+                                               });
+                                               var token = '{{ csrf_token() }}';
+                                               var hiddenInput = $('<input>', {
+                                                   'name': '_token',
+                                                   'value': token,
+                                                   'type': 'hidden'
+                                               });
+                                               var hiddenMethod = $('<input>', {
+                                                   'name': '_method',
+                                                   'value': 'DELETE',
+                                                   'type': 'hidden'
+                                               });
+                                               form.append(hiddenInput, hiddenMethod).appendTo('body').submit();
+                                           }
+                                       })
+                                    });
+    </script>
+
+    <!-- DataTables CSS & JS -->
+    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
+    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css">
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js">
+    </script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
+    <script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
+
+    <script>
+        $(document).ready(function () {
+                                        var table = $('#dataTableAstri, #dataTableAstra, #dataTable').DataTable({
+                                            responsive: true,
+                                            dom: 'Bfrtip',
+                                            buttons: [],
+                                            language: {
+                                                search: "Cari:",
+                                                lengthMenu: "Tampilkan _MENU_ data",
+                                                info: "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
+                                                infoEmpty: "Tidak ada data tersedia",
+                                                infoFiltered: "(disaring dari _MAX_ total data)"
+                                            }
+                                        });
+    
+                                        
+    
+                                        // Event untuk tombol export
+                                        $('#btnExcelAstra').on('click', function () {
+                                            table.button('.buttons-excel').trigger();
+                                        });
+                                        $('#btnExcelAstri').on('click', function () {
+                                            table.button('.buttons-excel').trigger();
+                                            });
+                                        $('#btnExcel').on('click', function () {
+                                                    table.button('.buttons-excel').trigger();
+                                                    });    
+                                        // Tambahkan tombol export
+                                        new $.fn.dataTable.Buttons(table, {
+                                            buttons: [
+                                                {
+                                                    extend: 'excelHtml5',
+                                                    text: 'Export ke Excel',
+                                                    className: 'buttons-excel',
+                                                    title: 'Data Munaqosah'
+                                                }
+                                            ]
+                                        });
+    
+                                        table.buttons().container().appendTo($('.dataTables_wrapper'));
+                                        $('#sortAsc').on('click', function () {
+                                                table.order([$('#filterColumn').val(), 'asc']).draw();
+                                                });
+                                                
+                                                $('#sortDesc').on('click', function () {
+                                                table.order([$('#filterColumn').val(), 'desc']).draw();
+                                                });
+                                    });
+    </script>
+
+    <style>
+        .custom-thead {
+            background-color: #012970 !important;
+            color: white;
+        }
+
+        #dataTable tbody tr td {
+            background-color: #f8f9fa !important;
+            color: #012970;
+        }
+    </style>
 </main>
 @endsection

resources/views/pages/admin/exam-data.blade.php

@@ -1,370 +0,0 @@
-@extends('layouts.app-admin')
-<title>Data Uji | SR Klasifikasi</title>
-
-@section('content')
-<style>
-    .card-main {
-        border-radius: 12px;
-        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
-        padding: 20px;
-        text-align: center;
-        transition: 0.3s ease-in-out;
-    }
-
-    .card-main:hover {
-        transform: translateY(-3px);
-        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
-    }
-
-    .custom-icon {
-        font-size: 40px;
-        margin-bottom: 10px;
-    }
-
-    .accuracy-icon {
-        color: #007bff;
-        /* Biru */
-    }
-
-    .data-icon {
-        color: #28a745;
-        /* Hijau */
-    }
-
-    .card-main h3 {
-        font-size: 28px;
-        font-weight: 700;
-        margin-bottom: 5px;
-        color: #333;
-    }
-
-    .card-main h6 {
-        font-size: 16px;
-        font-weight: 600;
-        color: #555;
-        margin-bottom: 8px;
-    }
-
-    .card-main p {
-        font-size: 14px;
-        color: #777;
-        margin: 0;
-    }
-
-    .status-title {
-        font-size: 1.8rem;
-        font-weight: bold;
-        margin-bottom: 2rem;
-    }
-
-    .status-card {
-        border: none;
-        border-radius: 15px;
-        overflow: hidden;
-        transition: transform 0.3s;
-    }
-
-    .status-card:hover {
-        transform: scale(1.03);
-    }
-
-    .status-card .card-body {
-        padding: 2rem;
-    }
-
-    .status-card .icon {
-        font-size: 3rem;
-    }
-
-    .status-card .number {
-        font-size: 2.5rem;
-        font-weight: bold;
-        line-height: 1;
-    }
-
-    .status-card .status-label {
-        font-size: 1.2rem;
-        margin-top: -0.3rem;
-    }
-
-    /* Progress bar dengan track berwarna semi-transparan */
-    .status-card .progress {
-        background-color: rgba(255, 255, 255, 0.3);
-        border-radius: 10px;
-        height: 20px;
-    }
-
-    .status-card .progress-bar {
-        border-radius: 10px;
-        background-color: #fff;
-    }
-</style>
-
-<main id="main" class="main">
-    <div class="row">
-        <div class="pagetitle d-flex justify-content-between align-items-center">
-            <h1>Data Uji</h1>
-        </div>
-
-        <nav>
-            <ol class="breadcrumb">
-                <li class="breadcrumb-item"><a href="#">Admin</a></li>
-                <li class="breadcrumb-item active">Data Uji</li>
-            </ol>
-        </nav>
-
-        <!-- Pilih Persentase Data Uji -->
-        <div class="col-lg-12">
-            <div class="card shadow-sm border-0">
-                <div class="card-body">
-                    <h5 class="card-title mb-3">Jumlah Data</h5>
-                    <div class="row g-2">
-                        <div class="col-md-10">
-                            <form action="{{ route('testData.show') }}" method="GET" class="d-flex gap-2">
-                                <select name="percentage" class="form-select">
-                                    <option value="100" {{ request('percentage')==100 ? 'selected' : '' }}>100%</option>
-                                    <option value="75" {{ request('percentage')==75 ? 'selected' : '' }}>75%</option>
-                                    <option value="50" {{ request('percentage')==50 ? 'selected' : '' }}>50%</option>
-                                    <option value="25" {{ request('percentage')==25 ? 'selected' : '' }}>25%</option>
-                                </select>
-                                <button type="submit" class="btn btn-primary">
-                                    <i class="bx bxs-mouse-alt me-1"></i> Terapkan
-                                </button>
-                            </form>
-                        </div>
-                        <div class="col-md-2">
-                            <form action="{{ route('testData.reset') }}" method="POST">
-                                @csrf
-                                <button type="submit" class="btn btn-danger w-100">
-                                    <i class="bx bx-reset me-1"></i> <br> Reset Data
-                                </button>
-                            </form>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Kartu Statistik -->
-        <div class="col-12">
-            <div class="row">
-                <div class="col-md-6">
-                    <div class="card card-main">
-                        <i class="bx bx-bar-chart-alt-2 custom-icon accuracy-icon"></i>
-                        <h3>{{ number_format($accuracy, 2) }}%</h3>
-                        <h6>Akurasi Model</h6>
-                        <p>Total data diuji: {{ $totalTestData }}</p>
-                    </div>
-                </div>
-
-                <div class="col-md-6">
-                    <div class="card card-main">
-                        <i class="bx bx-data custom-icon data-icon"></i>
-                        <h3>{{ $totalTestData }}</h3>
-                        <h6>Data yang di Uji</h6>
-                        <p>Diambil dari {{ request('percentage', 100) }}% data latih</p>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div class="container">
-            <!-- Judul -->
-            <div class="row justify-content-center text-center mt-4">
-                <div class="col-12">
-                    <h2 class="status-title">Probabilitas Status</h2>
-                </div>
-            </div>
-            <!-- Kartu Status -->
-            <div class="row justify-content-center">
-                <!-- Kartu Tepat -->
-                <div class="col-md-5">
-                    <div class="card status-card bg-success text-white shadow-lg">
-                        <div class="card-body">
-                            <div class="d-flex align-items-center justify-content-center mb-3">
-                                <i class="bx bx-check-circle icon me-3"></i>
-                                <div class="text-start">
-                                    <div class="number">{{ number_format($probStatus['Tepat'] ?? 0, 2) }}%</div>
-                                    <div class="status-label">Tepat</div>
-                                </div>
-                            </div>
-                            <div class="progress mx-auto" style="width: 80%;">
-                                <div class="progress-bar" role="progressbar"
-                                    style="width: {{ number_format($probStatus['Tepat'] ?? 0, 2) }}%"
-                                    aria-valuenow="{{ number_format($probStatus['Tepat'] ?? 0, 2) }}" aria-valuemin="0"
-                                    aria-valuemax="100"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <!-- Kartu Terlambat -->
-                <div class="col-md-5">
-                    <div class="card status-card bg-danger text-white shadow-lg">
-                        <div class="card-body">
-                            <div class="d-flex align-items-center justify-content-center mb-3">
-                                <i class="bx bx-x-circle icon me-3"></i>
-                                <div class="text-start">
-                                    <div class="number">{{ number_format($probStatus['Terlambat'] ?? 0, 2) }}%</div>
-                                    <div class="status-label">Terlambat</div>
-                                </div>
-                            </div>
-                            <div class="progress mx-auto" style="width: 80%;">
-                                <div class="progress-bar" role="progressbar"
-                                    style="width: {{ number_format($probStatus['Terlambat'] ?? 0, 2) }}%"
-                                    aria-valuenow="{{ number_format($probStatus['Terlambat'] ?? 0, 2) }}"
-                                    aria-valuemin="0" aria-valuemax="100">
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-
-
-        <div class="container">
-            <div class="row justify-content-center text-center mt-4">
-                <div class="col-12">
-                    <h2 class="status-title">Probabilitas Lain</h2>
-                </div>
-            </div>
-            <div class="row">
-                <!-- Probabilitas Berdasarkan Asal Daerah -->
-                <div class="col-md-6">
-                    <div class="card">
-                        <div class="card-header bg-info text-white">
-                            <h5 class="align-items-center d-flex fw-bold" style="margin-bottom: 0"><i
-                                    class="bx bx-map-pin me-2"></i> Asal Daerah
-                            </h5>
-                        </div>
-                        <div class="card-body">
-                            <table class="table">
-                                <thead>
-                                    <tr>
-                                        <th>Kategori</th>
-                                        <th>Jumlah</th>
-                                        <th>Peluang Tepat Waktu</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>Dalam Provinsi</td>
-                                        <td>{{ number_format($probRegion['Dalam Provinsi'] ?? 0, 2) }}%</td>
-                                        <td>{{ number_format($peluangRegion['Dalam Provinsi'] ?? 0, 2) }}%</td>
-                                    </tr>
-                                    <tr>
-                                        <td>Luar Provinsi</td>
-                                        <td>{{ number_format($probRegion['Luar Provinsi'] ?? 0, 2) }}%</td>
-                                        <td>{{ number_format($peluangRegion['Luar Provinsi'] ?? 0, 2) }}%</td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-                </div>
-
-                <!-- Probabilitas Berdasarkan Jenis Kelamin -->
-                <div class="col-md-6">
-                    <div class="card">
-                        <div class="card-header bg-secondary text-white">
-                            <h5 class="align-items-center d-flex fw-bold" style="margin-bottom: 0"><i
-                                    class="bx bxs-user-badge me-2"></i> Jenis
-                                Kelamin
-                            </h5>
-                        </div>
-                        <div class="card-body">
-                            <table class="table">
-                                <thead>
-                                    <tr>
-                                        <th>Kategori</th>
-                                        <th>Jumlah</th>
-                                        <th>Peluang Tepat Waktu</th>
-                                    </tr>
-                                </thead>
-                                <tbody>
-                                    <tr>
-                                        <td>Laki Laki</td>
-                                        <td>{{ number_format($probGender['Laki-laki'] ?? 0, 2) }}%</td>
-                                        <td>{{ number_format($peluangGender['Laki-laki'] ?? 0, 2) }}%</td>
-                                    </tr>
-                                    <tr>
-                                        <td>Perempuan</td>
-                                        <td>{{ number_format($probGender['Perempuan'] ?? 0, 2) }}%</td>
-                                        <td>{{ number_format($peluangGender['Perempuan'] ?? 0, 2) }}%</td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <!-- Hasil Klasifikasi -->
-        <div class="col-12">
-            <div class="card">
-                <div class="card-body">
-                    <h5 class="card-title">Hasil Uji</h5>
-                    <div class="table-responsive">
-                        <table class="dataTable">
-                            <thead>
-                                <tr>
-                                    <th>Nama</th>
-                                    <th>Jenis Kelamin</th>
-                                    <th>NIS</th>
-                                    <th>Asal Daerah</th>
-                                    <th>Tahun Angkatan</th>
-                                    <th>Capaian Hadis</th>
-                                    <th>Capaian Al Qur'an</th>
-                                    <th>Status Aktual</th>
-                                    <th>Status Prediksi</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                @foreach ($testData as $item)
-                                <tr>
-                                    <td>{{ $item->nama }}</td>
-                                    <td>{{ $item->jenis_kelamin }}</td>
-                                    <td>{{ $item->nis }}</td>
-                                    <td>{{ $item->asal_daerah }}</td>
-                                    <td>{{ $item->tahun_angkatan }}</td>
-                                    <td>{{ $item->alhadis }}</td>
-                                    <td>{{ $item->alquran }}</td>
-                                    <td>{{ $item->status }}</td>
-                                    <td>{{ $item->predicted_status ?? 'Belum Diklasifikasi' }}</td>
-                                </tr>
-                                @endforeach
-                            </tbody>
-                        </table>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-</main>
-
-<!-- DataTables & SweetAlert -->
-<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.css">
-<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
-<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.js"></script>
-
-<script>
-    $(document).ready(function () {
-        $('#dataTable').DataTable({
-            responsive: true,
-            scrollX: true,
-            autoWidth: false,
-            "language": {
-                "search": "Cari:",
-                "lengthMenu": "Tampilkan _MENU_ data",
-                "info": "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
-                "infoEmpty": "Tidak ada data tersedia",
-                "infoFiltered": "(disaring dari _MAX_ total data)"
-            }
-        });
-    });
-</script>
-@endsection

resources/views/pages/admin/test-data.blade.php

@@ -0,0 +1,746 @@
+@extends('layouts.app-admin')
+<title>Data Uji | SR Klasifikasi</title>
+
+@section('content')
+<style>
+    .card-main {
+        border-radius: 12px;
+        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
+        padding: 20px;
+        text-align: center;
+        transition: 0.3s ease-in-out;
+    }
+
+    .card-main:hover {
+        transform: translateY(-3px);
+        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
+    }
+
+    .custom-icon {
+        font-size: 40px;
+        margin-bottom: 10px;
+    }
+
+    .accuracy-icon {
+        color: #007bff;
+        /* Biru */
+    }
+
+    .data-icon {
+        color: #28a745;
+        /* Hijau */
+    }
+
+    .card-main h3 {
+        font-size: 28px;
+        font-weight: 700;
+        margin-bottom: 5px;
+        color: #333;
+    }
+
+    .card-main h6 {
+        font-size: 16px;
+        font-weight: 600;
+        color: #555;
+        margin-bottom: 8px;
+    }
+
+    .card-main p {
+        font-size: 14px;
+        color: #777;
+        margin: 0;
+    }
+
+    .status-title {
+        font-size: 1.8rem;
+        font-weight: bold;
+        margin-bottom: 2rem;
+    }
+
+    .status-card {
+        border: none;
+        border-radius: 15px;
+        overflow: hidden;
+        transition: transform 0.3s;
+    }
+
+    .status-card:hover {
+        transform: scale(1.03);
+    }
+
+    .status-card .card-body {
+        padding: 2rem;
+    }
+
+    .status-card .icon {
+        font-size: 3rem;
+    }
+
+    .status-card .number {
+        font-size: 2.5rem;
+        font-weight: bold;
+        line-height: 1;
+    }
+
+    .status-card .status-label {
+        font-size: 1.2rem;
+        margin-top: -0.3rem;
+    }
+
+    /* Progress bar dengan track berwarna semi-transparan */
+    .status-card .progress {
+        background-color: rgba(255, 255, 255, 0.3);
+        border-radius: 10px;
+        height: 20px;
+    }
+
+    .status-card .progress-bar {
+        border-radius: 10px;
+        background-color: #fff;
+    }
+</style>
+@if($errors->any())
+<script>
+    Swal.fire({
+            icon: 'error',
+            title: 'Oops...',
+            text: "{{ $errors->first() }}",
+            confirmButtonColor: '#d33'
+        });
+</script>
+@endif
+<main id="main" class="main">
+    <div class="row">
+        <div class="pagetitle d-flex justify-content-between align-items-center">
+            <h1>Data Uji</h1>
+        </div>
+
+        <nav>
+            <ol class="breadcrumb">
+                <li class="breadcrumb-item"><a href="#">Admin</a></li>
+                <li class="breadcrumb-item active">Data Uji</li>
+            </ol>
+        </nav>
+        <div class="col-12">
+            <div class="row text-white justify-content-center">
+                <div class="col-md-6 ">
+                    <div class="card card-main bg-info">
+                        <i class="bx bxs-bar-chart-alt-2 fs-1  custom-icon text-white"></i>
+                        <h3 class="mb-0 text-white fs-4 ">{{ $trainPercentage }}%</h3>
+                        <h6 style="color: #fff">Data Latih</h6>
+                    </div>
+                </div>
+            
+                <!-- Precision -->
+                <div class="col-md-6">
+                    <div class="card card-main bg-success">
+                        <i class="bx bxs-flask fs-1 custom-icon text-white "></i>
+                        <h3 class="mb-0 text-white fs-4 ">{{ $testPercentage }}%</h3>
+                        <h6 style="color: #fff">Data Uji</h6>
+                    </div>
+                </div>
+            
+            </div>
+        </div>
+            <div class="col-12">
+            <div class="row">
+                <div class="row justify-content-center text-center mt-4">
+                    <div class="col-12">
+                        <h2 class="status-title">Jumlah Data</h2>
+                    </div>
+                </div>
+                <div class="col-md-12">
+                    <div class="card card-main">
+                        <i class="bx bx-data custom-icon data-icon"></i>
+                        <h3>{{$totalTestData}}</h3>
+
+                        <h6>Data yang di Uji</h6>
+                        <p>Diambil dari sejumlah {{ $totalTrainData }} dengan presentase {{ $testPercentage }}% data
+                            latih</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="col-12">
+            <div class="row justify-content-center text-center mt-4">
+                <div class="col-12">
+                    <h2 class="status-title">Confusion Matrix</h2>
+                </div>
+            </div>
+            <div class="row">
+                <!-- Akurasi -->
+                <div class="col-md-4">
+                    <div class="card card-main">
+                        <i class="bx bx-bar-chart-alt-2 custom-icon accuracy-icon"></i>
+                        <h3>{{ number_format($accuracy, 2) }}%</h3>
+                        <h6>Akurasi Model</h6>
+                    </div>
+                </div>
+
+                <!-- Precision -->
+                <div class="col-md-4">
+                    <div class="card card-main">
+                        <i class="bx bx-target-lock custom-icon data-icon"></i>
+                        <h3>{{ number_format($precision, 2) }}%</h3>
+                        <h6>Precision</h6>
+                    </div>
+                </div>
+
+                <!-- Recall -->
+                <div class="col-md-4">
+                    <div class="card card-main">
+                        <i class="bx bx-refresh custom-icon data-icon"></i>
+                        <h3>{{ number_format($recall, 2) }}%</h3>
+                        <h6>Recall</h6>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Baris Baru untuk TP, FP, FN -->
+            <div class="row mt-3">
+                <!-- True Positive (TP) -->
+                <div class="col-md-4">
+                    <div class="card card-main">
+                        <i class="bx bx-check-circle custom-icon tp-icon"></i>
+                        <h3>{{ number_format($TP) }}</h3>
+                        <h6>True Positive (TP)</h6>
+                    </div>
+                </div>
+
+                <!-- False Positive (FP) -->
+                <div class="col-md-4">
+                    <div class="card card-main">
+                        <i class="bx bx-x-circle custom-icon fp-icon"></i>
+                        <h3>{{ number_format($FP) }}</h3>
+                        <h6>False Positive (FP)</h6>
+                    </div>
+                </div>
+
+                <!-- False Negative (FN) -->
+                <div class="col-md-4">
+                    <div class="card card-main">
+                        <i class="bx bx-error custom-icon fn-icon"></i>
+                        <h3>{{ number_format($FN) }}</h3>
+                        <h6>False Negative (FN)</h6>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <style>
+            .hover-card {
+                transition: transform 0.3s ease, box-shadow 0.3s ease;
+            }
+
+            .hover-card:hover {
+                transform: translateY(-5px);
+                box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+            }
+        </style>
+
+        {{--
+        <div class="col-lg-12">
+            <div class="card shadow-sm border-0">
+                <div class="card-body">
+                    <h5 class="card-title mb-3">Jumlah Data</h5>
+                    <div class="row g-2">
+                        <div class="col-md-10">
+                            <form action="{{ route('testData.show') }}" method="GET" class="d-flex gap-2">
+                                <select name="test_percentage'" class="form-select">
+                                    <option value="100" {{ request('test_percentage')==100 ? 'selected' : '' }}>100%
+                                    </option>
+                                    <option value="75" {{ request('test_percentage')==75 ? 'selected' : '' }}>75%
+                                    </option>
+                                    <option value="50" {{ request('test_percentage')==50 ? 'selected' : '' }}>50%
+                                    </option>
+                                    <option value="25" {{ request('test_percentage')==25 ? 'selected' : '' }}>25%
+                                    </option>
+                                </select>
+                                <button type="submit" class="btn btn-primary">
+                                    <i class="bx bxs-mouse-alt me-1"></i> Terapkan
+                                </button>
+                            </form>
+                        </div>
+                        <div class="col-md-2">
+                            <form action="{{ route('testData.reset') }}" method="POST">
+                                @csrf
+                                <button type="submit" class="btn btn-danger w-100">
+                                    <i class="bx bx-reset me-1"></i> <br> Reset Data
+                                </button>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div> --}}
+
+        <div class="container mb-0">
+            <!-- Judul -->
+            <div class="row justify-content-center text-center mt-4">
+                <div class="col-12">
+                    <h2 class="status-title">Probabilitas Kelas</h2>
+                </div>
+            </div>
+            <!-- Kartu Status -->
+            <div class="row justify-content-center">
+                <!-- Kartu Tepat -->
+                <div class="col-md-5">
+                    <div class="card status-card bg-success text-white shadow-lg">
+                        <div class="card-body">
+                            <div class="d-flex align-items-center justify-content-center mb-3">
+                                <i class="bx bx-check-circle icon me-3"></i>
+                                <div class="text-start">
+                                    <div class="number">{{ number_format($probStatus['Tepat'] ?? 0, 2) }}%</div>
+                                    <div class="status-label">Tepat</div>
+                                    <small>Sejumlah <b> {{ $totalTercapai }} </b> dari {{ $totalTestData }} data</small>
+                                </div>
+                            </div>
+                            <div class="progress mx-auto" style="width: 80%;">
+                                <div class="progress-bar" role="progressbar"
+                                    style="width: {{ number_format($probStatus['Tepat'] ?? 0, 2) }}%"
+                                    aria-valuenow="{{ number_format($probStatus['Tepat'] ?? 0, 2) }}" aria-valuemin="0"
+                                    aria-valuemax="100"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Kartu Terlambat -->
+                <div class="col-md-5">
+                    <div class="card status-card bg-danger text-white shadow-lg">
+                        <div class="card-body">
+                            <div class="d-flex align-items-center justify-content-center mb-3">
+                                <i class="bx bx-x-circle icon me-3"></i>
+                                <div class="text-start">
+                                    <div class="number">{{ number_format($probStatus['Terlambat'] ?? 0, 2) }}%</div>
+                                    <div class="status-label">Terlambat</div>
+                                    <small>Sejumlah <b> {{ $totalTidakTercapai }} </b> dari {{ $totalTestData }}
+                                        data</small>
+                                </div>
+                            </div>
+                            <div class="progress mx-auto" style="width: 80%;">
+                                <div class="progress-bar" role="progressbar"
+                                    style="width: {{ number_format($probStatus['Terlambat'] ?? 0, 2) }}%"
+                                    aria-valuenow="{{ number_format($probStatus['Terlambat'] ?? 0, 2) }}"
+                                    aria-valuemin="0" aria-valuemax="100">
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="container mt-4">
+            <div class="row justify-content-center text-center mt-4">
+                <div class="col-12">
+                    <h2 class="status-title">Probabilitas Atribut Numerik</h2>
+                </div>
+            </div>
+
+            <div class="row justify-content-center">
+                <!-- Probabilitas Capaian Al-Qur'an -->
+                <div class="col-md-4">
+                    <div class="card shadow-sm border-0 text-center p-3">
+                        <div class="d-flex justify-content-center mb-2">
+                            <span class="rounded-circle bg-primary p-3">
+                                <i class="fas fa-book-open text-white fs-4"></i>
+                            </span>
+                        </div>
+                        <h5 class="fw-bold text-primary">Capaian Al-Qur'an</h5>
+                        <p class="small text-muted fw-bold">Mean</p>
+                        <div class="d-flex justify-content-between">
+                            <div>
+                                <p class="small text-muted mb-1">Tercapai</p>
+                                <p class="fw-bold fs-5 ">{{ number_format($probNumerik['alquran']['Tercapai']['mean'],
+                                    2) }}</p>
+                            </div>
+                            <div>
+                                <p class="small text-muted mb-1">Tidak Tercapai</p>
+                                <p class="fw-bold fs-5 text-danger">{{ number_format($probNumerik['alquran']['Tidak Tercapai']['mean'], 2) }}</p>
+                            </div>
+                        </div>
+                        <hr class="my-2">
+                        <p class="small text-muted fw-bold">Standar Deviasi</p>
+                        <div class="d-flex justify-content-between">
+                            <div>
+                                <p class="small text-muted mb-1">Tercapai</p>
+                                <p class="fw-bold fs-6 ">{{
+                                    number_format($probNumerik['alquran']['Tercapai']['std_dev'], 2) }}</p>
+                            </div>
+                            <div>
+                                <p class="small text-muted mb-1">Tidak Tercapai</p>
+                                <p class="fw-bold fs-6 text-danger">{{ number_format($probNumerik['alquran']['Tidak Tercapai']['std_dev'], 2) }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Probabilitas Capaian Al-Hadis -->
+                <div class="col-md-4">
+                    <div class="card shadow-sm border-0 text-center p-3">
+                        <div class="d-flex justify-content-center mb-2">
+                            <span class="rounded-circle bg-success p-3">
+                                <i class="fas fa-scroll text-white fs-4"></i>
+                            </span>
+                        </div>
+                        <h5 class="fw-bold text-success">Capaian Al-Hadis</h5>
+                        <p class="small text-muted fw-bold">Mean</p>
+                        <div class="d-flex justify-content-between">
+                            <div>
+                                <p class="small text-muted mb-1">Tercapai</p>
+                                <p class="fw-bold fs-5 ">{{ number_format($probNumerik['alhadis']['Tercapai']['mean'],
+                                    2) }}</p>
+                            </div>
+                            <div>
+                                <p class="small text-muted mb-1">Tidak Tercapai</p>
+                                <p class="fw-bold fs-5 text-danger">{{ number_format($probNumerik['alhadis']['Tidak Tercapai']['mean'], 2) }}</p>
+                            </div>
+                        </div>
+                        <hr class="my-2">
+                        <p class="small text-muted fw-bold">Standar Deviasi</p>
+                        <div class="d-flex justify-content-between">
+                            <div>
+                                <p class="small text-muted mb-1">Tercapai</p>
+                                <p class="fw-bold fs-6 ">{{
+                                    number_format($probNumerik['alhadis']['Tercapai']['std_dev'], 2) }}</p>
+                            </div>
+                            <div>
+                                <p class="small text-muted mb-1">Tidak Tercapai</p>
+                                <p class="fw-bold fs-6 text-danger">{{ number_format($probNumerik['alhadis']['Tidak Tercapai']['std_dev'], 2) }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Probabilitas Tahun Angkatan -->
+                <div class="col-md-4">
+                    <div class="card shadow-sm border-0 text-center p-3">
+                        <div class="d-flex justify-content-center mb-2">
+                            <span class="rounded-circle bg-warning p-3">
+                                <i class="fas fa-calendar-alt text-white fs-4"></i>
+                            </span>
+                        </div>
+                        <h5 class="fw-bold text-warning">Tahun Angkatan</h5>
+                        <p class="small text-muted fw-bold">Mean</p>
+                        <div class="d-flex justify-content-between">
+                            <div>
+                                <p class="small text-muted mb-1">Tercapai</p>
+                                <p class="fw-bold fs-5 ">{{
+                                    number_format($probNumerik['tahun_angkatan']['Tercapai']['mean'], 2) }}</p>
+                            </div>
+                            <div>
+                                <p class="small text-muted mb-1">Tidak Tercapai</p>
+                                <p class="fw-bold fs-5 text-danger">{{
+                                    number_format($probNumerik['tahun_angkatan']['Tidak Tercapai']['mean'], 2) }}</p>
+                            </div>
+                        </div>
+                        <hr class="my-2">
+                        <p class="small text-muted fw-bold">Standar Deviasi</p>
+                        <div class="d-flex justify-content-between">
+                            <div>
+                                <p class="small text-muted mb-1">Tercapai</p>
+                                <p class="fw-bold fs-6 ">{{
+                                    number_format($probNumerik['tahun_angkatan']['Tercapai']['std_dev'], 2) }}</p>
+                            </div>
+                            <div>
+                                <p class="small text-muted mb-1">Tidak Tercapai</p>
+                                <p class="fw-bold fs-6 text-danger">{{
+                                    number_format($probNumerik['tahun_angkatan']['Tidak Tercapai']['std_dev'], 2) }}</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+
+
+        <div class="container mt-4">
+            <div class="row justify-content-center text-center mt-4">
+                <div class="col-12">
+                    <h2 class="status-title">Probabilitas Atribut Kategorik</h2>
+                </div>
+            </div>
+            <div class="row">
+                <!-- Probabilitas Jenis Kelamin -->
+                <div class="col-md-6">
+                    <div class="card">
+                        <div class="card-header bg-danger text-white">
+                            <h5 class="align-items-center d-flex fw-bold" style="margin-bottom: 0"><i
+                                    class="bx bx-universal-access me-2"></i> Jenis
+                                Kelamin
+                            </h5>
+                        </div>
+                        <div class="card-body">
+                            <table class="table">
+                                <thead>
+                                    <tr>
+                                        <th>Status</th>
+                                        <th>Laki-laki</th>
+                                        <th>Perempuan</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>Tercapai</td>
+                                        <td>{{ number_format($probKelamin['Tercapai']['Laki-laki']['probability'] * 100,
+                                            2) }}% ({{ $probKelamin['Tercapai']['Laki-laki']['count'] }}/{{
+                                            $totalTercapai }})</td>
+                                        <td>{{ number_format($probKelamin['Tercapai']['Perempuan']['probability'] * 100,
+                                            2) }}% ({{ $probKelamin['Tercapai']['Perempuan']['count'] }}/{{
+                                            $totalTercapai }})</td>
+
+                                    </tr>
+                                    <tr>
+                                        <td>Tidak Tercapai</td>
+                                        <td>{{ number_format($probKelamin['Tidak Tercapai']['Laki-laki']['probability']
+                                            * 100, 2) }}% ({{ $probKelamin['Tidak Tercapai']['Laki-laki']['count'] }}/{{
+                                            $totalTidakTercapai }})</td>
+                                        <td>{{ number_format($probKelamin['Tidak Tercapai']['Perempuan']['probability']
+                                            * 100, 2) }}% ({{ $probKelamin['Tidak Tercapai']['Perempuan']['count'] }}/{{
+                                            $totalTidakTercapai }})</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Probabilitas Asal Daerah -->
+                <div class="col-md-6">
+                    <div class="card">
+                        <div class="card-header bg-primary text-white">
+                            <h5 class="align-items-center d-flex fw-bold" style="margin-bottom: 0"><i
+                                    class="bx bx-buildings me-2"></i> Asal Daerah
+                            </h5>
+                        </div>
+                        <div class="card-body">
+                            <table class="table">
+                                <thead>
+                                    <tr>
+                                        <th>Status</th>
+                                        <th>Dalam Provinsi</th>
+                                        <th>Luar Provinsi</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>Tercapai</td>
+                                        <td>{{ number_format($probProvinsi['Tercapai']['Dalam Provinsi']['probability']
+                                            * 100, 2) }}% ({{ $probProvinsi['Tercapai']['Dalam Provinsi']['count'] }}/{{
+                                            $totalTercapai }})</td>
+                                        <td>{{ number_format($probProvinsi['Tercapai']['Luar Provinsi']['probability'] *
+                                            100, 2) }}% ({{ $probProvinsi['Tercapai']['Luar Provinsi']['count'] }}/{{
+                                            $totalTercapai }})</td>
+
+                                    </tr>
+                                    <tr>
+                                        <td>Tidak Tercapai</td>
+                                        <td>{{ number_format($probProvinsi['Tidak Tercapai']['Dalam Provinsi']['probability'] * 100, 2) }}% ({{ $probProvinsi['Tidak Tercapai']['Dalam Provinsi']['count'] }}/{{ $totalTidakTercapai }})</td>
+                                        <td>{{ number_format($probProvinsi['Tidak Tercapai']['Luar Provinsi']['probability'] * 100, 2) }}% ({{ $probProvinsi['Tidak Tercapai']['Luar Provinsi']['count'] }}/{{ $totalTidakTercapai }})</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="container">
+            <div class="row justify-content-center text-center mt-4">
+                <div class="col-12">
+                    <h2 class="status-title">Peluang</h2>
+                </div>
+            </div>
+            <div class="row">
+                <!-- Probabilitas Berdasarkan Asal Daerah -->
+                <div class="col-md-6">
+                    <div class="card">
+                        <div class="card-header bg-info text-white">
+                            <h5 class="align-items-center d-flex fw-bold" style="margin-bottom: 0"><i
+                                    class="bx bx-map-pin me-2"></i> Asal Daerah
+                            </h5>
+                        </div>
+                        <div class="card-body">
+                            <table class="table">
+                                <thead>
+                                    <tr>
+                                        <th>Kategori</th>
+                                        <th>Jumlah</th>
+                                        <th>Peluang Tepat Waktu</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>Dalam Provinsi</td>
+                                        <td>{{ number_format($probRegion['Dalam Provinsi']['probability'] ?? 0, 2) }}%
+                                        </td>
+                                        <td>{{ number_format($peluangRegion['Dalam Provinsi']['peluang'] ?? 0, 2) }}%
+                                        </td>
+                                    </tr>
+                                    <tr>
+                                        <td>Luar Provinsi</td>
+                                        <td>{{ number_format($probRegion['Luar Provinsi']['probability'] ?? 0, 2) }}%
+                                        </td>
+                                        <td>{{ number_format($peluangRegion['Luar Provinsi']['peluang'] ?? 0, 2) }}%
+                                        </td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Probabilitas Berdasarkan Jenis Kelamin -->
+                <div class="col-md-6">
+                    <div class="card">
+                        <div class="card-header bg-secondary text-white">
+                            <h5 class="align-items-center d-flex fw-bold" style="margin-bottom: 0"><i
+                                    class="bx bxs-user-badge me-2"></i> Jenis
+                                Kelamin
+                            </h5>
+                        </div>
+                        <div class="card-body">
+                            <table class="table">
+                                <thead>
+                                    <tr>
+                                        <th>Kategori</th>
+                                        <th>Jumlah</th>
+                                        <th>Peluang Tepat Waktu</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <tr>
+                                        <td>Laki Laki</td>
+                                        <td>{{ number_format($probGender['Laki-laki']['probability'] ?? 0, 2) }}%</td>
+                                        <td>{{ number_format($peluangGender['Laki-laki']['peluang'] ?? 0, 2) }}%</td>
+                                    </tr>
+                                    <tr>
+                                        <td>Perempuan</td>
+                                        <td>{{ number_format($probGender['Perempuan']['probability'] ?? 0, 2) }}%</td>
+                                        <td>{{ number_format($peluangGender['Perempuan']['peluang'] ?? 0, 2) }}%</td>
+                                    </tr>
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Hasil Klasifikasi -->
+        <div class="col-12">
+            <div class="row justify-content-center text-center mt-4">
+                <div class="col-12">
+                    <h2 class="status-title">Hasil Klasifikasi</h2>
+                </div>
+            </div>
+            <div class="card">
+                <div class="card-body">
+                    <div class="d-flex justify-content-between align-items-center mb-3">
+                        <h5 class="card-title mb-0">Hasil</h5>
+                        <!-- Tombol Export Excel -->
+                        <button id="btnExcel" class="btn btn-success">
+                            <i class='bx bx-file'></i> Export Excel
+                        </button>
+                    </div>
+
+                    <div class="table-responsive">
+                        <table id="dataTable" class="table table-striped table-bordered">
+                            <thead>
+                                <tr>
+                                    <th>Nama</th>
+                                    <th>Jenis Kelamin</th>
+                                    <th>NIS</th>
+                                    <th>Asal Daerah</th>
+                                    <th>Tahun Angkatan</th>
+                                    <th>Capaian Hadis</th>
+                                    <th>Capaian Al Qur'an</th>
+                                    <th>Status Aktual</th>
+                                    <th>Status Prediksi</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @foreach ($testData as $item)
+                                <tr>
+                                    <td>{{ $item->nama }}</td>
+                                    <td>{{ $item->jenis_kelamin }}</td>
+                                    <td>{{ $item->nis }}</td>
+                                    <td>
+                                        @if ($item->asal_daerah === 'dalamProvinsi')
+                                        Dalam Provinsi
+                                        @elseif ($item->asal_daerah === 'luarProvinsi')
+                                        Luar Provinsi
+                                        @else
+                                        {{ $item->asal_daerah }}
+                                        @endif
+                                    </td>
+                                    <td>{{ $item->tahun_angkatan }}</td>
+                                    <td>{{ $item->alhadis }}</td>
+                                    <td>{{ $item->alquran }}</td>
+                                    <td>{{ $item->status }}</td>
+                                    <td>
+                                        @if ($item->predicted_status == 'Tercapai')
+                                        <span class="badge bg-success">Tepat</span>
+                                        @else
+                                        <span class="badge bg-danger">Terlambat</span>
+                                        @endif
+                                    </td>
+                                </tr>
+                                @endforeach
+                            </tbody>
+                        </table>
+                    </div>
+
+                </div>
+            </div>
+        </div>
+
+
+
+    </div>
+</main>
+
+<!-- DataTables & SweetAlert -->
+<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.css">
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.min.js"></script>
+<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css">
+<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
+<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
+<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
+
+<script>
+    $(document).ready(function () {
+        var table = $('#dataTable').DataTable({
+            responsive: true,
+            scrollX: true,
+            autoWidth: false,
+            dom: 'Bfrtip',
+            buttons: [
+            ],
+            language: {
+                search: "Cari:",
+                lengthMenu: "Tampilkan _MENU_ data",
+                info: "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
+                infoEmpty: "Tidak ada data tersedia",
+                infoFiltered: "(disaring dari _MAX_ total data)"
+            }
+        });
+
+        // Event untuk tombol export
+        $('#btnExcel').on('click', function () {
+            table.button('.buttons-excel').trigger();
+        });
+
+        new $.fn.dataTable.Buttons(table, {
+            buttons: [
+                { extend: 'excelHtml5', className: 'buttons-excel', title: 'Data Klasifikasi' },
+            ]
+        });
+    });
+</script>
+@endsection

resources/views/pages/admin/train-data.blade.php

@@ -13,6 +13,20 @@
                 <li class="breadcrumb-item active">Data Latih</li>
             </ol>
         </nav>
+        <!-- SweetAlert2 -->
+        <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+        @if(session('error'))
+        <script>
+            Swal.fire({
+                icon: 'error',
+                title: 'Oops...',
+                text: "{{ session('error') }}",
+                confirmButtonColor: '#d33'
+            });
+        </script>
+        @endif
+
+
 
         <div class="col-lg-12">
             <div class="card shadow-sm border-0">
@@ -51,6 +65,45 @@ class="btn btn-warning w-100 d-flex align-items-center justify-content-center ga
             </div>
         </div>
 
+        <div class="col-lg-12">
+            <div class="card shadow-sm border-0">
+                <div class="card-body">
+                    <h5 class="card-title mb-3">Bagi Data</h5>
+                    <div class="row g-2">
+                        <div class="col-md-12">
+                            <form action="{{ route('trainData.setPercentage') }}" method="GET" class="d-flex gap-2 card-body">
+                                <select name="train_percentage" class="form-select">
+                                    <option value="90" {{ request('train_percentage')==90 ? 'selected' : '' }}>90% Data Latih
+                                        10% Data Uji</option>
+                                    <option value="80" {{ request('train_percentage')==80 ? 'selected' : '' }}>80% Data Latih
+                                        20% Data Uji</option>
+                                    <option value="70" {{ request('train_percentage')==70 ? 'selected' : '' }}>70% Data Latih
+                                        30% Data Uji</option>
+                                    <option value="60" {{ request('train_percentage')==60 ? 'selected' : '' }}>60% Data Latih
+                                        40% Data Uji</option>
+                                    <option value="50" {{ request('train_percentage')==50 ? 'selected' : '' }}>50% Data Latih
+                                        50% Data Uji</option>
+                                    <option value="40" {{ request('train_percentage')==40 ? 'selected' : '' }}>40% Data Latih
+                                        60% Data Uji</option>
+                                    <option value="30" {{ request('train_percentage')==30 ? 'selected' : '' }}>30% Data Latih
+                                        70% Data Uji</option>
+                                    <option value="20" {{ request('train_percentage')==20 ? 'selected' : '' }}>20% Data Latih
+                                        80% Data Uji</option>
+                                    <option value="10" {{ request('train_percentage')==10 ? 'selected' : '' }}>10% Data Latih
+                                        90% Data Uji</option>
+                                    <option value="0" {{ request('train_percentage')==0 ? 'selected' : '' }}>100% Data Uji
+                                    </option>
+                                </select>
+                                <button type="submit" class="btn btn-primary">
+                                    <i class="bx bxs-mouse-alt me-1"></i> Terapkan
+                                </button>
+                            </form>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
         <div class="col-12 dashboard">
             <div class="row">
                 <div class="col-lg-12">
@@ -79,10 +132,18 @@ class="btn btn-warning w-100 d-flex align-items-center justify-content-center ga
                                             <td>{{ $item->nama ?? '—' }}</td>
                                             <td>{{ $item->jenis_kelamin ?? '—' }}</td>
                                             <td>{{ $item->nis ?? '—' }}</td>
-                                            <td>{{ $item->asal_daerah ?? '—' }}</td>
+                                            <td>
+                                                @if ($item->asal_daerah === 'dalamProvinsi')
+                                                Dalam Provinsi
+                                                @elseif ($item->asal_daerah === 'luarProvinsi')
+                                                Luar Provinsi
+                                                @else
+                                                {{ $item->asal_daerah }}
+                                                @endif
+                                            </td>
                                             <td>{{ $item->tahun_angkatan }}</td>
                                             <td>
-                                                {{ $item->alhadis >= 1997 ? 'Khatam' : 'Belum Khatam' }}
+                                                {{ $item->alhadis >= 2174 ? 'Khatam' : 'Belum Khatam' }}
                                             </td>
                                             <td>
                                                 {{ $item->alquran >= 606 ? 'Khatam' : 'Belum Khatam' }}
@@ -214,5 +275,8 @@ class="btn btn-warning w-100 d-flex align-items-center justify-content-center ga
     });
 });
 
+
+
+
 </script>
 @endsection

resources/views/pages/auth/login.blade.php

@@ -1,6 +1,7 @@
 @extends('layouts.app-none')
-@section('title', 'Login | SR Klasifikasi')
+<title>Login | SR Klasifikasi</title>
 @section('content')
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 <section class="section register min-vh-100 d-flex flex-column align-items-center justify-content-center py-4">
     <div class="container">
         <div class="row justify-content-center">
@@ -20,29 +21,35 @@
 
                         {{-- Tampilkan error jika ada --}}
                         @if($errors->any())
-                        <div class="alert alert-danger">
-                            <ul>
-                                @foreach($errors->all() as $error)
-                                <li>{{ $error }}</li>
-                                @endforeach
-                            </ul>
-                        </div>
+                        <script>
+                            Swal.fire({
+                                icon: 'error',
+                                title: 'Oops...',
+                                text: "{{ $errors->first() }}",
+                                confirmButtonColor: '#d33'
+                            });
+                        </script>
                         @endif
 
                         @if(session('success'))
-                        <div class="alert alert-success">
-                            {{ session('success') }}
-                        </div>
+                        <script>
+                            Swal.fire({
+                                icon: 'success',
+                                title: 'Berhasil!',
+                                text: "{{ session('success') }}",
+                                confirmButtonColor: '#28a745'
+                            });
+                        </script>
                         @endif
 
                         <form class="row g-3 needs-validation" action="{{ route('login.post') }}" method="POST"
                             novalidate>
                             @csrf
                             <div class="col-12">
-                                <label for="emailUser" class="form-label">Email</label>
+                                <label for="identifier" class="form-label">NIS / Email</label>
                                 <div class="input-group has-validation">
-                                    <input type="text" name="email" class="form-control" id="emailUser" required>
-                                    <div class="invalid-feedback">Masukkan Email Anda</div>
+                                    <input type="text" name="identifier" class="form-control" id="identifier" required>
+                                    <div class="invalid-feedback">Masukkan NIS atau Email Anda</div>
                                 </div>
                             </div>
 
@@ -51,7 +58,6 @@
                                 <div class="input-group has-validation">
                                     <input type="password" name="password" class="form-control" id="passwordUser"
                                         required>
-                                    <!-- Tombol toggle untuk show/hide password -->
                                     <button class="btn btn-outline-secondary" type="button" id="togglePassword">
                                         <i class="bx bx-show"></i>
                                     </button>
@@ -94,4 +100,5 @@
         }
     });
 </script>
+
 @endsection

resources/views/pages/auth/register.blade.php

@@ -58,11 +58,28 @@
 
                             <div class="col-12">
                                 <label for="passwordSantri" class="form-label">Password</label>
+                                <div class="input-group">
                                 <input type="password" name="password" class="form-control" id="passwordSantri"
                                     required>
+                                    <span class="input-group-text toggle-password" data-target="passwordSantri">
+                                        <i class="bx bx-hide"></i>
+                                    </span>
+                                </div>
                                 <div class="invalid-feedback">Masukkan Password Anda</div>
                             </div>
 
+                            <div class="col-12">
+                                <label for="confirmPasswordSantri" class="form-label">Konfirmasi Password</label>
+                                <div class="input-group">
+                                    <input type="password" name="password_confirmation" class="form-control"
+                                        id="confirmPasswordSantri" required>
+                                    <span class="input-group-text toggle-password" data-target="confirmPasswordSantri">
+                                        <i class="bx bx-hide"></i>
+                                    </span>
+                                </div>
+                                <div class="invalid-feedback">Masukkan Konfirmasi Password Anda</div>
+                            </div>
+
                             <div class="col-12">
                                 <label for="jenisKelamin" class="form-label">Jenis Kelamin</label>
                                 <select class="form-select" name="jenis_kelamin" id="jenisKelamin" required>
@@ -77,14 +94,14 @@
                                 <label for="asalDaerah" class="form-label">Asal Daerah</label>
                                 <select class="form-select" name="asal_daerah" id="asalDaerah" required>
                                     <option value="" selected disabled>Pilih Asal Daerah</option>
-                                    <option value="dalamProvinsi">Dalam Provinsi</option>
-                                    <option value="luarProvinsi">Luar Provinsi</option>
+                                    <option value="Dalam Provinsi">Dalam Provinsi</option>
+                                    <option value="Luar Provinsi">Luar Provinsi</option>
                                 </select>
                                 <div class="invalid-feedback">Pilih Asal Daerah Anda</div>
                             </div>
 
                             <div class="col-12">
-                                <button class="btn btn-primary w-100" type="submit">Daftar</button>
+                                <button class="btn btn-primary w-100" type="submit" id="btnRegister" disabled>Daftar</button>
                             </div>
 
                             <div class="col-12 d-flex justify-content-center">
@@ -100,4 +117,73 @@
         </div>
     </div>
 </section>
+
+<!-- SweetAlert2 -->
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+
+<script>
+    document.addEventListener("DOMContentLoaded", function() {
+        const nisInput = document.getElementById("NISSantri");
+        const btnRegister = document.getElementById("btnRegister");
+
+        nisInput.addEventListener("input", function() {
+            let nisValue = this.value.trim();
+
+            if (nisValue.length > 0 && !/^([IA])/i.test(nisValue)) {
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Data Tidak Valid',
+                    confirmButtonColor: '#d33'
+                });
+
+                this.value = "";  // Kosongkan input NIS
+                btnRegister.disabled = true;  // Nonaktifkan tombol daftar
+            } else {
+                btnRegister.disabled = false;  // Aktifkan tombol daftar jika valid
+            }
+        });
+    });
+    document.addEventListener("DOMContentLoaded", function () {
+        // Show/Hide Password
+        document.querySelectorAll(".toggle-password").forEach(button => {
+            button.addEventListener("click", function () {
+                let targetId = this.getAttribute("data-target");
+                let input = document.getElementById(targetId);
+                let icon = this.querySelector("i");
+
+                if (input.type === "password") {
+                    input.type = "text";
+                    icon.classList.remove("bx-hide");
+                    icon.classList.add("bx-show");
+                } else {
+                    input.type = "password";
+                    icon.classList.remove("bx-show");
+                    icon.classList.add("bx-hide");
+                }
+            });
+        });
+
+        // Validasi Konfirmasi Password dengan SweetAlert
+        document.getElementById("registerForm").addEventListener("submit", function (event) {
+            let password = document.getElementById("passwordSantri").value;
+            let confirmPassword = document.getElementById("confirmPasswordSantri").value;
+
+            if (password !== confirmPassword) {
+                event.preventDefault();
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Oops...',
+                    text: 'Konfirmasi password tidak cocok!',
+                });
+            }
+        });
+    });
+</script>
+
+<style>
+    .toggle-password {
+        cursor: pointer;
+    }
+</style>
+
 @endsection

resources/views/pages/santri/counting.blade.php

@@ -49,8 +49,8 @@
                                 name="alquran" value="{{ old('alquran') }}" max="606" required>
                         </div>
                         <div class="col-md-6">
-                            <input type="number" class="form-control" placeholder="Jumlah Al-Hadis Isi : Max 1997"
-                                name="alhadis" value="{{ old('alhadis') }}" max="1997" required>
+                            <input type="number" class="form-control" placeholder="Jumlah Al-Hadis Isi : Max 2174"
+                                name="alhadis" value="{{ old('alhadis') }}" max="2174" required>
                         </div>
                         <div class="text-center">
                             <button type="submit" class="btn btn-primary">Hitung & Simpan</button>
@@ -83,22 +83,13 @@
                                 <td>{{ $latest->alhadis }}</td>
                             </tr>
                             <tr>
-                                <th><i class="bx bx-line-chart"></i> Nilai (n)</th>
+                                <th><i class="bx bx-line-chart"></i>Angka Capaian</th>
                                 <td>
                                     <strong>
                                         {{ number_format($latest->nilai_n, 2) }}%
                                     </strong>
                                 </td>
                             </tr>
-                            <tr>
-                                <th><i class='bx bx-calculator'></i> Hasil</th>
-                                <td>
-                                    <span
-                                        class="badge {{ $latest->status === 'Tercapai' ? 'bg-success' : 'bg-danger' }}">
-                                        {{ $latest->status }}
-                                    </span>
-                                </td>
-                            </tr>
 
                             {{-- Perhitungan detail target keseluruhan --}}
                             @php
@@ -106,11 +97,11 @@ class="badge {{ $latest->status === 'Tercapai' ? 'bg-success' : 'bg-danger' }}">
                             $now = \Carbon\Carbon::today();
                             $x = $start->diffInDays($now);
                             $y = $latest->alquran + $latest->alhadis;
-                            $targetSpeed = 2603 / 1095;
+                            $targetSpeed = 2780 / 1095;
 
                             // Hitung nilai kecepatan (nCheck) sebagai persentase
                             $nCheck = 0;
-                            if ($y >= 2603) {
+                            if ($y >= 2780) {
                             $nCheck = 100;
                             } elseif ($x > 0) {
                             $userSpeed = $y / $x;
@@ -120,7 +111,7 @@ class="badge {{ $latest->status === 'Tercapai' ? 'bg-success' : 'bg-danger' }}">
                             // Tentukan status detail untuk target keseluruhan
                             $detailStatus = '';
                             $badgeClass = '';
-                            if ($y >= 2603) {
+                            if ($y >= 2780) {
                             $detailStatus = "Sesuai Target (Halaman penuh)";
                             $badgeClass = 'bg-success';
                             } elseif ($x == 0) {
@@ -141,20 +132,11 @@ class="badge {{ $latest->status === 'Tercapai' ? 'bg-success' : 'bg-danger' }}">
 
                                 // Hitung kekurangan halaman untuk Quran dan Hadis
                                 $quranShort = $latest->alquran < 606 ? (606 - $latest->alquran) : 0;
-                                    $hadisShort = $latest->alhadis < 1997 ? (1997 - $latest->alhadis) : 0;
+                                    $hadisShort = $latest->alhadis < 2174 ? (2174 - $latest->alhadis) : 0;
                                         $quranStatus = $latest->alquran >= 606 ? 'Khatam' : 'Belum Khatam';
-                                        $hadisStatus = $latest->alhadis >= 1997 ? 'Khatam' : 'Belum Khatam';
+                                        $hadisStatus = $latest->alhadis >= 2174 ? 'Khatam' : 'Belum Khatam';
                                         @endphp
 
-                                        <tr>
-                                            <th><i class="bx bx-info-circle"></i> Status Detail</th>
-                                            <td>
-                                                <span class="badge {{ $badgeClass }}">
-                                                    {{ $detailStatus }}
-                                                </span>
-                                            </td>
-                                        </tr>
-
                                         {{-- Kolom tambahan: Status Quran --}}
                                         <tr>
                                             <th><i class="bx bx-book"></i> Status Quran</th>
@@ -182,6 +164,47 @@ class="badge {{ $latest->status === 'Tercapai' ? 'bg-success' : 'bg-danger' }}">
                                                 @endif
                                             </td>
                                         </tr>
+                                        
+                                        @php
+                                        $totalHalaman = 2780;
+                                        $halamanDikerjakan = $latest->alquran + $latest->alhadis;
+                                        $sisaHalaman = max(0, $totalHalaman - $halamanDikerjakan);
+                                        $targetPerHari = 2.38;
+                                        $estimasiHari = ceil($sisaHalaman / $targetPerHari);
+
+                                        // Estimasi tanggal lulus
+                                        $estimasiTanggal = now()->addDays($estimasiHari)->format('d-m-Y');
+
+                                        $statusKhatam = $halamanDikerjakan >= $totalHalaman ? "Sudah Khatam" : "Belum Khatam";
+                                        @endphp
+
+                                        <tr>
+                                            <th><i class="bx bx-hourglass"></i> Perkiraan Lulus</th>
+                                            <td>
+                                                <span class="badge bg-primary">
+                                                    {{ $estimasiHari }} hari lagi ({{ $estimasiTanggal }})
+                                                </span>
+                                            </td>
+                                        </tr>
+
+                                        <tr>
+                                            <th><i class="bx bx-info-circle"></i> Status Detail</th>
+                                            <td>
+                                                <span class="badge {{ $badgeClass }}">
+                                                    {{ $detailStatus }}
+                                                </span>
+                                            </td>
+                                        </tr>
+                                        
+                                        <tr>
+                                            <th><i class='bx bx-calculator'></i> Hasil</th>
+                                            <td>
+                                                <span
+                                                    class="badge {{ $latest->status === 'Tercapai' ? 'bg-success' : 'bg-danger' }}">
+                                                    {{ $latest->status }}
+                                                </span>
+                                            </td>
+                                        </tr>
 
                         </table>
                     </div>

resources/views/pages/santri/dashboard.blade.php

@@ -3,28 +3,62 @@
 @section('content')
 <style>
     .verification-card {
-    background-color: #f8f9fa;
-    border-left: 5px solid #ffc107;
-    transition: transform 0.3s ease, box-shadow 0.3s ease;
+        background-color: #f8f9fa;
+        border-left: 5px solid #ffc107;
+        transition: transform 0.3s ease, box-shadow 0.3s ease;
     }
-    
+
     .verification-card:hover {
-    transform: scale(1.02);
-    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+        transform: scale(1.02);
+        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     }
-    
+
+    .time-text{
+        color:#012970;
+    }
+
     .verification-card .card-icon {
-    width: 50px;
-    height: 50px;
-    background-color: #ffc107;
-    color: white;
-    font-size: 1.8rem;
-    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+        width: 50px;
+        height: 50px;
+        background-color: #ffc107;
+        color: white;
+        font-size: 1.8rem;
+        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     }
-    
-    .text-success, .text-danger {
-    font-size: 1.3rem;
-    font-weight: bold;
+
+
+
+    .estimation-card {
+        background-color: #f8f9fa;
+        border-left: 5px solid #8B07FFFF;
+        transition: transform 0.3s ease, box-shadow 0.3s ease;
+    }
+
+    .estimation-card:hover {
+        transform: scale(1.02);
+        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    }
+
+    .estimation-card .card-icon {
+        width: 50px;
+        height: 50px;
+        background-color: #8B07FFFF;
+        color: white;
+        font-size: 1.8rem;
+        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+    }
+
+    .qr-container {
+        display: none;
+        text-align: center;
+        margin-top: 10px;
+    }
+
+    .qr-buttons {
+        display: flex;
+        justify-content: center;
+        gap: 10px;
+        margin-top: 10px;
     }
 </style>
 <main id="main" class="main">
@@ -39,7 +73,6 @@
             </nav>
         </div><!-- End Page Title -->
 
-        <!-- Munaqosah Card -->
         <div class="col-12">
             <div class="card info-card verification-card">
                 <div class="card-body">
@@ -54,9 +87,25 @@
                             <h6 class="text-danger">Ditolak</h6>
                             @elseif($latestRiwayat->munaqosah_status === 'Terverifikasi')
                             <h6 class="text-success">Terverifikasi</h6>
-                            <button class="btn btn-primary mt-2" onclick="generateQRCode()">Tampilkan QR</button>
-                            <div id="qrcode" class="mt-3"></div>
-                            <a id="downloadQR" class="btn btn-success mt-2 d-none" download="qrcode.pdf">Unduh PDF</a>
+
+                            <!-- Tombol Show/Hide QR -->
+                            <div class="qr-buttons">
+                                <button id="btnShowQR" class="btn btn-primary">
+                                    <i class='bx bx-show'></i> Tampilkan QR
+                                </button>
+                                <button id="btnHideQR" class="btn btn-secondary d-none">
+                                    <i class='bx bx-hide'></i> Sembunyikan QR
+                                </button>
+                            </div>
+
+                            <!-- Tempat Menampilkan QR Code -->
+                            <div id="qrContainer" class="qr-container">
+                                <div id="qrcode"></div>
+                                <a id="downloadQR" class="btn btn-success mt-2 d-none" download="qrcode.pdf">
+                                    <i class='bx bxs-file-pdf'></i> Unduh PDF
+                                </a>
+                            </div>
+
                             @else
                             <h6 class="text-warning">Belum Diverifikasi</h6>
                             @endif
@@ -64,16 +113,90 @@
                             <h6>Belum ada data</h6>
                             @endif
                         </div>
-
-                        
                     </div>
                 </div>
             </div>
         </div>
-        <!-- End Munaqosah Card -->
+
+        <div class="col-12">
+            <div class="card info-card estimation-card">
+                <div class="card-body">
+                    <h5 class="card-title">Estimasi Lulus</h5>
+                    <div class="d-flex align-items-center">
+                        <div class="card-icon rounded-circle d-flex align-items-center justify-content-center">
+                            <i class='bx bx-calendar-check'></i>
+                        </div>
+                        <div class="ps-3">
+                            @php
+                            $totalHalaman = 2780;
+                            $halamanDikerjakan = $latestRiwayat ? ($latestRiwayat->alquran + $latestRiwayat->alhadis) : 0;
+                            $sisaHalaman = max(0, $totalHalaman - $halamanDikerjakan);
+                            $targetPerHari = 2.38;
+                            $estimasiHari = ceil($sisaHalaman / $targetPerHari);
+                            $estimasiTanggal = now()->addDays($estimasiHari)->format('d-m-Y');
+                            @endphp
+
+                            @if($halamanDikerjakan >= $totalHalaman)
+                            <h4 class=" fw-bold time-text">Sudah Lulus 🎉</h4>
+                            @else
+                            <h4 class="fw-bold time-text">
+                                {{ $estimasiHari }} Hari Lagi
+                            </h4>
+                            <p class="text-muted">Perkiraan <b>{{ $estimasiTanggal }}</b></p>
+                            @endif
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Akhir Kartu Estimasi Lulus -->
+
 
         <div class="col-12 dashboard">
             <div class="row">
+                <div class="col-xxl-12 col-md-12">
+                    <div class="row">
+                        <!-- Card Tanggal -->
+                        <div class="col-md-6">
+                            <div class="card info-card date-card shadow-lg"
+                                style="background-color: #f8f9fa; border-left: 5px solid #007bff;">
+                                <div class="card-body text-center">
+                                    <h5 class="card-title text-primary fw-bold">Tanggal Hari Ini</h5>
+                                    <div class="d-flex align-items-center justify-content-center">
+                                        <div
+                                            class="card-icon rounded-circle bg-primary text-white d-flex align-items-center justify-content-center p-3">
+                                            <i class='bx bx-calendar text-white' style="font-size: 1.5rem;"></i>
+                                        </div>
+                                        <div class="ps-3">
+                                            <h6 id="current-date" class="fw-semibold " style="color: #012970">Loading...
+                                            </h6>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+                        <!-- Card Waktu -->
+                        <div class="col-md-6">
+                            <div class="card info-card time-card shadow-lg"
+                                style="background-color: #f8f9fa; border-left: 5px solid #28a745;">
+                                <div class="card-body text-center">
+                                    <h5 class="card-title text-success fw-bold">Waktu Saat Ini</h5>
+                                    <div class="d-flex align-items-center justify-content-center">
+                                        <div
+                                            class="card-icon rounded-circle bg-success text-white d-flex align-items-center justify-content-center p-3">
+                                            <i class='bx bx-time text-white' style="font-size: 1.5rem;"></i>
+                                        </div>
+                                        <div class="ps-3">
+                                            <h6 id="current-time" class="fw-semibold " style="color: #012970">Loading...
+                                            </h6>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
                 <!-- Al Quran Card -->
                 <div class="col-xxl-4 col-md-6">
                     <div class="card info-card sales-card">
@@ -145,49 +268,6 @@
                 <!-- End Hasil Klasifikasi Card -->
 
                 <!-- Waktu Card -->
-                <div class="col-xxl-12 col-md-12">
-                    <div class="row">
-                        <!-- Card Tanggal -->
-                        <div class="col-md-6">
-                            <div class="card info-card date-card shadow-lg"
-                                style="background-color: #f8f9fa; border-left: 5px solid #007bff;">
-                                <div class="card-body text-center">
-                                    <h5 class="card-title text-primary fw-bold">Tanggal Hari Ini</h5>
-                                    <div class="d-flex align-items-center justify-content-center">
-                                        <div
-                                            class="card-icon rounded-circle bg-primary text-white d-flex align-items-center justify-content-center p-3">
-                                            <i class='bx bx-calendar text-white' style="font-size: 1.5rem;"></i>
-                                        </div>
-                                        <div class="ps-3">
-                                            <h6 id="current-date" class="fw-semibold " style="color: #012970">Loading...
-                                            </h6>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-
-                        <!-- Card Waktu -->
-                        <div class="col-md-6">
-                            <div class="card info-card time-card shadow-lg"
-                                style="background-color: #f8f9fa; border-left: 5px solid #28a745;">
-                                <div class="card-body text-center">
-                                    <h5 class="card-title text-success fw-bold">Waktu Saat Ini</h5>
-                                    <div class="d-flex align-items-center justify-content-center">
-                                        <div
-                                            class="card-icon rounded-circle bg-success text-white d-flex align-items-center justify-content-center p-3">
-                                            <i class='bx bx-time text-white' style="font-size: 1.5rem;"></i>
-                                        </div>
-                                        <div class="ps-3">
-                                            <h6 id="current-time" class="fw-semibold " style="color: #012970">Loading...
-                                            </h6>
-                                        </div>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
             </div>
         </div>
     </div>
@@ -262,4 +342,26 @@ function generateQRCode() {
         };
     }
 </script>
+<script>
+    document.addEventListener("DOMContentLoaded", function () {
+        let qrContainer = document.getElementById("qrContainer");
+        let btnShowQR = document.getElementById("btnShowQR");
+        let btnHideQR = document.getElementById("btnHideQR");
+        let qrcodeElement = document.getElementById("qrcode");
+        let downloadQR = document.getElementById("downloadQR");
+
+        btnShowQR.addEventListener("click", function () {
+            generateQRCode();
+            qrContainer.style.display = "block";
+            btnShowQR.classList.add("d-none");
+            btnHideQR.classList.remove("d-none");
+        });
+
+        btnHideQR.addEventListener("click", function () {
+            qrContainer.style.display = "none";
+            btnShowQR.classList.remove("d-none");
+            btnHideQR.classList.add("d-none");
+        });
+    });
+</script>
 @endsection

resources/views/pages/santri/history.blade.php

@@ -23,7 +23,33 @@
                         {{ session('success') }}
                     </div>
                     @endif
-
+                    <div class="col-12 d-md-flex gap-2">
+                        <div class="col-4">
+                            <div class="card">
+                                <div class="card-body">
+                                    <h5 class="card-title text-center">Perkembangan Capaian</h5>
+                                    <div id="chartNilaiN" style="height: 350px;"></div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-4">
+                            <div class="card">
+                                <div class="card-body">
+                                    <h5 class="card-title text-center">Perkembangan Al-Qur'an</h5>
+                                    <div id="chartQuran" style="height: 350px;"></div>
+                                </div>
+                            </div>
+        
+                        </div>
+                        <div class="col-4">
+                            <div class="card">
+                                <div class="card-body">
+                                    <h5 class="card-title text-center">Perkembangan Al-Hadis</h5>
+                                    <div id="chartHadis" style="height: 350px;"></div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                     <div class="card">
                         <div class="card-body">
                             <h5 class="card-title">Riwayat Hitung</h5>
@@ -143,11 +169,16 @@
                 </div>
                 <div class="modal-body">
                     <div class="mb-3">
-                        <label for="admin_id" class="form-label">Admin</label>
+                        <label for="admin_id" class="form-label">Wali Kelas</label>
                         <select name="admin_id" id="admin_id" class="form-select" required>
                             <option value="">Pilih Wali Kelas</option>
                             @foreach($admins as $admin)
-                            <option value="{{ $admin->id }}" style="color: black">{{ $admin->email }}</option>
+                            @php
+                            $name = ucfirst(explode('@', $admin->email)[0]);
+                            @endphp
+                            <option value="{{ $admin->id }}" data-email="{{ $admin->email }}" style="color: black">
+                                Ustadz {{ $name }}
+                            </option>
                             @endforeach
                         </select>
                     </div>
@@ -169,5 +200,36 @@
          // Tampilkan modal
          $('#sendModal').modal('show');
     });
+
+    document.addEventListener("DOMContentLoaded", function () {
+        var categories = {!! json_encode($riwayat->pluck('created_at')->map(function($date) { return \Carbon\Carbon::parse($date)->format('Y-m-d'); })->toArray()) !!};
+
+        // Grafik Perkembangan Al-Qur'an
+        new ApexCharts(document.querySelector("#chartQuran"), {
+            chart: { type: 'area', height: 350, zoom: { enabled: true } },
+            colors: ['#007bff'], 
+            series: [{ name: "Al-Qur'an", data: {!! json_encode($riwayat->pluck('alquran')->toArray()) !!} }],
+            xaxis: { categories: categories},
+            yaxis: { title: { text: 'Jumlah Halaman' } }
+        }).render();
+
+        // Grafik Perkembangan Al-Hadis
+        new ApexCharts(document.querySelector("#chartHadis"), {
+            chart: { type: 'area', height: 350, zoom: { enabled: true } },
+            colors: ['#28a745'],
+            series: [{ name: "Al-Hadis", data: {!! json_encode($riwayat->pluck('alhadis')->toArray()) !!} }],
+            xaxis: { categories: categories},
+            yaxis: { title: { text: 'Jumlah Hadis' } }
+        }).render();
+
+        // Grafik Perkembangan Nilai N
+        new ApexCharts(document.querySelector("#chartNilaiN"), {
+            chart: { type: 'area', height: 350, zoom: { enabled: true } },
+            colors: ['#ffc107'],
+            series: [{ name: "Nilai N", data: {!! json_encode($riwayat->pluck('nilai_n')->map(function($value) { return number_format($value, 2); })->toArray()) !!} }],
+            xaxis: { categories: categories},
+            yaxis: { title: { text: 'Nilai' } }
+        }).render();
+    });
 </script>
 @endsection

resources/views/pages/santri/profil.blade.php

@@ -64,9 +64,9 @@
                         <div class="col-md-6">
                             <select id="asalDaerah" class="form-select" name="asal_daerah" required>
                                 <option value="" disabled>Pilih Asal Daerah...</option>
-                                <option value="dalamProvinsi" {{ $user->asal_daerah == 'dalamProvinsi' ? 'selected' : ''
+                                <option value="Dalam Provinsi" {{ $user->asal_daerah == 'Dalam Provinsi' ? 'selected' : ''
                                     }}>Dalam Provinsi</option>
-                                <option value="luarProvinsi" {{ $user->asal_daerah == 'luarProvinsi' ? 'selected' : ''
+                                <option value="Luar Provinsi" {{ $user->asal_daerah == 'Luar Provinsi' ? 'selected' : ''
                                     }}>Luar
                                     Provinsi</option>
                             </select>

resources/views/partial/headbar-admin.blade.php

@@ -36,7 +36,7 @@
                                     </tr>
                                     <tr>
                                         <td><i class="bi bi-book-half text-warning"></i> <b>Hadis</b></td>
-                                        <td>1997 Halaman</td>
+                                        <td>2174 Halaman</td>
                                     </tr>
                                 </tbody>
                             </table>

routes/web.php

@@ -84,6 +84,7 @@
         ->name('trainData.delete');
     Route::post('/admin/trainData/reset', [ClassificationController::class, 'resetTrainData'])
         ->name('trainData.reset');
+        Route::get('/trainData/setPercentage', [TestDataController::class, 'setPercentage'])->name('trainData.setPercentage');
     // Exam Data...........................
     Route::get('/admin/testData', [TestDataController::class, 'showTestData'])->name('testData.show');
     Route::post('/admin/testData/classify', [TestDataController::class, 'classifyData'])->name('testData.classify');