app/Exceptions/Handler.php

@@ -27,17 +27,4 @@ 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,33 +18,37 @@ public function showLogin()
     }
 
     /**
-     * Proses login (bisa dengan Email atau NIS).
+     * Proses login.
      */
     public function login(Request $request)
     {
         // Validasi input
         $request->validate([
-            'identifier' => 'required', // Bisa Email atau NIS
+            'email'    => 'required|email',
             'password' => 'required',
         ]);
 
-        // Coba autentikasi menggunakan Email atau NIS
+        // Ambil kredensial
-        $credentials = [
+        $credentials = $request->only('email', 'password');
-            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 berdasarkan role
+            // Redirect sesuai role user
-            return $user->role === 'admin'
+            if ($user->role === 'admin') {
-                ? redirect()->route('admin.dashboard')->with('success', 'Selamat datang Admin!')
+                return redirect()->route('admin.dashboard')->with('success', 'Selamat datang Admin!');
-                : redirect()->route('dashboardSantri')->with('success', 'Selamat datang Santri!');
+            } else {
+                return redirect()->route('dashboardSantri')->with('success', 'Selamat datang Santri!');
+            }
         }
 
-        return back()->withErrors(['identifier' => 'NIS/Email atau Password salah.']);
+        // Jika autentikasi gagal, kembalikan ke halaman login dengan error
+        return back()->withErrors(['email' => 'Email / Password salah.']);
     }
 
     /**
@@ -72,17 +76,17 @@ public function showRegister()
      */
     public function register(Request $request)
     {
-        // Validasi input
+        // Validasi input pendaftaran
         $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:Dalam Provinsi,Luar Provinsi',
+            'asal_daerah'    => 'required|in:dalamProvinsi,luarProvinsi',
         ]);
 
-        // Buat user baru
+        // Buat user baru dengan role "santri"
         $user = User::create([
             'name'           => $request->name,
             'nis'            => $request->nis,
@@ -93,9 +97,9 @@ public function register(Request $request)
             'asal_daerah'    => $request->asal_daerah,
         ]);
 
-        // Login otomatis setelah register
+        // Login user secara otomatis
         Auth::login($user);
 
-        return redirect()->route('dashboardSantri')->with('success', 'Pendaftaran berhasil!');
+        return redirect()->route('dashboardSantri')->with('success', 'Pendaftaran Santri berhasil!');
     }
 }

app/Http/Controllers/ClassificationController.php

