WIP: Bagian data mata bisa di downloaf

app/Http/Controllers/BookingController.php

@@ -19,7 +19,7 @@ public function getchData() {
         $data = BookingModel::get();
         $data_ = $data->toArray();
         foreach($data_ as $key => $value) {
-            if(time() > $value['unix_expired_time']) {
+            if(time() > $value['unix_expired_time'] && $value['status_tes'] != '2') {
                 $data_session = TestSessionsModel::where('id_booking', $value['id_booking'])->first();
                 $data_booking = BookingModel::where('id_booking', $value['id_booking'])->first();
                 if($data_session != null) {
@@ -38,7 +38,7 @@ public function getchData() {
             }
         }
 
-        $data = BookingModel::get();
+        $data = BookingModel::orderBy('updated_at', 'desc')->get();
 
         return response()->json([
             'status' => true,
@@ -166,8 +166,10 @@ public function update(Request $request, string $id)
             'status_tes' => ['required']
         ]);
 
-        BookingModel::where('id_booking', $id)->update([
-            'status_tes' => $request->status_tes
+        $data = BookingModel::where('id_booking', $id)->first();
+        
+        $data->update([
+            'status_tes' => str($request->status_tes)
         ]);
 
         return response()->json([

app/Http/Controllers/DashboardController.php

@@ -2,10 +2,90 @@
 
 namespace App\Http\Controllers;
 
+use App\Models\BookingModel;
+use App\Models\LogKecemasanModel;
+use App\Models\TestSessionsModel;
 use Illuminate\Http\Request;
 
 class DashboardController extends Controller
 {
+    public function getDataForDashboardTable()
+    {
+        $data_booking = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d') . '%')->get();
+        $result = [];
+        foreach ($data_booking as $booking) {
+            $status_session = '0';
+            $data_sessions = TestSessionsModel::where('id_booking', $booking->id_booking)->first();
+            if($data_sessions != null) {
+                $status_session = $data_sessions->status_session;
+            }
+
+            $result[] = [
+                'nama_lengkap' => $booking->nama_lengkap,
+                'email' => $booking->email,
+                'no_telp' => $booking->no_telp,
+                'tanggal_booking' => $booking->created_at->format('Y-m-d'),
+                'status_session' => $status_session,
+                'status_tes' => $booking->status_tes,
+            ];
+        }
+        return response()->json([
+            'status' => true,
+            'data' => $result
+        ]);
+    }
+    public function getDataDashboard()
+    {
+        $data_booking_today = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d') . '%')->count();
+        $data_booking_yesterday = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d', strtotime('-1 day')) . '%')->count();
+        $data_booking_month = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m') . '%')->count();
+        $booking_diff = $data_booking_month - $data_booking_today;
+        $booking_percent = $data_booking_month > 0 ? ($booking_diff / $data_booking_month) * 100 : 0;
+
+        $data_tes_today = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d') . '%')->where('status_tes', '2')->count();
+        $data_tes_yesterday = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d', strtotime('-1 day')) . '%')->where('status_tes', '2')->count();
+        $data_tes_month = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m') . '%')->where('status_tes', '2')->count();
+        $tes_diff = $data_tes_month - $data_tes_today;
+        $tes_percent = $data_tes_month > 0 ? ($tes_diff / $data_tes_month) * 100 : 0;
+
+        $data_tes_berlangsung_today = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d') . '%')->where('status_tes', '1')->count();
+        $data_tes_berlangsung_yesterday = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m-d', strtotime('-1 day')) . '%')->where('status_tes', '1')->count();
+        $data_tes_berlangsung_month = BookingModel::where('created_at', 'LIKE', '%' . date('Y-m') . '%')->where('status_tes', '1')->count();
+        $tes_berlangsung_diff = $data_tes_berlangsung_month - $data_tes_berlangsung_today;
+        $tes_berlangsung_percent = $data_tes_berlangsung_month > 0 ? ($tes_berlangsung_diff / $data_tes_berlangsung_month) * 100 : 0;
+
+        $data_rata_rata_kecemasan_today = LogKecemasanModel::where('created_at', 'LIKE', '%' . date('Y-m-d') . '%')->avg('skor_kecemasan');
+        $data_rata_rata_kecemasan_yesterday = LogKecemasanModel::where('created_at', 'LIKE', '%' . date('Y-m-d', strtotime('-1 day')) . '%')->avg('skor_kecemasan');
+        $data_rata_rata_kecemasan_month = LogKecemasanModel::where('created_at', 'LIKE', '%' . date('Y-m') . '%')->avg('skor_kecemasan');
+        $rata_rata_kecemasan_diff = $data_rata_rata_kecemasan_month - $data_rata_rata_kecemasan_today;
+        $rata_rata_kecemasan_percent = $data_rata_rata_kecemasan_month > 0 ? ($rata_rata_kecemasan_diff / $data_rata_rata_kecemasan_month) * 100 : 0;
+
+        return response()->json([
+            'total_booking' => $data_booking_today,
+            'booking_percent' => number_format($booking_percent, 1),
+            'booking_diff' => $booking_diff,
+            'booking_trend' => $booking_diff >= 0 ? 'bertambah' : 'berkurang',
+            'from_month_booking_count' => $data_booking_month,
+
+            'total_tes' => $data_tes_today,
+            'tes_percent' => number_format($tes_percent, 1),
+            'tes_diff' => $tes_diff,
+            'tes_trend' => $tes_diff >= 0 ? 'bertambah' : 'berkurang',
+            'from_month_tes_count' => $data_tes_month,
+
+            'total_tes_berlangsung' => $data_tes_berlangsung_today,
+            'tes_berlangsung_percent' => number_format($tes_berlangsung_percent, 1),
+            'tes_berlangsung_diff' => $tes_berlangsung_diff,
+            'tes_berlangsung_trend' => $tes_berlangsung_diff >= 0 ? 'bertambah' : 'berkurang',
+            'from_month_tes_berlangsung_count' => $data_tes_berlangsung_month,
+
+            'rata_rata_kecemasan' => number_format($data_rata_rata_kecemasan_today, 1),
+            'rata_rata_kecemasan_percent' => number_format($rata_rata_kecemasan_percent, 1),
+            'rata_rata_kecemasan_diff' => number_format($rata_rata_kecemasan_diff, 1),
+            'rata_rata_kecemasan_trend' => $rata_rata_kecemasan_diff >= 0 ? 'bertambah' : 'berkurang',
+            'from_month_rata_rata_kecemasan' => number_format($data_rata_rata_kecemasan_month, 1),
+        ]);
+    }
     /**
      * Display a listing of the resource.
      */

app/Http/Controllers/DataSoalController.php

@@ -46,7 +46,7 @@ public function store(Request $request)
             'jawaban_c' => $request->jawaban_c,
             'jawaban_d' => $request->jawaban_d,
             'jawaban_e' => $request->jawaban_e,
-            'jawaban_benar' => $request->jawaban_benar,
+            'is_reverse' => $request->is_reverse,
         ]);
 
         return response()->json([
@@ -91,7 +91,7 @@ public function update(Request $request, string $id)
             'jawaban_c' => $request->jawaban_c,
             'jawaban_d' => $request->jawaban_d,
             'jawaban_e' => $request->jawaban_e,
-            'jawaban_benar' => $request->jawaban_benar,
+            'is_reverse' => $request->is_reverse,
         ]);
 
         return response()->json([

app/Http/Controllers/FinishUjianController.php

@@ -5,6 +5,7 @@
 use App\Models\BookingModel;
 use App\Models\DataSoalModel;
 use App\Models\DetailTestModel;
+use App\Models\LogKecemasanModel;
 use App\Models\TestSessionsModel;
 use Illuminate\Http\Request;
 
@@ -131,6 +132,11 @@ public function index(Request $request)
             $difference = gmdate("i:s", $end - $start);
 
             $data_booking = BookingModel::where('id_booking', $data_session->id_booking)->first();
+            if($data_booking != null) {
+                if($data_booking->status_tes == '0') {
+                    return redirect()->route('cek-status.index')->with('error', 'Data sesi tes tidak ditemukan atau telah dinonaktifkan.');
+                }
+            }
             $data_information = [
                 'kode' => $data_booking->kode_unik,
                 'nama' => $data_booking->nama_lengkap,
@@ -187,6 +193,23 @@ public function index(Request $request)
                 'totalScore' => $totalScore
             ];
 
+            $log_kecemasan = LogKecemasanModel::where('id_test_sessions', $id_session)->first();
+            if($log_kecemasan == null) {
+                LogKecemasanModel::create([
+                    'id_booking' => $data_session->id_booking,
+                    'id_test_sessions' => $id_session,
+                    'start_timestamp' => $start,
+                    'end_timestamp' => $end,
+                    'difference_timestamp' => $end - $start,
+                    'screen_width' => $data_session->screen_w,
+                    'screen_height' => $data_session->screen_h,
+                    'answered_count' => $answered,
+                    'not_answered_count' => $soalTidakTerjawab,
+                    'total_question' => $question_count,
+                    'skor_kecemasan' => $totalScore
+                ]);
+            }
+
             $data_booking = BookingModel::where('id_booking', $data_session->id_booking)->first();
             if($data_session->status_session == '0') {
                 return redirect()->route('cek-status.index')->with('error', 'Data sesi tes dinonaktifkan. Silahkan cek status dengan kode untuk informasi lebih lanjut.');

app/Http/Controllers/HasilTesController.php

@@ -2,10 +2,34 @@
 
 namespace App\Http\Controllers;
 
+use App\Models\BookingModel;
+use App\Models\TestSessionsModel;
 use Illuminate\Http\Request;
 
 class HasilTesController extends Controller
 {
+    public function fetchData() {
+        $data_booking = BookingModel::orderBy('updated_at', 'desc')->get();
+        $result = [];
+        foreach($data_booking as $booking) {
+            $data_test = TestSessionsModel::where('id_booking', $booking->id_booking)->first();
+            if($data_test != null) {
+                $result[] = [
+                    'id_test_session' => $data_test->id_test_sessions,
+                    'nama_lengkap' => $booking->nama_lengkap,
+                    'tgl_tes' => $data_test->created_at->format('d-m-Y'),
+                    'jam_tes' => $data_test->created_at->format('H:i'),
+                    'kode_booking' => $booking->kode_unik,
+                    'status_tes' => $booking->status_tes
+                ];
+            }
+        }
+
+        return response()->json([
+            'status' => true,
+            'data' => $result
+        ]);
+    }
     /**
      * Display a listing of the resource.
      */
@@ -35,7 +59,20 @@ public function store(Request $request)
      */
     public function show(string $id)
     {
-        //
+        $data = TestSessionsModel::where('id_test_sessions', $id)->first();
+
+        if($data != null) {
+            $data_booking = BookingModel::where('id_booking', $data->id_booking)->first();
+            return response()->json([
+                'status' => true,
+                'nama' => $data_booking->nama_lengkap
+            ]);
+        }
+
+        return response()->json([
+            'status' => false,
+            'msg' => 'Data tidak ditemukan!'
+        ]);
     }
 
     /**
@@ -59,6 +96,21 @@ public function update(Request $request, string $id)
      */
     public function destroy(string $id)
     {
-        //
+        $data = TestSessionsModel::where('id_test_sessions', $id)->first();
+        if($data != null) {
+            $data_booking = BookingModel::where('id_booking', $data->id_booking)->first();
+            $data_booking->update([
+                'status_tes' => '0'
+            ]);
+            return response()->json([
+                'status' => true,
+                'msg' => 'Data berhasil dinonaktifkan'
+            ]);
+        }
+
+        return response()->json([
+            'status' => false,
+            'msg' => 'Data tidak ditemukan!'
+        ]);
     }
 }

app/Http/Controllers/UsersController.php

@@ -4,6 +4,7 @@
 
 use App\Models\User;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
 
 class UsersController extends Controller
 {
@@ -11,7 +12,7 @@ class UsersController extends Controller
      * Display data for javascript ajax
      */
     public function getData() {
-        $data = User::get();
+        $data = User::where('id', '!=', Auth::user()->id)->get();
         return response()->json([
             'status' => true,
             'data' => $data->toArray()
@@ -39,7 +40,18 @@ public function create()
      */
     public function store(Request $request)
     {
-        //
+        $data = User::create([
+            'name' => $request->name,
+            'email' => $request->email,
+            'role' => $request->role,
+            'alamat' => $request->alamat,
+            'password' => bcrypt('password', ['rounds' => 12])
+        ]);
+
+        return response()->json([
+            'status' => true,
+            'msg' => 'Data berhasil di tambahkan'
+        ]);
     }
 
     /**
@@ -74,7 +86,8 @@ public function update(Request $request, string $id)
         $data = User::where('id', $id)->update([
             'name' => $request->name,
             'email' => $request->email,
-            'role' => $request->role
+            'role' => $request->role,
+            'alamat' => $request->alamat
         ]);
 
         return response()->json([

app/Models/LogKecemasanModel.php

@@ -0,0 +1,47 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class LogKecemasanModel extends Model
+{
+    protected $table = 'log_hasil_kecemasan';
+
+    protected $primaryKey = 'id_log_kecemasan';
+
+    protected $keyType = 'string';
+
+    public $incrementing = false;
+
+    protected $fillable = [
+        'id_log_kecemasan',
+        'id_booking',
+        'id_test_sessions',
+        'start_timestamp',
+        'end_timestamp',
+        'difference_timestamp',
+        'screen_width',
+        'screen_height',
+        'answered_count',
+        'not_answered_count',
+        'total_question',
+        'skor_kecemasan'
+    ];
+
+    protected $casts = [
+        'id_log_kecemasan' => 'string',
+        'id_booking' => 'string',
+        'id_test_sessions' => 'string',
+    ];
+
+    public static function boot()
+    {
+        parent::boot();
+        static::creating(function ($model) {
+            if (empty($model->id_log_kecemasan)) {
+                $model->id_log_kecemasan = (string) \Illuminate\Support\Str::uuid();
+            }
+        });
+    }
+}

app/Models/User.php

@@ -21,7 +21,8 @@ class User extends Authenticatable
         'name',
         'email',
         'password',
-        'role'
+        'role',
+        'alamat'
     ];
 
     /**
@@ -46,4 +47,14 @@ protected function casts(): array
             'password' => 'hashed',
         ];
     }
+
+    public static function boot()
+    {
+        parent::boot();
+        static::creating(function ($model) {
+            if (empty($model->id_user)) {
+                $model->id_user = (string) \Illuminate\Support\Str::uuid();
+            }
+        });
+    }
 }

database/migrations/2026_05_23_165924_create_log_hasil_kecemasan_table.php

@@ -0,0 +1,38 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('log_hasil_kecemasan', function (Blueprint $table) {
+            $table->uuid('id_log_kecemasan')->primary();
+            $table->uuid('id_booking');
+            $table->uuid('id_test_sessions');
+            $table->char('start_timestamp', 20);
+            $table->char('end_timestamp', 20);
+            $table->char('difference_timestamp', 20);
+            $table->char('screen_width', 10);
+            $table->char('screen_height', 10);
+            $table->integer('answered_count');
+            $table->integer('not_answered_count');
+            $table->integer('total_question');
+            $table->integer('skor_kecemasan');
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('log_hasil_kecemasan');
+    }
+};

resources/views/admin/layouts/sidebar.blade.php

@@ -1,9 +1,9 @@
 <nav class="pc-sidebar">
   <div class="navbar-wrapper">
     <div class="m-header">
-      <a href="{{ route('dashboard.index') }}" class="b-brand text-primary">
+      <a href="{{ route('dashboard.index') }}" class="b-brand text-primary fs-3 fw-bold text-dark">
         <!-- ========   Change your logo from here   ============ -->
-        <img src="{{ asset('assets/admin/assets/images/logo-dark.svg') }}" class="img-fluid logo-lg" alt="logo" id="logo-admin">
+        {{ env('APP_NAME') }}
       </a>
     </div>
     <div class="navbar-content">

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

@@ -24,10 +24,15 @@
     <div class="col-md-6 col-xl-3">
       <div class="card">
         <div class="card-body">
-          <h6 class="mb-2 f-w-400 text-muted">Total Page Views</h6>
-          <h4 class="mb-3">4,42,236 <span class="badge bg-light-primary border border-primary"><i
-                class="ti ti-trending-up"></i> 59.3%</span></h4>
-          <p class="mb-0 text-muted text-sm">You made an extra <span class="text-primary">35,000</span> this year
+          <h6 class="mb-2 f-w-400 text-muted">Total Booking hari ini</h6>
+          <h4 class="mb-3">
+            <span id="total_booking"></span>
+            <span class="badge bg-light-primary border border-primary">
+              <i class="ti" id="trending-icon-booking"></i>
+              <span id="booking_percent">%</span>
+            </span>
+          </h4>
+          <p class="mb-0 text-muted text-sm">Booking <span id="booking_trend">bertambah</span> <span class="text-primary" id="from_month_booking_count"></span> dari bulan lalu
           </p>
         </div>
       </div>
@@ -35,271 +40,146 @@ class="ti ti-trending-up"></i> 59.3%</span></h4>
     <div class="col-md-6 col-xl-3">
       <div class="card">
         <div class="card-body">
-          <h6 class="mb-2 f-w-400 text-muted">Total Users</h6>
-          <h4 class="mb-3">78,250 <span class="badge bg-light-success border border-success"><i
-                class="ti ti-trending-up"></i> 70.5%</span></h4>
-          <p class="mb-0 text-muted text-sm">You made an extra <span class="text-success">8,900</span> this year</p>
+          <h6 class="mb-2 f-w-400 text-muted">Total tes selesai hari ini</h6>
+          <h4 class="mb-3">
+            <span id="total_tes"></span>
+            <span class="badge bg-light-primary border border-primary">
+              <i class="ti" id="trending-icon-tes"></i>
+              <span id="tes_percent">%</span>
+            </span>
+          </h4>
+          <p class="mb-0 text-muted text-sm">Tes <span id="tes_trend">bertambah</span> <span class="text-primary" id="from_month_tes_count"></span> dari bulan lalu
+          </p>
         </div>
       </div>
     </div>
     <div class="col-md-6 col-xl-3">
       <div class="card">
         <div class="card-body">
-          <h6 class="mb-2 f-w-400 text-muted">Total Order</h6>
-          <h4 class="mb-3">18,800 <span class="badge bg-light-warning border border-warning"><i
-                class="ti ti-trending-down"></i> 27.4%</span></h4>
-          <p class="mb-0 text-muted text-sm">You made an extra <span class="text-warning">1,943</span> this year</p>
+          <h6 class="mb-2 f-w-400 text-muted">Total tes masih berlangsung hari ini</h6>
+          <h4 class="mb-3">
+            <span id="total_tes_berlangsung"></span>
+            <span class="badge bg-light-primary border border-primary">
+              <i class="ti" id="trending-icon-tes-berlangsung"></i>
+              <span id="tes_berlangsung_percent">%</span>
+            </span>
+          </h4>
+          <p class="mb-0 text-muted text-sm">Tes yang sedang berlangsung <span id="tes_berlangsung_trend">bertambah</span> <span class="text-primary" id="from_month_tes_berlangsung_count"></span> dari bulan lalu
+          </p>
         </div>
       </div>
     </div>
     <div class="col-md-6 col-xl-3">
       <div class="card">
         <div class="card-body">
-          <h6 class="mb-2 f-w-400 text-muted">Total Sales</h6>
-          <h4 class="mb-3">$35,078 <span class="badge bg-light-danger border border-danger"><i
-                class="ti ti-trending-down"></i> 27.4%</span></h4>
-          <p class="mb-0 text-muted text-sm">You made an extra <span class="text-danger">$20,395</span> this year
+          <h6 class="mb-2 f-w-400 text-muted">Rata rata skor kecemasan hari ini</h6>
+          <h4 class="mb-3">
+            <span id="rata_rata_kecemasan"></span>
+            <span class="badge bg-light-primary border border-primary">
+              <i class="ti" id="trending-icon-rata-rata"></i>
+              <span id="rata_rata_kecemasan_percent">%</span>
+            </span>
+          </h4>
+          <p class="mb-0 text-muted text-sm">Rata rata skor kecemasan <span id="rata_rata_kecemasan_trend">bertambah</span> <span class="text-primary" id="from_month_rata_rata_kecemasan_count"></span> dari bulan lalu
           </p>
         </div>
       </div>
     </div>
 
     <div class="col-md-12 col-xl-8">
-      <div class="d-flex align-items-center justify-content-between mb-3">
-        <h5 class="mb-0">Unique Visitor</h5>
-        <ul class="nav nav-pills justify-content-end mb-0" id="chart-tab-tab" role="tablist">
-          <li class="nav-item" role="presentation">
-            <button class="nav-link" id="chart-tab-home-tab" data-bs-toggle="pill" data-bs-target="#chart-tab-home"
-              type="button" role="tab" aria-controls="chart-tab-home" aria-selected="true">Month</button>
-          </li>
-          <li class="nav-item" role="presentation">
-            <button class="nav-link active" id="chart-tab-profile-tab" data-bs-toggle="pill"
-              data-bs-target="#chart-tab-profile" type="button" role="tab" aria-controls="chart-tab-profile"
-              aria-selected="false">Week</button>
-          </li>
-        </ul>
-      </div>
-      <div class="card">
-        <div class="card-body">
-          <div class="tab-content" id="chart-tab-tabContent">
-            <div class="tab-pane" id="chart-tab-home" role="tabpanel" aria-labelledby="chart-tab-home-tab"
-              tabindex="0">
-              <div id="visitor-chart-1"></div>
-            </div>
-            <div class="tab-pane show active" id="chart-tab-profile" role="tabpanel"
-              aria-labelledby="chart-tab-profile-tab" tabindex="0">
-              <div id="visitor-chart"></div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-12 col-xl-4">
-      <h5 class="mb-3">Income Overview</h5>
-      <div class="card">
-        <div class="card-body">
-          <h6 class="mb-2 f-w-400 text-muted">This Week Statistics</h6>
-          <h3 class="mb-3">$7,650</h3>
-          <div id="income-overview-chart"></div>
-        </div>
-      </div>
-    </div>
-
-    <div class="col-md-12 col-xl-8">
-      <h5 class="mb-3">Recent Orders</h5>
-      <div class="card tbl-card">
-        <div class="card-body">
-          <div class="table-responsive">
-            <table class="table table-hover table-borderless mb-0">
+      <h5 class="mb-3">Tabel Monitoring Tes</h5>
+      <table id="table-data-booking" class="table table-bordered">
         <thead>
           <tr>
-                  <th>TRACKING NO.</th>
-                  <th>PRODUCT NAME</th>
-                  <th>TOTAL ORDER</th>
-                  <th>STATUS</th>
-                  <th class="text-end">TOTAL AMOUNT</th>
+            <th>No</th>
+            <th>Nama</th>
+            <th>Email</th>
+            <th>Telepon</th>
+            <th>Tanggal Booking</th>
+            <th>Status Tes</th>
+            <th>Status Sesi</th>
           </tr>
         </thead>
-              <tbody>
-                <tr>
-                  <td><a href="#" class="text-muted">84564564</a></td>
-                  <td>Camera Lens</td>
-                  <td>40</td>
-                  <td><span class="d-flex align-items-center gap-2"><i
-                        class="fas fa-circle text-danger f-10 m-r-5"></i>Rejected</span>
-                  </td>
-                  <td class="text-end">$40,570</td>
-                </tr>
-                <tr>
-                  <td><a href="#" class="text-muted">84564564</a></td>
-                  <td>Laptop</td>
-                  <td>300</td>
-                  <td><span class="d-flex align-items-center gap-2"><i
-                        class="fas fa-circle text-warning f-10 m-r-5"></i>Pending</span>
-                  </td>
-                  <td class="text-end">$180,139</td>
-                </tr>
-                <tr>
-                  <td><a href="#" class="text-muted">84564564</a></td>
-                  <td>Mobile</td>
-                  <td>355</td>
-                  <td><span class="d-flex align-items-center gap-2"><i
-                        class="fas fa-circle text-success f-10 m-r-5"></i>Approved</span></td>
-                  <td class="text-end">$180,139</td>
-                </tr>
-                <tr>
-                  <td><a href="#" class="text-muted">84564564</a></td>
-                  <td>Camera Lens</td>
-                  <td>40</td>
-                  <td><span class="d-flex align-items-center gap-2"><i
-                        class="fas fa-circle text-danger f-10 m-r-5"></i>Rejected</span>
-                  </td>
-                  <td class="text-end">$40,570</td>
-                </tr>
-                <tr>
-                  <td><a href="#" class="text-muted">84564564</a></td>
-                  <td>Laptop</td>
-                  <td>300</td>
-                  <td><span class="d-flex align-items-center gap-2"><i
-                        class="fas fa-circle text-warning f-10 m-r-5"></i>Pending</span>
-                  </td>
-                  <td class="text-end">$180,139</td>
-                </tr>
-                <tr>
-                  <td><a href="#" class="text-muted">84564564</a></td>
-                  <td>Mobile</td>
-                  <td>355</td>
-                  <td><span class="d-flex align-items-center gap-2"><i
-                        class="fas fa-circle text-success f-10 m-r-5"></i>Approved</span></td>
-                  <td class="text-end">$180,139</td>
-                </tr>
-                <tr>
-                  <td><a href="#" class="text-muted">84564564</a></td>
-                  <td>Camera Lens</td>
-                  <td>40</td>
-                  <td><span class="d-flex align-items-center gap-2"><i
-                        class="fas fa-circle text-danger f-10 m-r-5"></i>Rejected</span>
-                  </td>
-                  <td class="text-end">$40,570</td>
-                </tr>
-                <tr>
-                  <td><a href="#" class="text-muted">84564564</a></td>
-                  <td>Laptop</td>
-                  <td>300</td>
-                  <td><span class="d-flex align-items-center gap-2"><i
-                        class="fas fa-circle text-warning f-10 m-r-5"></i>Pending</span>
-                  </td>
-                  <td class="text-end">$180,139</td>
-                </tr>
-                <tr>
-                  <td><a href="#" class="text-muted">84564564</a></td>
-                  <td>Mobile</td>
-                  <td>355</td>
-                  <td><span class="d-flex align-items-center gap-2"><i
-                        class="fas fa-circle text-success f-10 m-r-5"></i>Approved</span></td>
-                  <td class="text-end">$180,139</td>
-                </tr>
-                <tr>
-                  <td><a href="#" class="text-muted">84564564</a></td>
-                  <td>Mobile</td>
-                  <td>355</td>
-                  <td><span class="d-flex align-items-center gap-2"><i
-                        class="fas fa-circle text-success f-10 m-r-5"></i>Approved</span></td>
-                  <td class="text-end">$180,139</td>
-                </tr>
-              </tbody>
       </table>
     </div>
   </div>
-      </div>
-    </div>
-    <div class="col-md-12 col-xl-4">
-      <h5 class="mb-3">Analytics Report</h5>
-      <div class="card">
-        <div class="list-group list-group-flush">
-          <a href="#"
-            class="list-group-item list-group-item-action d-flex align-items-center justify-content-between">Company
-            Finance Growth<span class="h5 mb-0">+45.14%</span></a>
-          <a href="#"
-            class="list-group-item list-group-item-action d-flex align-items-center justify-content-between">Company
-            Expenses Ratio<span class="h5 mb-0">0.58%</span></a>
-          <a href="#"
-            class="list-group-item list-group-item-action d-flex align-items-center justify-content-between">Business
-            Risk Cases<span class="h5 mb-0">Low</span></a>
-        </div>
-        <div class="card-body px-2">
-          <div id="analytics-report-chart"></div>
-        </div>
-      </div>
-    </div>
-
-    <div class="col-md-12 col-xl-8">
-      <h5 class="mb-3">Sales Report</h5>
-      <div class="card">
-        <div class="card-body">
-          <h6 class="mb-2 f-w-400 text-muted">This Week Statistics</h6>
-          <h3 class="mb-0">$7,650</h3>
-          <div id="sales-report-chart"></div>
-        </div>
-      </div>
-    </div>
-    <div class="col-md-12 col-xl-4">
-      <h5 class="mb-3">Transaction History</h5>
-      <div class="card">
-        <div class="list-group list-group-flush">
-          <a href="#" class="list-group-item list-group-item-action">
-            <div class="d-flex">
-              <div class="flex-shrink-0">
-                <div class="avtar avtar-s rounded-circle text-success bg-light-success">
-                  <i class="ti ti-gift f-18"></i>
-                </div>
-              </div>
-              <div class="flex-grow-1 ms-3">
-                <h6 class="mb-1">Order #002434</h6>
-                <p class="mb-0 text-muted">Today, 2:00 AM</P>
-              </div>
-              <div class="flex-shrink-0 text-end">
-                <h6 class="mb-1">+ $1,430</h6>
-                <p class="mb-0 text-muted">78%</P>
-              </div>
-            </div>
-          </a>
-          <a href="#" class="list-group-item list-group-item-action">
-            <div class="d-flex">
-              <div class="flex-shrink-0">
-                <div class="avtar avtar-s rounded-circle text-primary bg-light-primary">
-                  <i class="ti ti-message-circle f-18"></i>
-                </div>
-              </div>
-              <div class="flex-grow-1 ms-3">
-                <h6 class="mb-1">Order #984947</h6>
-                <p class="mb-0 text-muted">5 August, 1:45 PM</P>
-              </div>
-              <div class="flex-shrink-0 text-end">
-                <h6 class="mb-1">- $302</h6>
-                <p class="mb-0 text-muted">8%</P>
-              </div>
-            </div>
-          </a>
-          <a href="#" class="list-group-item list-group-item-action">
-            <div class="d-flex">
-              <div class="flex-shrink-0">
-                <div class="avtar avtar-s rounded-circle text-danger bg-light-danger">
-                  <i class="ti ti-settings f-18"></i>
-                </div>
-              </div>
-              <div class="flex-grow-1 ms-3">
-                <h6 class="mb-1">Order #988784</h6>
-                <p class="mb-0 text-muted">7 hours ago</P>
-              </div>
-              <div class="flex-shrink-0 text-end">
-                <h6 class="mb-1">- $682</h6>
-                <p class="mb-0 text-muted">16%</P>
-              </div>
-            </div>
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
+@endsection
+
+@section('script')
+<script>
+  let table = null;
+  $(document).ready(function() {
+    $.get('{{ route("dashboard.fetchData") }}', function(data) {
+      $('#total_booking').text(data.total_booking);
+      $('#booking_percent').text(data.booking_percent + '%');
+      $('#from_month_booking_count').text(data.from_month_booking_count);
+      $('#booking_trend').text(data.booking_trend);
+      if (data.booking_diff >= 0) {
+        $('#trending-icon-booking').addClass('ti-trending-up');
+        $('#booking_percent').addClass('text-primary');
+      } else {
+        $('#trending-icon-booking').addClass('ti-trending-down');
+        $('#booking_percent').addClass('text-danger');
+      }
+
+      $('#total_tes').text(data.total_tes);
+      $('#tes_percent').text(data.tes_percent + '%');
+      $('#from_month_tes_count').text(data.from_month_tes_count);
+      $('#tes_trend').text(data.tes_trend);
+      if (data.tes_diff >= 0) {
+        $('#trending-icon-tes').addClass('ti-trending-up');
+        $('#tes_percent').addClass('text-primary');
+      } else {
+        $('#trending-icon-tes').addClass('ti-trending-down');
+        $('#tes_percent').addClass('text-danger');
+      }
+
+      $('#total_tes_berlangsung').text(data.total_tes_berlangsung);
+      $('#tes_berlangsung_percent').text(data.tes_berlangsung_percent + '%');
+      $('#from_month_tes_berlangsung_count').text(data.from_month_tes_berlangsung_count);
+      $('#tes_berlangsung_trend').text(data.tes_berlangsung_trend);
+      if (data.tes_berlangsung_diff >= 0) {
+        $('#trending-icon-tes-berlangsung').addClass('ti-trending-up');
+        $('#tes_berlangsung_percent').addClass('text-primary');
+      } else {
+        $('#trending-icon-tes-berlangsung').addClass('ti-trending-down');
+        $('#tes_berlangsung_percent').addClass('text-danger');
+      }
+
+      $('#rata_rata_kecemasan').text(data.rata_rata_kecemasan);
+      $('#rata_rata_kecemasan_percent').text(data.rata_rata_kecemasan_percent + '%');
+      $('#from_month_rata_rata_kecemasan_count').text(data.from_month_rata_rata_kecemasan);
+      $('#rata_rata_kecemasan_trend').text(data.rata_rata_kecemasan_trend);
+      if (data.rata_rata_kecemasan_diff >= 0) {
+        $('#trending-icon-rata-rata').addClass('ti-trending-up');
+        $('#rata_rata_kecemasan_percent').addClass('text-primary');
+      } else {
+        $('#trending-icon-rata-rata').addClass('ti-trending-down');
+        $('#rata_rata_kecemasan_percent').addClass('text-danger');
+      }
+
+      table = new DataTable('#table-data-booking', {
+        searching: false,
+        paging: false,
+        ajax: {
+          url: '{{ route("dashboard.fetchDataTable") }}',
+        },
+        columns: [
+          {
+            data: null,
+            render: function(data, type, row, meta) {
+              return meta.row + 1;
+            }
+          },
+          { data: 'nama_lengkap' },
+          { data: 'email', name: 'email' },
+          { data: 'no_telp' },
+          { data: 'tanggal_booking' },
+          { data: 'status_tes' },
+          { data: 'status_session' },
+        ]
+      });
+    });
+  });
+</script>
 @endsection

resources/views/admin/pages/data_hasil_kecemasan/index.blade.php

@@ -41,30 +41,13 @@
             <thead>
               <tr>
                 <th>No</th>
-                <th>Dummy</th>
-                <th>Dummy</th>
-                <th>Dummy</th>
+                <th>Nama</th>
+                <th>Kode Unik</th>
+                <th>Tgl dan Jam Ujian</th>
+                <th>Status Data</th>
                 <th>Aksi</th>
               </tr>
             </thead>
-            <tbody>
-              <tr>
-                <td>1</td>
-                <td>lorem</td>
-                <td>lorem</td>
-                <td>lorem</td>
-                <td>
-                  <div class="btn-group">
-                    <button type="button" class="btn btn-info btn-sm rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#editModal" onclick="getDataEdit(this)" data-id="${data.id}">
-                      <i class="ti ti-edit"></i>
-                    </button>
-                    <button class="btn btn-sm btn-danger delete-btn rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#deleteModal" onclick="getDataHapus(this)" data-id="${data.id}">
-                      <i class="ti ti-trash"></i>
-                    </button>
-                  </div>
-                </td>
-              </tr>
-            </tbody>
           </table>
 				</div>
 			</div>
@@ -72,10 +55,229 @@
 		<!-- [ sample-page ] end -->
 	</div>
 	<!-- [ Main Content ] end -->
+
+  <!-- Modal Delete -->
+  <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h1 class="modal-title fs-5" id="exampleModalLabel">Hapus Data</h1>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          Apakah anda akan menghapus data dengan nama "<span id="delete_test" class="fw-bold"></span>" ini? (data hanya akan dinonaktikan)
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
+          <button type="button" class="btn btn-danger" onclick="hapusData()">Hapus</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  {{-- <!-- Modal Restore -->
+  <div class="modal fade" id="restoreModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h1 class="modal-title fs-5" id="exampleModalLabel">Restore Data</h1>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          Apakah anda akan memulihkan data dengan nama "<span id="restore_test" class="fw-bold"></span>" ini? (data akan diperiksa dengan status terakhirnya)
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
+          <button type="button" class="btn btn-danger" onclick="restoreData()">Hapus</button>
+        </div>
+      </div>
+    </div>
+  </div> --}}
 @endsection
 
 @section('script')
 	<script>
-		new DataTable("#table-data", {});
+    let idHapus = null;
+    let tableData = null;
+    let ws = null;
+
+    function fetchRowData() {
+      if(tableData != null) {
+        tableData.ajax.reload(null, false);
+      }
+    }
+
+    function getDataInfo(btn) {
+      let idShow = btn.getAttribute('data-id');
+      Swal.fire({
+        title: 'Alert',
+        icon: 'question',
+        text: 'Apakah Anda ingin melihat hasil dari data ini?',
+        confirmButtonText: 'Ya',
+        cancelButtonText: 'Tidak',
+        showCancelButton: true,
+        showCloseButton: true,
+
+      }).then((result) => {
+        if (result.isConfirmed) {
+          window.open("{{ route('hasil-tes.index') }}?id_test_sessions=" + idShow, "_blank");
+        }
+      });
+    }
+
+    function getDataDownload(btn) {
+      let idShow = btn.getAttribute('data-id');
+      Swal.fire({
+        title: 'Alert',
+        icon: 'question',
+        text: 'Apakah Anda ingin mendownload hasil dari data ini?',
+        confirmButtonText: 'Ya',
+        cancelButtonText: 'Tidak',
+        showCancelButton: true,
+        showCloseButton: true,
+
+      }).then((result) => {
+        if (result.isConfirmed) {
+          ws.send(JSON.stringify({
+            'type': 'download_hasil_tes',
+            'id_test_sessions': idShow
+          }));
+        }
+      });
+    }
+
+    function getDataHapus(btn) {
+      idHapus = btn.getAttribute('data-id');
+      let urlShow = '{{ route('hasil_tes.show', ['__ID__']) }}';
+
+        $.get(urlShow.replace('__ID__', idHapus), function(data, status) {
+          if(data.status) {
+            $('#delete_test').html(data.nama);
+          }
+        });
+    }
+
+    function hapusData() {
+      if(idHapus != null) {
+        let urlDestroy = '{{ route('hasil_tes.destroy', ['__ID__']) }}';
+
+        $.post(urlDestroy.replace('__ID__', idHapus), {
+          '_token': document.getElementById('_token').getAttribute('value'),
+          '_method': 'DELETE'
+        }, function(data, status) {
+          if(data.status) {
+            $('#deleteModal').modal('hide');
+            Swal.fire({
+              title: "Info",
+              text: "Data berhasil dinonakstifkan!",
+              icon: "success"
+            });
+            fetchRowData();
+            idHapus = null;
+          }
+        });
+      }
+    }
+
+    $(document).ready(function() {
+      tableData = new DataTable("#table-data", {
+        'ajax': {
+          'url': '{{ route('hasil-tes.fetchData') }}'
+        },
+        'columns': [
+          {
+            data: null,
+            render: function(data, type, row, meta) {
+              return meta.row + 1;
+            }
+          },
+          {
+            data: 'nama_lengkap'
+          },
+          {
+            data: 'kode_booking'
+          },
+          {
+            data: null,
+            render: function(data, type, row, meta) {
+              return `${data.tgl_tes} ${data.jam_tes}`;
+            }
+          },
+          {
+            data: null,
+            render: function(data, type, row, meta) {
+              let bgClass = ['secondary', 'warning', 'success'];
+              let text = ['Nonaktif', 'Dalam Ujian', 'Selesai'];
+              return `
+                <span class="badge rounded-pill text-bg-${bgClass[data.status_tes]}">${text[data.status_tes]}</span>
+              `;
+            }
+          },
+          {
+            data: null,
+            render: function(data, type, row, meta) {
+              if(data.status_tes == 0) {
+                return `
+                  <div class="btn-group">
+                    <a class="btn btn-info btn-sm rounded-circle mx-1 text-light" onclick="getDataInfo(this)" data-id="${data.id_test_session}">
+                      <i class="ti ti-file-info"></i>
+                    </a>
+                  </div>
+                `;
+              }
+              return `
+                <div class="btn-group">
+                  <a class="btn btn-info btn-sm rounded-circle mx-1 text-light" onclick="getDataInfo(this)" data-id="${data.id_test_session}">
+                    <i class="ti ti-file-info"></i>
+                  </a>
+                  <button class="btn btn-sm btn-success rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#downloadModal" onclick="getDataDownload(this)" data-id="${data.id_test_session}">
+                    <i class="ti ti-download"></i>
+                  </button>
+                  <button class="btn btn-sm btn-danger delete-btn rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#deleteModal" onclick="getDataHapus(this)" data-id="${data.id_test_session}">
+                    <i class="ti ti-trash"></i>
+                  </button>
+                </div>
+              `;
+            }
+          },
+        ]
+      });
+      
+      console.log("Connecting to WebSocket...");
+      ws = new WebSocket("{{ env('WEBSOCKET_URL') }}");
+      ws.onopen = function() {
+        console.log("WebSocket connection established.");
+      };
+      ws.onmessage = function(event) {
+        const data = JSON.parse(event.data);
+        if(data.type === 'download_hasil_tes_response') {
+          if(data.data != null) {
+            console.log(data)
+            const blob = new Blob([JSON.stringify(data.data)], { type: 'text/plain;charset=utf-8' });
+            const link = document.createElement('a');
+            const url = URL.createObjectURL(blob);
+
+            link.href = url;
+            link.download = `hasil_tes_${data.id_test_sessions}.json`;
+            link.style.display = 'none';
+
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            Swal.fire({
+              title: 'Sukses',
+              text: 'Hasil tes berhasil didownload!',
+              icon: 'success'
+            });
+          } else {
+            Swal.fire({
+              title: 'Error',
+              text: 'Gagal mendownload hasil tes.',
+              icon: 'error'
+            });
+          }
+        }
+      };
+    });
 	</script>
 @endsection

resources/views/admin/pages/data_soal/index.blade.php

@@ -93,13 +93,10 @@
               <input disabled type="text" class="form-control" id="info_jawaban_e" name="info_jawaban_e">
             </div>
             <div class="col-md-6 my-1">
-              <label for="info_jawaban_benar" class="form-label">Jawaban Benar</label>
-              <select disabled class="form-select" name="info_jawaban_benar" id="info_jawaban_benar">
-                <option value="a">A</option>
-                <option value="b">B</option>
-                <option value="c">C</option>
-                <option value="d">D</option>
-                <option value="e">E</option>
+              <label for="info_is_reverse" class="form-label">Apakah jawaban positif?</label>
+              <select disabled class="form-select" name="info_is_reverse" id="info_is_reverse">
+                <option value="0">Tidak</option>
+                <option value="1">Ya</option>
               </select>
             </div>
           </div>
@@ -146,13 +143,10 @@
               <input type="text" class="form-control" id="jawaban_e" name="jawaban_e">
             </div>
             <div class="col-md-6 my-1">
-              <label for="jawaban_benar" class="form-label">Jawaban Benar</label>
-              <select class="form-select" name="jawaban_benar" id="jawaban_benar">
-                <option value="a">A</option>
-                <option value="b">B</option>
-                <option value="c">C</option>
-                <option value="d">D</option>
-                <option value="e">E</option>
+              <label for="is_reverse" class="form-label">Apakah jawaban positif?</label>
+              <select class="form-select" name="is_reverse" id="is_reverse">
+                <option value="0">Tidak</option>
+                <option value="1">Ya</option>
               </select>
             </div>
           </div>
@@ -200,13 +194,10 @@
               <input type="text" class="form-control" id="edit_jawaban_e" name="edit_jawaban_e">
             </div>
             <div class="col-md-6 my-1">
-              <label for="edit_jawaban_benar" class="form-label">Jawaban Benar</label>
-              <select class="form-select" name="edit_jawaban_benar" id="edit_jawaban_benar">
-                <option value="a">A</option>
-                <option value="b">B</option>
-                <option value="c">C</option>
-                <option value="d">D</option>
-                <option value="e">E</option>
+              <label for="is_reverse" class="form-label">Apakah jawaban positif?</label>
+              <select class="form-select" name="edit_is_reverse" id="edit_is_reverse">
+                <option value="0">Tidak</option>
+                <option value="1">Ya</option>
               </select>
             </div>
           </div>
@@ -296,7 +287,7 @@ function simpanAddData() {
         'jawaban_c': $('#jawaban_c').val(),
         'jawaban_d': $('#jawaban_d').val(),
         'jawaban_e': $('#jawaban_e').val(),
-        'jawaban_benar': $('#jawaban_benar').val(),
+        'is_reverse': $('#is_reverse').val(),
       }, function(data, status) {
         $('#addModal').modal('hide');
         Swal.fire({
@@ -319,7 +310,7 @@ function getDataInfo(btn) {
           $('#info_jawaban_c').attr('disabled', '');
           $('#info_jawaban_d').attr('disabled', '');
           $('#info_jawaban_e').attr('disabled', '');
-          $('#info_jawaban_benar').attr('disabled', '');
+          $('#info_is_reverse').attr('disabled', '');
 
           $('#info_pertanyaan').val(data.data.pertanyaan);
           $('#info_jawaban_a').val(data.data.jawaban_a);
@@ -327,7 +318,7 @@ function getDataInfo(btn) {
           $('#info_jawaban_c').val(data.data.jawaban_c);
           $('#info_jawaban_d').val(data.data.jawaban_d);
           $('#info_jawaban_e').val(data.data.jawaban_e);
-          $('#info_jawaban_benar').val(data.data.jawaban_benar);
+          $('#info_is_reverse').val(data.data.is_reverse);
 
           $('#info_pertanyaan').attr('disabled', 'disabled');
           $('#info_jawaban_a').attr('disabled', 'disabled');
@@ -335,7 +326,7 @@ function getDataInfo(btn) {
           $('#info_jawaban_c').attr('disabled', 'disabled');
           $('#info_jawaban_d').attr('disabled', 'disabled');
           $('#info_jawaban_e').attr('disabled', 'disabled');
-          $('#info_jawaban_benar').attr('disabled', 'disabled');
+          $('#info_is_reverse').attr('disabled', 'disabled');
         }
       });
     }
@@ -352,7 +343,7 @@ function getDataEdit(btn) {
           $('#edit_jawaban_c').val(data.data.jawaban_c);
           $('#edit_jawaban_d').val(data.data.jawaban_d);
           $('#edit_jawaban_e').val(data.data.jawaban_e);
-          $('#edit_jawaban_benar').val(data.data.jawaban_benar);
+          $('#edit_is_reverse').val(data.data.is_reverse);
         }
       });
     }
@@ -370,7 +361,7 @@ function simpanEditData() {
             'jawaban_c': $('#edit_jawaban_c').val(),
             'jawaban_d': $('#edit_jawaban_d').val(),
             'jawaban_e': $('#edit_jawaban_e').val(),
-            'jawaban_benar': $('#edit_jawaban_benar').val(),
+            'is_reverse': $('#edit_is_reverse').val(),
           }, function(data, status) {
             if(data.status) {
               $('#editModal').modal('hide');

resources/views/admin/pages/data_user/index.blade.php

@@ -25,7 +25,16 @@
     <div class="col-sm-12">
       <div class="card">
         <div class="card-header">
-          <h5>Tabel Data</h5>
+          <div class="row">
+            <div class="col-md-6">
+              <h5>Data Users</h5>
+            </div>
+            <div class="col-md-6 d-flex justify-content-end">
+              <button class="btn btn-sm btn-info delete-btn rounded-circle mx-1" data-bs-toggle="modal" data-bs-target="#addModal">
+                <i class="ti ti-database-import"></i>
+              </button>
+            </div>
+          </div>
         </div>
         <div class="card-body">
           <table class="table" id="table-data">
@@ -48,6 +57,45 @@
   </div>
   <!-- [ Main Content ] end -->
 
+  <!-- Modal Add -->
+  <div class="modal fade" id="addModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h1 class="modal-title fs-5" id="exampleModalLabel">Add Data</h1>
+          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+        </div>
+        <div class="modal-body">
+          <div class="row">
+            <div class="col-md-6 my-1">
+              <label for="add_nama_user" class="form-label">Nama User</label>
+              <input type="text" class="form-control" id="add_nama_user" name="add_nama_user">
+            </div>
+            <div class="col-md-6 my-1">
+              <label for="add_email" class="form-label">Email</label>
+              <input type="text" class="form-control" id="add_email" name="add_email">
+            </div>
+            <div class="col-md-6 my-1">
+              <label for="add_alamat" class="form-label">Alamat</label>
+              <input type="text" class="form-control" id="add_alamat" name="add_alamat">
+            </div>
+            <div class="col-md-6 my-1">
+              <label for="add_role" class="form-label">Role</label>
+              <select class="form-select" name="add_role" id="add_role">
+                <option value="admin">Admin</option>
+                <option value="psikolog">Psikolog</option>
+              </select>
+            </div>
+          </div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
+          <button type="button" class="btn btn-primary" onclick="simpanAddData()">Simpan</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
   <!-- Modal Edit -->
   <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
     <div class="modal-dialog">
@@ -66,12 +114,15 @@
               <label for="edit_email" class="form-label">Email</label>
               <input type="text" class="form-control" id="edit_email" name="edit_email">
             </div>
+            <div class="col-md-6 my-1">
+              <label for="edit_alamat" class="form-label">Alamat</label>
+              <input type="text" class="form-control" id="edit_alamat" name="edit_alamat">
+            </div>
             <div class="col-md-6 my-1">
               <label for="edit_role" class="form-label">Role</label>
               <select class="form-select" name="edit_role" id="edit_role">
                 <option value="admin">Admin</option>
                 <option value="psikolog">Psikolog</option>
-                <option value="user">User</option>
               </select>
             </div>
           </div>
@@ -167,6 +218,7 @@ function getDataEdit(btn) {
           $('#edit_nama_user').val(data.data.name);
           $('#edit_email').val(data.data.email);
           $('#edit_role').val(data.data.role);
+          $('#edit_alamat').val(data.data.alamat);
         }
       });
     }
@@ -181,6 +233,30 @@ function getDataHapus(btn) {
       });
     }
 
+    function simpanAddData() {
+      $.post('{{ route('users.store') }}', {
+        '_token': document.getElementById('_token').getAttribute('value'),
+        'name': $('#add_nama_user').val(),
+        'email': $('#add_email').val(),
+        'role': $('#add_role').val(),
+        'alamat': $('#add_alamat').val()
+      }, function(data, status) {
+        if(data.status) {
+          $('#addModal').modal('hide');
+          Swal.fire({
+            title: "Info",
+            text: "Data berhasil ditambahkan!",
+            icon: "success"
+          });
+          fetchRowData();
+          $('#add_nama_user').val('');
+          $('#add_email').val('');
+          $('#add_role').val('admin');
+          $('#add_alamat').val('');
+        }
+      });
+    }
+
     function simpanEditData() {
       if(idEdit != null) {
         let urlUpdate = '{{ route('users.update', ['__ID__']) }}';
@@ -189,13 +265,14 @@ function simpanEditData() {
           '_method': 'PUT',
           'name': $('#edit_nama_user').val(),
           'email': $('#edit_email').val(),
-          'role': $('#edit_role').val()
+          'role': $('#edit_role').val(),
+          'alamat': $('#edit_alamat').val()
         }, function(data, status) {
           if(data.status) {
             $('#editModal').modal('hide');
             Swal.fire({
               title: "Info",
-              text: "Data berhasil ditambahkan!",
+              text: "Data berhasil diubah!",
               icon: "success"
             });
             fetchRowData();

resources/views/user/pages/finish_ujian/index.blade.php

@@ -81,7 +81,7 @@
                   <h4 class="card-title">
                     Tingkat Kecemasan
                   </h4>
-                  @if ($data_aswered['totalScore'] <= 20)
+                  @if ($data_aswered['totalScore'] <= 37)
                     <h2 class="mt-4 text-success">
                       Normal
                     </h2>
@@ -114,11 +114,11 @@
                   <h4 class="card-title">
                       Prediksi AI
                   </h4>
-                  <h5 class="mt-4">
-                      Belum tersedia
-                  </h5>
+                  <h2 class="mt-4" id="result-model">
+                    Loading...
+                  </h2>
                   <p class="text-muted">
-                      Model AI masih dalam tahap pengembangan
+                    Model Confidence: <span id="confidence-model"></span>
                   </p>
                 </div>
                 <div class="col-md-2 d-flex justify-content-center align-items-center bg-primary-subtle border border primary rounded-circle" style="aspect-ratio: 1/1;">
@@ -190,6 +190,23 @@
             </div>
           </div>
           <div class="row">
+            <div class="col-md-4">
+              <div class="bg-custom p-4 my-3 border rounded">
+                <div class="row">
+                  <div class="col-md-10">
+                    <h5 class="text-body">Detail Confidence Prediksi Model</h5>
+                  </div>
+                  <div class="col-md-2 d-flex justify-content-center align-items-center bg-primary-subtle border border primary rounded-circle" style="aspect-ratio: 1/1;">
+                    <i class="bi bi-easel fs-4"></i>
+                  </div>
+                </div>
+                <ul class="list-unstyled">
+                  <li><strong>Normal:</strong> <span id="normal-confidence">0%</span></li>
+                  <li><strong>Sedang:</strong> <span id="sedang-confidence"></span></li>
+                  <li><strong>Tinggi:</strong> <span id="tinggi-confidence"></span></li>
+                </ul>
+              </div>
+            </div>
             <div class="col-md-4">
               <div class="bg-custom p-4 my-3 border rounded">
                 <div class="row">
@@ -317,6 +334,13 @@
             <div id="heatmapChart" style="aspect-ratio: 16/9;"></div>
           </div>
         </div>
+        <div class="col-lg-12 mt-5">
+          <h2 class="title text-center">Heatmap Pergerakan Mata (Grid)</h2>
+          <div style="position: relative; aspect-ratio: 16/9;">
+            <img src="{{ asset('assets/users/assets/img/overlay/overlay_grid.png') }}" style="width:100%; height:100%; object-fit: cover; position: absolute;">
+            <div id="heatmapChartGrid" style="aspect-ratio: 16/9;"></div>
+          </div>
+        </div>
       </div>
     </div>
   </section><!-- /About Section -->
@@ -346,9 +370,11 @@
     let recordedScreenWidth = null
     let recordedScreenHeight = null
     let mappedHeatmapData = null;
+    let mappedHeatmapDataGrid = null;
     let scaleX = null;
     let scaleY = null;
     let heatmapInstance = null;
+    let heatmapInstanceGrid = null;
     let score = null;
     let totalScore = null;
     let soalTerjawab = 0;
@@ -410,8 +436,39 @@ function renderVelocityChart(timeseries) {
           max: 10,
           data: mappedHeatmapData
         });
+        mappedHeatmapDataGrid = result.heatmap.map(point => ({
+          x: point.x * scaleX,
+          y: point.y * scaleY,
+          value: point.value
+        }));
+        heatmapInstanceGrid.setData({
+          max: 10,
+          data: mappedHeatmapDataGrid
+        });
         heatmapContainer.style.removeProperty('position');
         renderStats(result.statistics);
+      }
+    }
+
+    async function getPredict(data) {
+      const res = await fetch("{{ env('PYTHON_API_URL') }}/predict", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify(data)
+      });
+
+      const result = await res.json();
+      if(result != null) {
+        let classBg = ['text-success', 'text-warning', 'text-danger'];
+        let textResult = ['Normal', 'Sedang', 'Tinggi'];
+        $('#result-model').addClass(classBg[result.hasil_prediksi]);
+        $('#result-model').html(textResult[result.hasil_prediksi]);
+        $('#confidence-model').html(result.confidence + '%');
+        $('#normal-confidence').html(result.detail_probabilitas.normal + "%");
+        $('#sedang-confidence').html(result.detail_probabilitas.sedang + "%");
+        $('#tinggi-confidence').html(result.detail_probabilitas.tinggi + "%");
         Swal.close();
       }
     }
@@ -618,6 +675,7 @@ function showInsight(type) {
 
         ws.onmessage = (event) => {
           const data = JSON.parse(event.data);
+          // console.log(data);
           if(data.type === 'json_file_data') {
             if(data.data != null) {
               data_tobii = null;
@@ -648,7 +706,14 @@ function showInsight(type) {
                       maxOpacity: 0.6,
                       blur: 0.85
                     });
+                    heatmapInstanceGrid = h337.create({
+                      container: document.getElementById('heatmapChartGrid'),
+                      radius: 40,
+                      maxOpacity: 0.6,
+                      blur: 0.85
+                    });
                     loadData(data_tobii);
+                    getPredict(data_tobii.data);
                   } else {
                     Swal.fire({
                       title: 'Error',
@@ -664,6 +729,15 @@ function showInsight(type) {
 
               xhttp.open('GET', '{{ route('test-sessions.getScreen', ['id_test_sessions' => $id_session]) }}', true);
               xhttp.send();
+            } else {
+              Swal.fire({
+                title: 'Error',
+                text: 'Gagal memuat data mata, silahkan coba lagi nanti',
+                icon: 'error',
+                showConfirmButton: true,
+                allowOutsideClick: false,
+                allowEscapeKey: false
+              });
             }
           }
         };

resources/views/user/pages/ujian/temp_index.blade.php

@@ -30,8 +30,8 @@
           <div class="row justify-content-center flex-column p-4">
             <div class="col-md-12 border-bottom fs-4 fw-bold p-2">Soal</div>
             <div class="col-md-12 p-2 d-none" id="id_question" style="text-align: justify"></div>
-            <div class="col-md-12 p-2" id="text_question" style="text-align: justify"></div>
-            <div class="col-md-12" id="answer_field">
+            <div class="col-md-12 p-2 fs-1 text-muted" id="text_question" style="text-align: justify"></div>
+            <div class="col-md-12 fs-1 text-muted" id="answer_field">
               <div class="fs-4 fw-bold p-2">Jawaban:</div>
             </div>
           </div>
@@ -300,6 +300,7 @@ function finishExam() {
           ws.send(JSON.stringify({
             type: "command",
             action: "stop",
+            finish: true,
             session_id: SESSION_ID
           }));
 

routes/web.php

@@ -36,7 +36,7 @@
 Route::resource('cek-status', CekStatusController::class)->only(['index', 'show']);
 Route::resource('tutorial-tes', TutorialTesController::class)->only(['index']);
 Route::resource('test-sessions', TestSessionsController::class)->only(['store', 'show']);
-    Route::get('test-sessions/get/screen', [TestSessionsController::class, 'getScreen'])->name('test-sessions.getScreen');;
+    Route::get('test-sessions/get/screen', [TestSessionsController::class, 'getScreen'])->name('test-sessions.getScreen');
 Route::resource('tobii-receiver', TobiiReceiverController::class)->only(['store', 'show']);
     Route::get('tobii-receiver/fetch/data/{id_test_sessions}', [TobiiReceiverController::class, 'fetchDataTobii'])->name('tobii-receiver.fetchData');
 Route::resource('ujian', HalamanUjianController::class);
@@ -49,6 +49,8 @@
     Route::get('hasil-tes/get/all-not-answer', [FinishUjianController::class, 'getNotAnswered'])->name('hasil-tes.getNotAnswered');
 Route::middleware(['auth', 'role.auth'])->group(function() {
     Route::resource('dashboard', DashboardController::class);
+        Route::get('dashboard/fetch/data', [DashboardController::class, 'getDataDashboard'])->name('dashboard.fetchData');
+        Route::get('dashboard/fetch/data-table', [DashboardController::class, 'getDataForDashboardTable'])->name('dashboard.fetchDataTable');
     Route::resource('users', UsersController::class);
         Route::get('users/fetch/data', [UsersController::class, 'getData'])->name('users.fetchData');
     Route::resource('booking', BookingController::class)->except(['store']);
@@ -56,6 +58,7 @@
     Route::resource('soal', DataSoalController::class);
         Route::get('soal/fetch/data', [DataSoalController::class, 'getData'])->name('soal.fetchData');
     Route::resource('hasil_tes', HasilTesController::class);
+        Route::get('hasil_tes/fetch/data', [HasilTesController::class, 'fetchData'])->name('hasil-tes.fetchData');
 });
 
 Route::get('email/test', function(Request $req) {