@@ -83,6 +83,14 @@ 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:2174',  // maksimal 2174 halaman
+            'alhadis' => 'required|integer|min:0|max:1997',  // maksimal 1997 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) >= 2780, langsung "Tercapai"
+        // 1) Jika jumlah halaman (y) >= 2603, langsung "Tercapai"
-        if ($y >= 2780) {
+        if ($y >= 2603) {
             $n = 100;  // Anda dapat mengganti nilai sesuai kebutuhan
             $status = 'Tercapai';
         }
-        // 2) Jika y < 2780 dan x > 0, hitung kecepatan pencapaian
+        // 2) Jika y < 2603 dan x > 0, hitung kecepatan pencapaian
         elseif ($x > 0) {
             $userSpeed   = $y / $x;
-            $targetSpeed = 2780 / 1095;
+            $targetSpeed = 2603 / 1095;
             $n = ($userSpeed / $targetSpeed) * 100;
             $status = $n >= 100 ? 'Tercapai' : 'Tidak Tercapai';
         }
-        // 3) Jika x == 0 dan y < 2780, nilai default tetap 0 dengan status "Tidak Tercapai"
+        // 3) Jika x == 0 dan y < 2603, 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:Dalam Provinsi,Luar Provinsi',
+            'asal_daerah' => 'required|in:dalamProvinsi,luarProvinsi',
             'password'    => 'nullable|min:6|same:password_confirmation',
         ], [
             'password.same' => 'Konfirmasi password tidak cocok.',

app/Http/Controllers/TestDataController.php

@@ -10,198 +10,98 @@
 
 class TestDataController extends Controller
 {
-    
-
     public function showTestData(Request $request)
     {
-        $trainPercentage = $request->input('train_percentage', 80); // Default 80%
+        $percentage = $request->input('percentage', 100);
-        $testPercentage = 100 - $trainPercentage;
+        $totalTrainData = TrainData::count();
+        $limit = round(($percentage / 100) * $totalTrainData);
 
-        $totalTrainData = TrainData::count();  // Total data latih
+        // **Hapus semua data uji sebelum insert baru**
-        $trainLimit = round(($trainPercentage / 100) * $totalTrainData);
+        TestData::query()->delete();
-        $testLimit = round(($testPercentage / 100) * $totalTrainData);  // Total data uji
 
+        // **Ambil data latih acak sesuai persentase**
+        $trainData = TrainData::inRandomOrder()->limit($limit)->get();
 
-        // $totalTrainData = TrainData::count();
+        // **Gunakan array untuk memastikan NIS unik**
-        dump($totalTrainData);
+        $existingNIS = [];
-        // $trainLimit = round(($trainPercentage / 100) * $totalTrainData);
+
-        // $testLimit = round(($testPercentage / 100) * $totalTrainData);
+        foreach ($trainData as $data) {
-        dump($testLimit);
+            if (!in_array($data->nis, $existingNIS)) {
-        // Ambil data latih sesuai dengan persentase yang dikirim
+                TestData::create([
-        $trainData = TrainData::inRandomOrder()->limit($trainLimit)->get(); // Ambil data latih sesuai persentase
+                    'nama' => $data->nama,
-        dump($trainData);
+                    'jenis_kelamin' => $data->jenis_kelamin,
-        // Ambil data uji sesuai dengan sisa data setelah pengambilan data latih
+                    'nis' => $data->nis,
-        $testData = TestData::inRandomOrder()->limit($testLimit)->get();  // Ambil data uji sesuai limit
+                    '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;
+            }
+        }
 
         // **Jalankan klasifikasi otomatis**
-        $this->classifyData($trainData, $testData);
+        $this->classifyData();
+
+        // **Ambil kembali data uji**
+        $testData = TestData::all();
         $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),
+            'Tepat' => TestData::where('predicted_status', 'Tercapai')->count() * 100 / max(1, $totalTestData),
-            'Terlambat' => $testData->where('predicted_status', 'Tidak Tercapai')->count() * 100 / max(1, $totalTestData),
+            'Terlambat' => TestData::where('predicted_status', 'Tidak Tercapai')->count() * 100 / max(1, $totalTestData),
-        ];
-
-        $probRegion = [
-            'Dalam Provinsi' => $probRegion['Dalam Provinsi'] ?? 0,
-            'Luar Provinsi' => $probRegion['Luar Provinsi'] ?? 0,
         ];
 
         // **Probabilitas berdasarkan jenis kelamin**
-        $probGender = $testData->groupBy('jenis_kelamin')->map(function ($group) use ($totalTestData) {
+        $probGender = TestData::groupBy('jenis_kelamin')
-            return [
+            ->selectRaw("jenis_kelamin, COUNT(*) * 100 / $totalTestData as probability")
-                'probability' => ($group->count() * 100) / max(1, $totalTestData),
+            ->pluck('probability', 'jenis_kelamin')
-                'count' => $group->count()
+            ->toArray();
-            ];
-        })->toArray();
 
         $probGender = [
             'Laki-laki' => $probGender['Laki-laki'] ?? 0,
             'Perempuan' => $probGender['Perempuan'] ?? 0,
         ];
 
-                // **Hitung peluang tepat waktu berdasarkan jenis kelamin**
+        // **Probabilitas berdasarkan asal daerah**
-        $peluangGender = $testData->groupBy('jenis_kelamin')->map(function ($group) {
+        $probRegion = TestData::groupBy('asal_daerah')
-            $total = $group->count();
+            ->selectRaw("asal_daerah, COUNT(*) * 100 / $totalTestData as probability")
-            $tercapai = $group->filter(function ($item) {
+            ->pluck('probability', 'asal_daerah')
-                return $item->predicted_status === 'Tercapai';
+            ->toArray();
-            })->count();
 
-            return [
+        $probRegion = [
-                'peluang' => ($tercapai * 100) / max(1, $total),
+            'Dalam Provinsi' => $probRegion['Dalam Provinsi'] ?? 0,
-                'count' => $total
+            'Luar Provinsi' => $probRegion['Luar Provinsi'] ?? 0,
-            ];
-        })->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();
+        // **Hitung peluang tepat waktu berdasarkan kategori**
-        $totalTidakTercapai = $testData->where('status', 'Tidak Tercapai')->count();
+        $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();
 
-                $probKelamin = [
+        $peluangRegion = TestData::groupBy('asal_daerah')
-            'Tercapai' => [
+            ->selectRaw("asal_daerah, SUM(CASE WHEN predicted_status = 'Tercapai' THEN 1 ELSE 0 END) * 100 / COUNT(*) as peluang")
-                'Laki-laki' => [
+            ->pluck('peluang', 'asal_daerah')
-                    'probability' => $totalTercapai > 0 ? $testData->where('status', 'Tercapai')->where('jenis_kelamin', 'Laki-laki')->count() / $totalTercapai : 0,
+            ->toArray();
-                    '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 = [
+        return view('pages.admin.exam-data', compact(
-            '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'
         ));
     }
 
@@ -212,76 +112,50 @@ public function showClassify()
         return view('pages.admin.class-result', compact('classifiedData'));
     }
 
-    private function classifyData($trainData, $testData)
+    private function classifyData()
     {
-        // Ambil data latih dan pisahkan fitur dan label
+        if (TestData::count() == 0) {
-        $trainSamples = $trainData->map(function ($item) {
-            return [$item->alquran, $item->alhadis]; // Fitur
-        })->toArray();
-
-        $trainLabels = $trainData->pluck('status')->values()->toArray(); // Label
-
-        // 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
+        // Ambil data latih untuk model
-        $testSamples = $testData->map(function ($item) {
+        $trainSamples = TrainData::all()->map(function ($item) {
             return [$item->alquran, $item->alhadis]; // Fitur
         })->toArray();
 
+        $trainLabels = TrainData::pluck('status')->values()->toArray();
+
+        // Ambil data uji
+        $testSamples = TestData::all()->map(function ($item) {
+            return [$item->alquran, $item->alhadis]; // Fitur
+        })->toArray();
+
+        if (count($trainSamples) == 0 || count($testSamples) == 0) {
+            return;
+        }
+
         // Jalankan Naive Bayes
         $classifier = new NaiveBayes();
-        $classifier->train($trainSamples, $trainLabels); // Latih model dengan data latih
+        $classifier->train($trainSamples, $trainLabels);
-        $predictedLabels = $classifier->predict($testSamples);  // Prediksi data uji
+        $predictedLabels = $classifier->predict($testSamples);
 
-        // Simpan hasil prediksi ke dalam TestData
+        // Simpan hasil prediksi
+        $testData = TestData::all();
         foreach ($testData as $index => $data) {
             $data->predicted_status = $predictedLabels[$index] ?? 'Belum Diklasifikasi';
             $data->save();
         }
 
-        Log::info("DEBUG: Predicted Labels", ["PredictedLabels" => $predictedLabels]);
+        // ✅ Tambahkan debug log untuk memastikan prediksi disimpan
+        Log::info("DEBUG: Hasil Prediksi Naive Bayes", [
+            "Total Test Data" => count($testSamples),
+            "Predicted Labels" => $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', ['Dalam Provinsi', 'Luar Provinsi'])->nullable();
+            $table->enum('asal_daerah', ['dalamProvinsi', 'luarProvinsi'])->nullable();
             $table->timestamps();
         });
     }

database/seeders/UserSeeder.php

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

resources/views/layouts/sidebar.blade.php

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

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

@@ -19,59 +19,18 @@
         <div class="col-12">
             <div class="card">
                 <div class="card-body">
-                    <div class="col-12 d-flex flex-wrap justify-content-between align-items-center my-3 gap-2">
+                    <h5 class="card-title">Hasil Klasifikasi</h5>
-                        <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 class="custom-thead">
+                            <thead>
                                 <tr>
                                     <th>Nama</th>
                                     <th>Jenis Kelamin</th>
                                     <th>NIS</th>
                                     <th>Asal Daerah</th>
                                     <th>Tahun Angkatan</th>
-                                    <th>Persentase Hadis</th>
+                                    <th>Capaian Hadis</th>
-                                    <th>Persentase Qur'an</th>
+                                    <th>Capaian Al Qur'an</th>
-                                    <th>Akumulasi Qur'an & Hadis</th>
                                     <th>Status Aktual</th>
                                     <th>Status Prediksi</th>
                                 </tr>
@@ -82,34 +41,17 @@
                                     <td>{{ $item->nama }}</td>
                                     <td>{{ $item->jenis_kelamin }}</td>
                                     <td>{{ $item->nis }}</td>
-                                    <td>
+                                    <td>{{ $item->asal_daerah }}</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>{{ number_format(($item->alhadis / 2174) * 100, 2) }}%</td>
+                                    <td>{{ $item->alhadis }}</td>
-                                    <td>{{ number_format(($item->alquran / 606) * 100, 2) }}%</td>
+                                    <td>{{ $item->alquran }}</td>
-                                    <td>{{ number_format(((($item->alhadis / 2174) * 100) + (($item->alquran / 606) *
-                                        100)) / 2, 2) }}%</td>
                                     <td>{{ $item->status }}</td>
-                                    <td>
+                                    <td>{{ $item->predicted_status ?? 'Belum Diklasifikasi' }}</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>
@@ -118,78 +60,25 @@
 
 <!-- DataTables & SweetAlert -->
 <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">
+<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.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.19/dist/sweetalert2.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 () {
-        var table = $('#dataTable').DataTable({
+        $('#dataTable').DataTable({
             responsive: true,
             scrollX: true,
             autoWidth: false,
-            order: [],
+            "language": {
-            dom: 'Bfrtip',
+                "search": "Cari:",
-            buttons: [],
+                "lengthMenu": "Tampilkan _MENU_ data",
-            language: {
+                "info": "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
-                search: "Cari:",
+                "infoEmpty": "Tidak ada data tersedia",
-                lengthMenu: "Tampilkan _MENU_ data",
+                "infoFiltered": "(disaring dari _MAX_ total 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,49 +25,6 @@
         <!-- 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">
@@ -178,6 +135,50 @@ class="card-icon rounded-circle bg-success text-white d-flex align-items-center
                     </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,44 +26,18 @@
 
                     <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">Munaqosah Santri</h5>
-                                <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 -->
-                            <div class="table-responsive">
+                            <table id="dataTable" class="table">
-                                <table id="dataTable" class="table table-striped table-bordered">
+                                <thead>
-                                    <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>
@@ -77,13 +51,13 @@
                                         <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')
+                                            <!-- Jika belum ada keputusan, tampilkan tombol Verifikasi, Tolak, dan Delete -->
+
                                             <!-- Tombol Verifikasi -->
                                             <form action="{{ route('munaqosah.verify', $item->id) }}" method="POST"
                                                 style="display:inline;">
@@ -108,6 +82,7 @@
                                                 <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>
@@ -115,193 +90,7 @@
                                     @endforeach
                                 </tbody>
                             </table>
-                            </div>
+                            <!-- Sertakan SweetAlert2 -->
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-6">
-
-                    @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>
-                                                @else
-                                                <span class="badge bg-info">Selesai</span>
-                                                @endif
-                                            </td>
-                                        </tr>
-                                        @endif
-                                        @endforeach
-                                    </tbody>
-                                </table>
-                            </div>
-
-
-                        </div>
-                    </div>
-                </div>
-                <div class="col-lg-6">
-
-                    @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 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>
-
-
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <!-- SweetAlert2 -->
                             <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
 
                             <script>
@@ -318,6 +107,7 @@
                                        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
@@ -340,75 +130,39 @@
                             </script>
 
                             <!-- DataTables CSS & JS -->
-    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css">
+                            <link rel="stylesheet"
-    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.dataTables.min.css">
+                                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">
+
                             <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">
+                            <!-- Tambahkan JS Responsive -->
+                            <script src="https://cdn.datatables.net/responsive/2.4.1/js/dataTables.responsive.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({
+                                    $('#dataTable').DataTable({
-                                            responsive: true,
+                                        responsive: true, // Aktifkan fitur responsif
-                                            dom: 'Bfrtip',
+                                        "language": {
-                                            buttons: [],
+                                            "search": "Cari:",
-                                            language: {
+                                            "lengthMenu": "Tampilkan _MENU_ data",
-                                                search: "Cari:",
+                                            "zeroRecords": "Tidak ada data yang cocok",
-                                                lengthMenu: "Tampilkan _MENU_ data",
+                                            "info": "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
-                                                info: "Menampilkan _START_ sampai _END_ dari _TOTAL_ data",
+                                            "infoEmpty": "Tidak ada data tersedia",
-                                                infoEmpty: "Tidak ada data tersedia",
+                                            "infoFiltered": "(disaring dari _MAX_ total data)"
-                                                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>
+                        </div>
-        .custom-thead {
+                    </div>
-            background-color: #012970 !important;
+                </div>
-            color: white;
+            </div>
-        }
+        </div>
-
+    </div>
-        #dataTable tbody tr td {
-            background-color: #f8f9fa !important;
-            color: #012970;
-        }
-    </style>
 </main>
 @endsection

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

@@ -0,0 +1,370 @@
+@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

@@ -1,746 +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>
-@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,20 +13,6 @@
                 <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">
@@ -65,45 +51,6 @@ 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">
@@ -132,18 +79,10 @@ 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>
+                                            <td>{{ $item->asal_daerah ?? '—' }}</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 >= 2174 ? 'Khatam' : 'Belum Khatam' }}
+                                                {{ $item->alhadis >= 1997 ? 'Khatam' : 'Belum Khatam' }}
                                             </td>
                                             <td>
                                                 {{ $item->alquran >= 606 ? 'Khatam' : 'Belum Khatam' }}
@@ -275,8 +214,5 @@ 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,7 +1,6 @@
 @extends('layouts.app-none')
-<title>Login | SR Klasifikasi</title>
+@section('title', 'Login | SR Klasifikasi')
 @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">
@@ -21,35 +20,29 @@
 
                         {{-- Tampilkan error jika ada --}}
                         @if($errors->any())
-                        <script>
+                        <div class="alert alert-danger">
-                            Swal.fire({
+                            <ul>
-                                icon: 'error',
+                                @foreach($errors->all() as $error)
-                                title: 'Oops...',
+                                <li>{{ $error }}</li>
-                                text: "{{ $errors->first() }}",
+                                @endforeach
-                                confirmButtonColor: '#d33'
+                            </ul>
-                            });
+                        </div>
-                        </script>
                         @endif
 
                         @if(session('success'))
-                        <script>
+                        <div class="alert alert-success">
-                            Swal.fire({
+                            {{ session('success') }}
-                                icon: 'success',
+                        </div>
-                                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="identifier" class="form-label">NIS / Email</label>
+                                <label for="emailUser" class="form-label">Email</label>
                                 <div class="input-group has-validation">
-                                    <input type="text" name="identifier" class="form-control" id="identifier" required>
+                                    <input type="text" name="email" class="form-control" id="emailUser" required>
-                                    <div class="invalid-feedback">Masukkan NIS atau Email Anda</div>
+                                    <div class="invalid-feedback">Masukkan Email Anda</div>
                                 </div>
                             </div>
 
@@ -58,6 +51,7 @@
                                 <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>
@@ -100,5 +94,4 @@
         }
     });
 </script>
-
 @endsection

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

@@ -58,28 +58,11 @@
 
                             <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>
@@ -94,14 +77,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="Dalam Provinsi">Dalam Provinsi</option>
+                                    <option value="dalamProvinsi">Dalam Provinsi</option>
-                                    <option value="Luar Provinsi">Luar Provinsi</option>
+                                    <option value="luarProvinsi">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" id="btnRegister" disabled>Daftar</button>
+                                <button class="btn btn-primary w-100" type="submit">Daftar</button>
                             </div>
 
                             <div class="col-12 d-flex justify-content-center">
@@ -117,73 +100,4 @@
         </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 2174"
+                            <input type="number" class="form-control" placeholder="Jumlah Al-Hadis Isi : Max 1997"
-                                name="alhadis" value="{{ old('alhadis') }}" max="2174" required>
+                                name="alhadis" value="{{ old('alhadis') }}" max="1997" required>
                         </div>
                         <div class="text-center">
                             <button type="submit" class="btn btn-primary">Hitung & Simpan</button>
@@ -83,13 +83,22 @@
                                 <td>{{ $latest->alhadis }}</td>
                             </tr>
                             <tr>
-                                <th><i class="bx bx-line-chart"></i>Angka Capaian</th>
+                                <th><i class="bx bx-line-chart"></i> Nilai (n)</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
@@ -97,11 +106,11 @@
                             $now = \Carbon\Carbon::today();
                             $x = $start->diffInDays($now);
                             $y = $latest->alquran + $latest->alhadis;
-                            $targetSpeed = 2780 / 1095;
+                            $targetSpeed = 2603 / 1095;
 
                             // Hitung nilai kecepatan (nCheck) sebagai persentase
                             $nCheck = 0;
-                            if ($y >= 2780) {
+                            if ($y >= 2603) {
                             $nCheck = 100;
                             } elseif ($x > 0) {
                             $userSpeed = $y / $x;
@@ -111,7 +120,7 @@
                             // Tentukan status detail untuk target keseluruhan
                             $detailStatus = '';
                             $badgeClass = '';
-                            if ($y >= 2780) {
+                            if ($y >= 2603) {
                             $detailStatus = "Sesuai Target (Halaman penuh)";
                             $badgeClass = 'bg-success';
                             } elseif ($x == 0) {
@@ -132,11 +141,20 @@
 
                                 // Hitung kekurangan halaman untuk Quran dan Hadis
                                 $quranShort = $latest->alquran < 606 ? (606 - $latest->alquran) : 0;
-                                    $hadisShort = $latest->alhadis < 2174 ? (2174 - $latest->alhadis) : 0;
+                                    $hadisShort = $latest->alhadis < 1997 ? (1997 - $latest->alhadis) : 0;
                                         $quranStatus = $latest->alquran >= 606 ? 'Khatam' : 'Belum Khatam';
-                                        $hadisStatus = $latest->alhadis >= 2174 ? 'Khatam' : 'Belum Khatam';
+                                        $hadisStatus = $latest->alhadis >= 1997 ? '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>
@@ -165,47 +183,6 @@
                                             </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>
                 </div>

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

@@ -13,10 +13,6 @@
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
     }
     
-    .time-text{
-        color:#012970;
-    }
-
     .verification-card .card-icon {
     width: 50px;
     height: 50px;
@@ -26,39 +22,9 @@
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
     }
     
-
+    .text-success, .text-danger {
-
+    font-size: 1.3rem;
-    .estimation-card {
+    font-weight: bold;
-        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">
@@ -73,6 +39,7 @@
             </nav>
         </div><!-- End Page Title -->
 
+        <!-- Munaqosah Card -->
         <div class="col-12">
             <div class="card info-card verification-card">
                 <div class="card-body">
@@ -87,25 +54,9 @@
                             <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>
-                            <!-- Tombol Show/Hide QR -->
+                            <div id="qrcode" class="mt-3"></div>
-                            <div class="qr-buttons">
+                            <a id="downloadQR" class="btn btn-success mt-2 d-none" download="qrcode.pdf">Unduh PDF</a>
-                                <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
@@ -113,90 +64,16 @@
                             <h6>Belum ada data</h6>
                             @endif
                         </div>
-                    </div>
-                </div>
-            </div>
-        </div>
 
-        <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>
+        <!-- End Munaqosah Card -->
-        <!-- 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">
@@ -268,6 +145,49 @@ class="card-icon rounded-circle bg-success text-white d-flex align-items-center
                 <!-- 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>
@@ -342,26 +262,4 @@ 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,33 +23,7 @@
                         {{ 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>
@@ -169,16 +143,11 @@
                 </div>
                 <div class="modal-body">
                     <div class="mb-3">
-                        <label for="admin_id" class="form-label">Wali Kelas</label>
+                        <label for="admin_id" class="form-label">Admin</label>
                         <select name="admin_id" id="admin_id" class="form-select" required>
                             <option value="">Pilih Wali Kelas</option>
                             @foreach($admins as $admin)
-                            @php
+                            <option value="{{ $admin->id }}" style="color: black">{{ $admin->email }}</option>
-                            $name = ucfirst(explode('@', $admin->email)[0]);
-                            @endphp
-                            <option value="{{ $admin->id }}" data-email="{{ $admin->email }}" style="color: black">
-                                Ustadz {{ $name }}
-                            </option>
                             @endforeach
                         </select>
                     </div>
@@ -200,36 +169,5 @@
          // 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="Dalam Provinsi" {{ $user->asal_daerah == 'Dalam Provinsi' ? 'selected' : ''
+                                <option value="dalamProvinsi" {{ $user->asal_daerah == 'dalamProvinsi' ? 'selected' : ''
                                     }}>Dalam Provinsi</option>
-                                <option value="Luar Provinsi" {{ $user->asal_daerah == 'Luar Provinsi' ? 'selected' : ''
+                                <option value="luarProvinsi" {{ $user->asal_daerah == 'luarProvinsi' ? '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>2174 Halaman</td>
+                                        <td>1997 Halaman</td>
                                     </tr>
                                 </tbody>
                             </table>

routes/web.php

@@ -84,7 +84,6 @@
         ->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');