From 76ae96c0577530923b70cb1f521da21792386297 Mon Sep 17 00:00:00 2001
From: Arifah Huwaina Azre <emailgithub_arifah@gmail.com>
Date: Tue, 23 Jun 2026 13:38:50 +0700
Subject: [PATCH 01/13] chore: setup app, dependencies, seeder, README

---
 README.md         |  188 ++++++
 app.js            |   28 +-
 package-lock.json | 1512 ++++++++++++++++++++++++++++++++++++++++++++-
 package.json      |    8 +-
 scripts/seed.js   |  222 +++++++
 5 files changed, 1906 insertions(+), 52 deletions(-)
 create mode 100644 README.md
 create mode 100644 scripts/seed.js

diff --git a/README.md b/README.md
new file mode 100644
index 00000000..2bf0a7be
--- /dev/null
+++ b/README.md
@@ -0,0 +1,188 @@
+# FacultyWare — Survey Module (Kelompok A13)
+
+Sistem pengisian survei internal Fakultas Teknologi Informasi (FTI). Aplikasi ini ditujukan khusus untuk civitas akademika yang telah terdaftar di sistem untuk memberikan umpan balik (feedback) secara internal, dan dilengkapi dengan panel admin untuk rekapitulasi, statistik, cetak PDF, ekspor CSV, serta REST API.
+
+---
+
+## Spesifikasi Teknologi
+- **Backend**: Express.js (Node.js)
+- **Database**: MySQL dengan `mysql2` (Raw Query, tanpa ORM)
+- **Frontend / Styling**: Basecoat UI & Tailwind CSS
+- **Interaktivitas**: HTMX & Vanilla JavaScript
+- **Session & Auth**: `express-session` & `bcryptjs` untuk hash password
+- **Generate PDF**: `pdfkit` untuk export laporan PDF langsung download
+
+---
+
+## Pembagian Tugas & Detail Fitur
+
+### 👩‍💻 Fitur Arifah (6 Fitur Utama & API)
+
+1. **Lihat Daftar Survey (Respondent)**
+   - **Endpoint**: `GET /survey`
+   - **Deskripsi**: Menampilkan semua survei aktif (`is_active = 1`). Dilengkapi dengan pencarian judul/deskripsi, pagination (10 data per halaman), serta indikator badge "Sudah Diisi" jika responden telah mengisi survei tersebut.
+   - **ACL**: Hanya untuk role `respondent`.
+
+2. **Validasi PIN + Isi + Submit Survey (Respondent)**
+   - **Endpoint**: 
+     - `GET /survey/:id` (Form Input PIN)
+     - `POST /survey/:id/pin` (Validasi PIN)
+     - `GET /survey/:id/fill` (Form Kuesioner)
+     - `POST /survey/:id/submit` (Submit Jawaban)
+   - **Deskripsi**: Memvalidasi PIN unik (harus sesuai dengan survei, email user, dan belum pernah digunakan). Mendukung 3 tipe pertanyaan: *single choice* (radio button), *multiple choice* (checkbox), dan *short answer* (textarea). Menyediakan validasi server dan validasi client-side untuk memastikan semua pertanyaan wajib diisi.
+   - **ACL**: Hanya untuk role `respondent`.
+
+3. **Rekap Detail Jawaban Per Responden (Admin)**
+   - **Endpoint**: `GET /admin/survey/rekap` & `GET /admin/survey/rekap/:id`
+   - **Deskripsi**: Halaman untuk melihat detail nama, email, dan waktu pengisian dari responden yang telah mengisi survei tertentu. Dilengkapi fitur pencarian nama/email dan pagination.
+   - **ACL**: Hanya untuk role `admin`.
+
+4. **Statistik Jawaban Per Pertanyaan (Admin)**
+   - **Endpoint**: `GET /admin/survey/statistik` & `GET /admin/survey/statistik/:id`
+   - **Deskripsi**: Menampilkan persentase jawaban per pertanyaan dalam bentuk visual *progress bar* (untuk pilihan ganda) dan daftar teks (untuk jawaban esai/singkat). Halaman list dilengkapi pencarian dan pagination.
+   - **ACL**: Hanya untuk role `admin`.
+
+5. **Export CSV Data Mentah (Admin)**
+   - **Endpoint**: `GET /admin/survey/export/:id`
+   - **Deskripsi**: Mengunduh data respons mentah ke dalam format CSV dengan BOM UTF-8 (agar format karakter bahasa Indonesia terbaca dengan benar di Excel). Jika data kosong, sistem memberikan pesan error informatif di client.
+   - **ACL**: Hanya untuk role `admin`.
+
+6. **REST API GET List Survey + Pertanyaan (REST API)**
+   - **Endpoint**: `GET /api/surveys`
+   - **Deskripsi**: Menghasilkan respon JSON berisi daftar survei aktif lengkap beserta pertanyaan dan pilihan jawabannya.
+   - **ACL**: Butuh login (`isAuthenticated`), dapat diakses admin & respondent.
+
+---
+
+### 👩‍💻 Fitur Aqila (6 Fitur Utama & API)
+
+1. **Dashboard Survey (Admin)**
+   - **Endpoint**: `GET /admin/responden`
+   - **Deskripsi**: Menampilkan daftar seluruh survei di database beserta jumlah responden dan status keaktifan survei. Dilengkapi fitur pencarian, pagination, dan tombol aksi cepat (Responden, Riwayat, PDF, Toggle Aktif).
+   - **ACL**: Hanya untuk role `admin`.
+
+2. **Daftar Responden Per Survey (Admin)**
+   - **Endpoint**: `GET /admin/responden/:id`
+   - **Deskripsi**: Menampilkan informasi detail nama, email, nomor HP, dan waktu pengisian khusus untuk survei yang dipilih. Dilengkapi fitur pencarian dan pagination.
+   - **ACL**: Hanya untuk role `admin`.
+
+3. **Toggle Aktif/Nonaktif Survey (Admin)**
+   - **Endpoint**: `POST /admin/responden/:id/toggle`
+   - **Deskripsi**: Mengubah status keaktifan survei (`is_active` antara 0 atau 1) dengan aman menggunakan method POST.
+   - **ACL**: Hanya untuk role `admin`.
+
+4. **Riwayat Pengisian Per Survey (Admin)**
+   - **Endpoint**: `GET /admin/responden/:id/riwayat`
+   - **Deskripsi**: Menampilkan log riwayat pengisian berupa nama, email, jumlah pertanyaan yang dijawab, serta waktu pengisian.
+   - **ACL**: Hanya untuk role `admin`.
+
+5. **Export PDF Laporan Ringkasan (Admin)**
+   - **Endpoint**: `GET /admin/responden/:id/pdf`
+   - **Deskripsi**: Menghasilkan file PDF laporan ringkasan yang langsung dapat didownload menggunakan `pdfkit`. Berisi judul survey, total responden, statistik jawaban per pertanyaan (tabel untuk pilihan ganda, list untuk jawaban teks). Jika survei belum memiliki responden, akan diredirect kembali ke dashboard dengan pesan error informatif.
+   - **ACL**: Hanya untuk role `admin`.
+
+6. **REST API GET Rekap Jawaban Per Survey (REST API)**
+   - **Endpoint**: `GET /api/surveys/:id/rekap`
+   - **Deskripsi**: Menghasilkan respon JSON berisi ringkasan data kuesioner, jumlah responden, daftar pertanyaan, serta persentase pilihan jawaban.
+   - **ACL**: Butuh login (`isAuthenticated`).
+
+---
+
+## Alur Sistem
+
+```
+RESPONDENT (Mahasiswa/Civitas):
+Login ──> Lihat Daftar Survey Aktif ──> Pilih Survey ──> Masukkan PIN ──> Validasi PIN ──> Isi Kuesioner ──> Submit
+
+ADMIN (Staf/Fakultas):
+Login ──> Kelola Dashboard Survey (Toggle Aktif) ──> Lihat Rekap / Statistik / Riwayat ──> Export CSV / Download PDF
+```
+
+---
+
+## Struktur Project
+
+```
+facultyware/
+├── app.js                          # Konfigurasi Express, middleware, session, dan router
+├── .env                            # Konfigurasi database & session secret
+├── lib/
+│   └── db.js                       # Koneksi database MySQL Pool menggunakan mysql2
+├── middlewares/
+│   ├── auth.js                     # Middleware otentikasi login (isAuthenticated)
+│   ├── acl.js                      # Middleware RBAC (checkRole & checkPermission)
+│   └── error.js                    # Handler error terpusat (404 & 500)
+├── controllers/
+│   ├── indexController.js          # Controller login, logout, dan beranda
+│   ├── surveyController.js         # Controller fitur Arifah (6 fitur)
+│   └── adminRespondenController.js # Controller fitur Aqila (6 fitur)
+├── routes/
+│   ├── index.js                    # Router login, logout, dan dashboard utama
+│   ├── users.js                    # Router user management
+│   ├── survey.js                   # Router modul survei responden
+│   ├── adminSurvey.js              # Router modul rekap admin (Arifah)
+│   ├── adminResponden.js           # Router modul responden admin (Aqila)
+│   └── api.js                      # Router endpoint REST API
+├── views/
+│   ├── login.ejs                   # Template halaman login
+│   ├── home.ejs                    # Layout utama admin & responden (Basecoat UI)
+│   ├── index.ejs                   # Template index
+│   └── error.ejs                   # Template error page
+└── scripts/
+    ├── init_db.js                  # Inisialisasi awal tabel user (dari dosen)
+    └── seed.js                     # Seeder skema database & data dummy kuesioner lengkap
+```
+
+---
+
+## Cara Instalasi & Menjalankan Project
+
+### 1. Prasyarat
+Pastikan Anda sudah menginstal:
+- Node.js (v16 atau lebih baru)
+- MySQL / MariaDB Server
+
+### 2. Kloning dan Instal Dependensi
+Masuk ke direktori project, lalu jalankan perintah:
+```bash
+npm install
+```
+
+### 3. Konfigurasi Database (`.env`)
+Buat atau edit file `.env` di root direktori project dan isi konfigurasinya:
+```env
+DB_HOST=localhost
+DB_USER=root
+DB_PASSWORD=
+DB_NAME=facultyware
+SESSION_SECRET=rahasia123
+```
+
+### 4. Buat Database dan Migrasi Data
+1. Buat database kosong bernama `facultyware` di MySQL Anda.
+2. Jalankan script seeder untuk membuat semua tabel (termasuk tabel ACL, kuesioner, unit organisasi) serta memasukkan data dummy lengkap:
+```bash
+node scripts/seed.js
+```
+
+### 5. Jalankan Server
+Jalankan server dalam mode development menggunakan perintah:
+```bash
+npm run dev
+```
+Aplikasi akan berjalan di `http://localhost:3000` (atau port default yang ditentukan di `bin/www`).
+
+---
+
+## Akun Demo & PIN Survei (Dummy Data)
+
+Gunakan kredensial berikut untuk menguji sistem:
+
+| Peran (Role) | Email Login | Password | Keterangan |
+| :--- | :--- | :--- | :--- |
+| **Admin** | `admin@fti.ac.id` | `admin123` | Akses penuh ke dashboard admin |
+| **Respondent** | `rifaqila@fti.ac.id` | `user123` | Mengisi kuesioner |
+
+### PIN Kuesioner untuk `rifaqila@fti.ac.id`:
+- **Survey Kepuasan Layanan Akademik**: `PIN001`
+- **Survey Evaluasi Fasilitas Kampus**: `PIN002`
\ No newline at end of file
diff --git a/app.js b/app.js
index f91917a2..379f78bc 100644
--- a/app.js
+++ b/app.js
@@ -4,15 +4,18 @@ var path = require('path');
 var cookieParser = require('cookie-parser');
 var logger = require('morgan');
 var session = require('express-session');
-var MySQLStore = require('express-mysql-session')(session);
 
 var indexRouter = require('./routes/index');
 var usersRouter = require('./routes/users');
+var surveyRouter = require('./routes/survey');
+var adminSurveyRouter = require('./routes/adminSurvey');
+var adminRespondenRouter = require('./routes/adminResponden');
+var apiRouter = require('./routes/api');
+
 const { notFoundHandler, errorHandler } = require('./middlewares/error');
 
 var app = express();
 
-// view engine setup
 app.set('views', path.join(__dirname, 'views'));
 app.set('view engine', 'ejs');
 
@@ -22,32 +25,23 @@ app.use(express.urlencoded({ extended: false }));
 app.use(cookieParser());
 app.use(express.static(path.join(__dirname, 'public')));
 
-// Session configuration
-const sessionStore = new MySQLStore({
-  host: process.env.DB_HOST,
-  user: process.env.DB_USER,
-  password: process.env.DB_PASSWORD,
-  database: process.env.DB_NAME,
-});
-
 app.use(session({
-  key: 'session_cookie_name',
   secret: process.env.SESSION_SECRET || 'secret',
-  store: sessionStore,
   resave: false,
   saveUninitialized: false,
   cookie: {
-    maxAge: 1000 * 60 * 60 * 24 // 1 day
+    maxAge: 1000 * 60 * 60 * 24
   }
 }));
 
 app.use('/', indexRouter);
 app.use('/users', usersRouter);
+app.use('/survey', surveyRouter);
+app.use('/admin/survey', adminSurveyRouter);
+app.use('/admin/responden', adminRespondenRouter);
+app.use('/api', apiRouter);
 
-// catch 404 and forward to error handler
 app.use(notFoundHandler);
-
-// error handler
 app.use(errorHandler);
 
-module.exports = app;
+module.exports = app;
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 59b6794c..7ae543f7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,20 @@
         "express-session": "^1.19.0",
         "http-errors": "~1.6.3",
         "morgan": "~1.9.1",
-        "mysql2": "^3.22.3"
+        "mysql2": "^3.22.3",
+        "pdfkit": "^0.15.0"
+      },
+      "devDependencies": {
+        "nodemon": "^3.1.14"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.3.17",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.3.17.tgz",
+      "integrity": "sha512-tb7Iu+oZ+zWJZ3HJqwx8oNwSDIU440hmVMDPhpACWQWnrZHK99Bxs70gT1L2dnr5Hg50ZRWEFkQCAnOVVV0z1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.4.0"
       }
     },
     "node_modules/@types/node": {
@@ -44,12 +57,57 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/array-flatten": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
       "license": "MIT"
     },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/aws-ssl-profiles": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz",
@@ -59,6 +117,36 @@
         "node": ">= 6.0.0"
       }
     },
+    "node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/basic-auth": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
@@ -80,6 +168,19 @@
         "bcrypt": "bin/bcrypt"
       }
     },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/body-parser": {
       "version": "1.18.3",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz",
@@ -101,6 +202,50 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/brace-expansion": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brotli": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
+      "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.1.2"
+      }
+    },
+    "node_modules/browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "~1.0.5"
+      }
+    },
     "node_modules/bytes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
@@ -110,6 +255,87 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/call-bind": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
@@ -156,6 +382,12 @@
       "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
       "license": "MIT"
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "license": "MIT"
+    },
     "node_modules/debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -165,6 +397,72 @@
         "ms": "2.0.0"
       }
     },
+    "node_modules/deep-equal": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
+      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.5",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.2",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/denque": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
@@ -189,6 +487,12 @@
       "integrity": "sha512-3NdhDuEXnfun/z7x9GOElY49LoqVHoGScmOKwmxhsS8N5Y+Z8KyPPDnaSzqWgYt/ji4mqwfTS34Htrk0zPIXVg==",
       "license": "MIT"
     },
+    "node_modules/dfa": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
+      "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==",
+      "license": "MIT"
+    },
     "node_modules/dotenv": {
       "version": "17.4.2",
       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.4.2.tgz",
@@ -201,6 +505,20 @@
         "url": "https://dotenvx.com"
       }
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -225,6 +543,56 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -421,6 +789,19 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/finalhandler": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
@@ -439,6 +820,38 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/fontkit": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-1.9.0.tgz",
+      "integrity": "sha512-HkW/8Lrk8jl18kzQHvAw9aTHe1cqsyx5sDnxncx652+CIfhawokEPkeM3BoIC+z/Xv7a0yMr0f3pRRwhGH455g==",
+      "license": "MIT",
+      "dependencies": {
+        "@swc/helpers": "^0.3.13",
+        "brotli": "^1.3.2",
+        "clone": "^2.1.2",
+        "deep-equal": "^2.0.5",
+        "dfa": "^1.2.0",
+        "restructure": "^2.0.1",
+        "tiny-inflate": "^1.0.3",
+        "unicode-properties": "^1.3.1",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -457,6 +870,39 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/generate-function": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz",
@@ -466,56 +912,516 @@
         "is-property": "^1.0.2"
       }
     },
-    "node_modules/http-errors": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
-      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
       "license": "MIT",
       "dependencies": {
-        "depd": "~1.1.2",
-        "inherits": "2.0.3",
-        "setprototypeof": "1.1.0",
-        "statuses": ">= 1.4.0 < 2"
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
-        "node": ">= 0.6"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/iconv-lite": {
-      "version": "0.4.23",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
-      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
       "license": "MIT",
       "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/inherits": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
-      "license": "ISC"
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
     },
-    "node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
       "license": "MIT",
       "engines": {
-        "node": ">= 0.10"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-property": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
-      "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==",
-      "license": "MIT"
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
-    "node_modules/long": {
-      "version": "5.3.2",
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
+      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "license": "ISC"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-property": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
+      "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==",
+      "license": "MIT"
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "license": "MIT"
+    },
+    "node_modules/jpeg-exif": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/jpeg-exif/-/jpeg-exif-1.1.4.tgz",
+      "integrity": "sha512-a+bKEcCjtuW5WTdgeXFzswSrdqi0jk4XlEtZlx5A94wCoBpFjfFTbo/Tra5SpNCl/YFZPvcV1dJc+TAYeg6ROQ==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "license": "MIT"
+    },
+    "node_modules/linebreak": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/linebreak/-/linebreak-1.1.0.tgz",
+      "integrity": "sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "0.0.8",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/linebreak/node_modules/base64-js": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-0.0.8.tgz",
+      "integrity": "sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/long": {
+      "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
       "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
       "license": "Apache-2.0"
@@ -544,6 +1450,15 @@
         "url": "https://github.com/sponsors/wellwelwel"
       }
     },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -598,6 +1513,22 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/morgan": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/morgan/-/morgan-1.9.1.tgz",
@@ -679,6 +1610,127 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/nodemon": {
+      "version": "3.1.14",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.14.tgz",
+      "integrity": "sha512-jakjZi93UtB3jHMWsXL68FXSAosbLfY0In5gtKq3niLSkrWznrVBzXFNOEMJUfc9+Ke7SHWoAZsiMkNP3vq6Jw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "debug": "^4",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^10.2.1",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
+      },
+      "bin": {
+        "nodemon": "bin/nodemon.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "node_modules/nodemon/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/nodemon/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/on-finished": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
@@ -700,6 +1752,12 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -715,6 +1773,49 @@
       "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==",
       "license": "MIT"
     },
+    "node_modules/pdfkit": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/pdfkit/-/pdfkit-0.15.2.tgz",
+      "integrity": "sha512-s3GjpdBFSCaeDSX/v73MI5UsPqH1kjKut2AXCgxQ5OH10lPVOu5q5vLAG0OCpz/EYqKsTSw1WHpENqMvp43RKg==",
+      "license": "MIT",
+      "dependencies": {
+        "crypto-js": "^4.2.0",
+        "fontkit": "^1.8.1",
+        "jpeg-exif": "^1.1.4",
+        "linebreak": "^1.0.2",
+        "png-js": "^1.0.0"
+      }
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/png-js": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/png-js/-/png-js-1.1.0.tgz",
+      "integrity": "sha512-PM/uYGzGdNSzqeOgly68+6wKQDL1SY0a/N+OEa/+br6LnHWOAJB0Npiamnodfq3jd2LS/i2fMeOKSAILjA+m5Q==",
+      "dependencies": {
+        "browserify-zlib": "^0.2.0"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -728,6 +1829,13 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/qs": {
       "version": "6.5.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
@@ -770,18 +1878,87 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/restructure": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/restructure/-/restructure-2.0.1.tgz",
+      "integrity": "sha512-e0dOpjm5DseomnXx2M5lpdZ5zoHqF1+bqdMJUohoYVVQa7cBdnk7fdmeI6byNWP/kiME72EeTiSypTCVnpLiDg==",
+      "license": "MIT"
+    },
     "node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
       "license": "MIT"
     },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "license": "MIT"
     },
+    "node_modules/semver": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
+      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/send": {
       "version": "0.16.2",
       "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz",
@@ -826,12 +2003,129 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/setprototypeof": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
       "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
       "license": "ISC"
     },
+    "node_modules/side-channel": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4",
+        "side-channel-list": "^1.0.1",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/sql-escaper": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/sql-escaper/-/sql-escaper-1.3.3.tgz",
@@ -865,6 +2159,67 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/tiny-inflate": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
+      "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==",
+      "license": "MIT"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/touch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.1.tgz",
+      "integrity": "sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "nodetouch": "bin/nodetouch.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -890,6 +2245,13 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/undici-types": {
       "version": "7.19.2",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
@@ -897,6 +2259,32 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/unicode-properties": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
+      "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/unicode-trie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
+      "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^0.2.5",
+        "tiny-inflate": "^1.0.0"
+      }
+    },
+    "node_modules/unicode-trie/node_modules/pako": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
+      "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==",
+      "license": "MIT"
+    },
     "node_modules/unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -923,6 +2311,64 @@
       "engines": {
         "node": ">= 0.8"
       }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.22",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.22.tgz",
+      "integrity": "sha512-fvO4ExWMFsqyhG3AiPAObMuY1lxaqgYcxbc49CNdWDDECOJNgQyvsOWVwbZc+qf3rzRtxojBK+CMEv0Ld5CYpw==",
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     }
   }
 }
diff --git a/package.json b/package.json
index bf3659a5..00d26d30 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,10 @@
     "express-session": "^1.19.0",
     "http-errors": "~1.6.3",
     "morgan": "~1.9.1",
-    "mysql2": "^3.22.3"
+    "mysql2": "^3.22.3",
+    "pdfkit": "^0.15.0"
+  },
+  "devDependencies": {
+    "nodemon": "^3.1.14"
   }
-}
+}
\ No newline at end of file
diff --git a/scripts/seed.js b/scripts/seed.js
new file mode 100644
index 00000000..6b2c2817
--- /dev/null
+++ b/scripts/seed.js
@@ -0,0 +1,222 @@
+const db = require('../lib/db');
+const bcrypt = require('bcryptjs');
+
+async function seed() {
+  try {
+    console.log('Seeding data...');
+
+    const adminPassword = await bcrypt.hash('admin123', 10);
+    const userPassword = await bcrypt.hash('user123', 10);
+
+    // ============================================================
+    // 1. USERS
+    // Kenapa users dulu: employees.id FK ke users.id
+    // Password di-hash bcrypt karena indexController pakai bcrypt.compare
+    // Kalau plain text, login tidak akan pernah berhasil
+    // ============================================================
+    await db.query(`
+      INSERT INTO users (id, name, email, password, created_at, updated_at) VALUES
+      (1, 'Admin FTI', 'admin@fti.ac.id', ?, NOW(), NOW()),
+      (2, 'Rifaqila', 'rifaqila@fti.ac.id', ?, NOW(), NOW())
+    `, [adminPassword, userPassword]);
+    console.log('✅ Users inserted');
+
+    // ============================================================
+    // 2. ORGANIZATION UNITS
+    // Kenapa perlu: employees.organization_unit_id FK ke sini
+    // organization_unit_id = 1 karena self-reference ke dirinya sendiri
+    // unit paling atas tidak punya parent, merujuk ke dirinya sendiri
+    // ============================================================
+    await db.query(`
+      INSERT INTO organization_units (id, name, code, parent_id, type, organization_unit_id, created_at, updated_at) VALUES
+      (1, 'Fakultas Teknologi Informasi', 'FTI', NULL, 'faculty', 1, NOW(), NOW())
+    `);
+    console.log('✅ Organization units inserted');
+
+    // ============================================================
+    // 3. EMPLOYMENT STATUSES
+    // Kenapa perlu: employees.employment_status_id FK ke sini
+    // ============================================================
+    await db.query(`
+      INSERT INTO employment_statuses (id, name, description, created_at, updated_at) VALUES
+      (1, 'Tetap', 'Pegawai Tetap', NOW(), NOW())
+    `);
+    console.log('✅ Employment statuses inserted');
+
+    // ============================================================
+    // 4. EMPLOYEES
+    // Kenapa perlu: surveys.created_by FK ke employees.id
+    // Kenapa id = 1: employees.id FK ke users.id
+    // Jadi id employee harus sama dengan id user yang bersangkutan
+    // Hanya insert admin (id=1) karena hanya admin yang buat survey
+    // ============================================================
+    await db.query(`
+      INSERT INTO employees (id, employee_number, name, birth_place, birth_date, gender, marital_status, address, organization_unit_id, hire_date, employment_status_id, status, created_at, updated_at) VALUES
+      (1, 'EMP001', 'Admin FTI', 'Jakarta', '1980-01-01', 'male', 'married', 'Jl. Kampus No.1', 1, '2010-01-01', 1, 'active', NOW(), NOW())
+    `);
+    console.log('✅ Employees inserted');
+
+    // ============================================================
+    // 5. ROLES
+    // Kenapa 2 role: admin untuk kelola hasil, respondent untuk isi survey
+    // guard_name 'web' konvensi Spatie Permission yang dipakai DB ini
+    // ============================================================
+    await db.query(`
+      INSERT INTO roles (id, name, guard_name, created_at, updated_at) VALUES
+      (1, 'admin', 'web', NOW(), NOW()),
+      (2, 'respondent', 'web', NOW(), NOW())
+    `);
+    console.log('✅ Roles inserted');
+
+    // ============================================================
+    // 6. PERMISSIONS
+    // Kenapa perlu: role_has_permissions.permission_id FK ke sini
+    // Permission dibuat per fitur supaya ACL granular
+    // survey.view   → lihat daftar survey
+    // survey.fill   → isi survey
+    // survey.admin  → akses halaman admin
+    // survey.export → download CSV
+    // ============================================================
+    await db.query(`
+      INSERT INTO permissions (id, name, guard_name, created_at, updated_at) VALUES
+      (1, 'survey.view', 'web', NOW(), NOW()),
+      (2, 'survey.fill', 'web', NOW(), NOW()),
+      (3, 'survey.admin', 'web', NOW(), NOW()),
+      (4, 'survey.export', 'web', NOW(), NOW())
+    `);
+    console.log('✅ Permissions inserted');
+
+    // ============================================================
+    // 7. ROLE HAS PERMISSIONS
+    // admin dapat semua permission (1,2,3,4)
+    // respondent hanya bisa view dan fill (1,2)
+    // ============================================================
+    await db.query(`
+      INSERT INTO role_has_permissions (permission_id, role_id) VALUES
+      (1, 1), (2, 1), (3, 1), (4, 1),
+      (1, 2), (2, 2)
+    `);
+    console.log('✅ Role permissions assigned');
+
+    // ============================================================
+    // 8. MODEL HAS ROLES
+    // Admin FTI (1) = admin, Rifaqila (2) = respondent
+    // model_type 'App\\Models\\User' konvensi Spatie Permission
+    // model_id adalah id user yang dapat role tersebut
+    // ============================================================
+    await db.query(`
+      INSERT INTO model_has_roles (role_id, model_type, model_id) VALUES
+      (1, 'App\\\\Models\\\\User', 1),
+      (2, 'App\\\\Models\\\\User', 2)
+    `);
+    console.log('✅ Roles assigned to users');
+
+    // ============================================================
+    // 9. SURVEYS
+    // is_active = 1 sudah dipublikasikan, tampil di list respondent
+    // is_active = 0 draft, tidak tampil untuk test filter
+    // created_by dan employee_id = 1 karena admin yang buat survey
+    // 💡 TIPS TAMBAH/HAPUS SURVEY DUMMY:
+    // Tambah baris baru di dalam tanda kurung bawah ini untuk menambahkan survey default baru,
+    // atau hapus baris yang ada jika ingin menghapus survey tertentu.
+    // ============================================================
+    await db.query(`
+      INSERT INTO surveys (id, title, description, start_date, end_date, is_active, created_by, employee_id, created_at, updated_at) VALUES
+      (1, 'Survey Kepuasan Layanan Akademik', 'Survey untuk mengukur tingkat kepuasan mahasiswa terhadap layanan akademik FTI', '2026-01-01', '2026-12-31', 1, 1, 1, NOW(), NOW()),
+      (2, 'Survey Evaluasi Fasilitas Kampus', 'Survey untuk mengevaluasi kondisi dan kelengkapan fasilitas kampus', '2026-01-01', '2026-12-31', 1, 1, 1, NOW(), NOW()),
+      (3, 'Survey Draft Belum Aktif', 'Survey ini belum dipublikasikan', '2026-01-01', '2026-12-31', 0, 1, 1, NOW(), NOW())
+    `);
+    console.log('✅ Surveys inserted');
+
+    // ============================================================
+    // 10. SURVEY QUESTIONS
+    // 3 tipe: single_choice, multiple_choice, short_answer
+    // Semua tipe ada supaya bisa test rendering semua tipe di form
+    // 💡 TIPS TAMBAH/HAPUS PERTANYAAN DUMMY:
+    // Tambah atau hapus baris di kueri INSERT di bawah ini untuk mengedit bank pertanyaan kuesioner.
+    // Tipe pertanyaan yang didukung: 'single_choice' (pilihan ganda), 'multiple_choice' (checkbox), atau 'short_answer' (esai).
+    // ============================================================
+    await db.query(`
+      INSERT INTO survey_questions (id, question_text, type, is_active, created_at, updated_at) VALUES
+      (1, 'Bagaimana penilaian Anda terhadap kecepatan pelayanan akademik?', 'single_choice', 1, NOW(), NOW()),
+      (2, 'Fasilitas apa saja yang menurut Anda perlu ditingkatkan?', 'multiple_choice', 1, NOW(), NOW()),
+      (3, 'Berikan saran Anda untuk peningkatan layanan akademik.', 'short_answer', 1, NOW(), NOW()),
+      (4, 'Bagaimana penilaian Anda terhadap kebersihan kampus?', 'single_choice', 1, NOW(), NOW()),
+      (5, 'Layanan digital apa yang Anda gunakan paling sering?', 'multiple_choice', 1, NOW(), NOW())
+    `);
+    console.log('✅ Questions inserted');
+
+    // ============================================================
+    // 11. SURVEY QUESTION OPTIONS
+    // Hanya untuk single_choice dan multiple_choice
+    // short_answer tidak punya opsi karena jawabannya bebas diketik
+    // weight dipakai untuk hitung skor di fitur statistik nanti
+    // ============================================================
+    await db.query(`
+      INSERT INTO survey_question_options (id, survey_question_id, option_text, weight, created_at, updated_at) VALUES
+      (1, 1, 'Sangat Baik', 4, NOW(), NOW()),
+      (2, 1, 'Baik', 3, NOW(), NOW()),
+      (3, 1, 'Cukup', 2, NOW(), NOW()),
+      (4, 1, 'Kurang', 1, NOW(), NOW()),
+      (5, 2, 'Perpustakaan', 1, NOW(), NOW()),
+      (6, 2, 'Laboratorium', 1, NOW(), NOW()),
+      (7, 2, 'Ruang Kelas', 1, NOW(), NOW()),
+      (8, 2, 'Kantin', 1, NOW(), NOW()),
+      (9, 4, 'Sangat Bersih', 4, NOW(), NOW()),
+      (10, 4, 'Bersih', 3, NOW(), NOW()),
+      (11, 4, 'Cukup Bersih', 2, NOW(), NOW()),
+      (12, 4, 'Kotor', 1, NOW(), NOW()),
+      (13, 5, 'SIAKAD', 1, NOW(), NOW()),
+      (14, 5, 'E-Learning', 1, NOW(), NOW()),
+      (15, 5, 'Portal Mahasiswa', 1, NOW(), NOW())
+    `);
+    console.log('✅ Question options inserted');
+
+    // ============================================================
+    // 12. SURVEY QUESTION ASSIGNMENTS
+    // Mapping pertanyaan ke survey
+    // Satu pertanyaan bisa dipakai di banyak survey (reusable)
+    // order menentukan urutan tampil pertanyaan di form
+    // ============================================================
+    await db.query(`
+      INSERT INTO survey_question_assignments (survey_id, survey_question_id, \`order\`, created_at, updated_at) VALUES
+      (1, 1, 1, NOW(), NOW()),
+      (1, 2, 2, NOW(), NOW()),
+      (1, 3, 3, NOW(), NOW()),
+      (2, 4, 1, NOW(), NOW()),
+      (2, 5, 2, NOW(), NOW())
+    `);
+    console.log('✅ Question assignments inserted');
+
+    // ============================================================
+    // 13. SURVEY INVITATIONS + PIN
+    // PIN unik per undangan per survey
+    // is_used = 0 PIN belum dipakai
+    // Setelah submit survey, is_used di-update jadi 1
+    // Hanya Rifaqila yang punya undangan karena dia satu-satunya
+    // respondent di sistem dummy kita
+    // ============================================================
+    await db.query(`
+      INSERT INTO survey_invitations (id, survey_id, name, email, phone, pin, is_used, used_at, created_at, updated_at) VALUES
+      (1, 1, 'Rifaqila', 'rifaqila@fti.ac.id', '08123456789', 'PIN001', 0, NULL, NOW(), NOW()),
+      (2, 2, 'Rifaqila', 'rifaqila@fti.ac.id', '08123456789', 'PIN002', 0, NULL, NOW(), NOW())
+    `);
+    console.log('✅ Invitations inserted');
+
+    console.log('');
+    console.log('🎉 Seeding selesai!');
+    console.log('─────────────────────────────────────────────────');
+    console.log('Login admin      → admin@fti.ac.id    | admin123');
+    console.log('Login respondent → rifaqila@fti.ac.id | user123');
+    console.log('─────────────────────────────────────────────────');
+    console.log('PIN survey 1 → PIN001');
+    console.log('PIN survey 2 → PIN002');
+    process.exit(0);
+
+  } catch (err) {
+    console.error('❌ Seeding gagal:', err.message);
+    process.exit(1);
+  }
+}
+
+seed();
\ No newline at end of file

From 5d5a0a7edf8ded03b8f24f327e50642bc865372a Mon Sep 17 00:00:00 2001
From: Arifah Huwaina Azre <emailgithub_arifah@gmail.com>
Date: Tue, 23 Jun 2026 13:40:04 +0700
Subject: [PATCH 02/13] feat(arifah): lihat survey, validasi PIN, isi dan
 submit survey, validasi client-side

---
 controllers/surveyController.js | 1005 +++++++++++++++++++++++++++++++
 routes/survey.js                |   13 +
 views/login.ejs                 |   42 +-
 3 files changed, 1049 insertions(+), 11 deletions(-)
 create mode 100644 controllers/surveyController.js
 create mode 100644 routes/survey.js

diff --git a/controllers/surveyController.js b/controllers/surveyController.js
new file mode 100644
index 00000000..0cb4cd73
--- /dev/null
+++ b/controllers/surveyController.js
@@ -0,0 +1,1005 @@
+// ============================================================
+// CONTROLLER: RESPONDENT & ADMIN SURVEY (Dikelola oleh Arifah)
+// Berisi semua fitur pengisian survey untuk responden dan rekapitulasi statistik untuk admin
+// ============================================================
+const db = require('../lib/db');
+
+// FITUR 1: Lihat Daftar Survey (Respondent)
+// Menampilkan daftar survey aktif, pencarian survey, status "Sudah Diisi", dan pagination
+const index = async (req, res, next) => {
+  try {
+    const search = req.query.search || '';
+    const page = parseInt(req.query.page) || 1;
+    const limit = 10;
+    const offset = (page - 1) * limit;
+
+    const [surveys] = await db.query(`
+      SELECT s.id, s.title, s.description, s.start_date, s.end_date,
+        s.is_active, s.created_by, s.employee_id, s.created_at, s.updated_at,
+        CASE WHEN COUNT(sr.id) > 0 THEN 1 ELSE 0 END as sudah_diisi
+      FROM surveys s
+      LEFT JOIN survey_invitations si
+        ON si.survey_id = s.id AND si.email = ?
+      LEFT JOIN survey_responses sr
+        ON sr.survey_invitation_id = si.id
+      WHERE s.is_active = 1
+        AND (s.title LIKE ? OR s.description LIKE ?)
+      GROUP BY s.id, s.title, s.description, s.start_date, s.end_date,
+        s.is_active, s.created_by, s.employee_id, s.created_at, s.updated_at
+      LIMIT ? OFFSET ?
+    `, [req.session.userEmail, `%${search}%`, `%${search}%`, limit, offset]);
+
+    const [[{ total }]] = await db.query(`
+      SELECT COUNT(*) as total FROM surveys
+      WHERE is_active = 1 AND (title LIKE ? OR description LIKE ?)
+    `, [`%${search}%`, `%${search}%`]);
+
+    const totalPages = Math.ceil(total / limit);
+    const successMsg = req.query.success ? 'Survey berhasil diisi! Terima kasih.' : null;
+
+    res.render('home', {
+      title: 'Daftar Survey',
+      user: req.session.userName,
+      role: req.session.userRole,
+      body: `
+        <div class="flex flex-col gap-6">
+          <div>
+            <h1 class="text-2xl font-bold tracking-tight">Daftar Survey</h1>
+            <p class="text-muted-foreground">Survey yang tersedia untuk diisi</p>
+          </div>
+
+          ${successMsg ? `
+            <div class="bg-green-100 text-green-700 text-sm p-3 rounded-md border border-green-200">
+              ✅ ${successMsg}
+            </div>
+          ` : ''}
+
+          <form method="GET" action="/survey" class="flex gap-2">
+            <input
+              type="text"
+              name="search"
+              value="${search}"
+              placeholder="Cari survey..."
+              class="h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs outline-none flex-1 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+            />
+            <button type="submit" class="btn">Cari</button>
+            ${search ? '<a href="/survey" class="btn-outline">Reset</a>' : ''}
+          </form>
+
+          ${surveys.length === 0 ? `
+            <div class="card">
+              <section class="text-center text-muted-foreground py-8">
+                Tidak ada survey yang tersedia
+              </section>
+            </div>
+          ` : surveys.map(s => `
+            <div class="card">
+              <header>
+                <h2>${s.title}</h2>
+                <p>${s.description || ''}</p>
+              </header>
+              <section class="flex items-center justify-between">
+                <div class="text-sm text-muted-foreground">
+                  Periode: ${new Date(s.start_date).toLocaleDateString('id-ID')} - ${new Date(s.end_date).toLocaleDateString('id-ID')}
+                </div>
+                ${s.sudah_diisi ? `
+                  <span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400">
+                    Sudah Diisi
+                  </span>
+                ` : `
+                  <a href="/survey/${s.id}" class="btn">Isi Survey</a>
+                `}
+              </section>
+            </div>
+          `).join('')}
+
+          ${totalPages > 1 ? `
+            <div class="flex items-center justify-center gap-2">
+              ${page > 1 ? `<a href="/survey?search=${search}&page=${page - 1}" class="btn-outline">Sebelumnya</a>` : ''}
+              <span class="text-sm text-muted-foreground">Halaman ${page} dari ${totalPages}</span>
+              ${page < totalPages ? `<a href="/survey?search=${search}&page=${page + 1}" class="btn-outline">Berikutnya</a>` : ''}
+            </div>
+          ` : ''}
+        </div>
+      `
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 2 (Bagian A): Form Input PIN Survey (Respondent)
+// Menampilkan halaman pengisian PIN untuk masuk ke kuesioner
+const pinForm = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+
+    const [surveys] = await db.query(
+      'SELECT * FROM surveys WHERE id = ? AND is_active = 1',
+      [surveyId]
+    );
+
+    if (surveys.length === 0) {
+      return res.status(404).render('error', {
+        message: 'Survey tidak ditemukan',
+        error: { status: 404, stack: '' }
+      });
+    }
+
+    const survey = surveys[0];
+    const error = req.query.error || null;
+
+    res.render('home', {
+      title: `Masukkan PIN - ${survey.title}`,
+      user: req.session.userName,
+      role: req.session.userRole,
+      body: `
+        <div class="flex flex-col gap-6 max-w-md mx-auto">
+          <div>
+            <a href="/survey" class="text-sm text-muted-foreground hover:underline">← Kembali</a>
+            <h1 class="text-2xl font-bold tracking-tight mt-2">${survey.title}</h1>
+            <p class="text-muted-foreground">${survey.description || ''}</p>
+          </div>
+
+          <div class="card">
+            <header>
+              <h2>Masukkan PIN</h2>
+              <p>Masukkan PIN yang sudah Anda terima untuk mengisi survey ini</p>
+            </header>
+            <section>
+              ${error ? `
+                <div class="bg-destructive/15 text-destructive text-sm p-3 rounded-md border border-destructive/20 mb-4">
+                  ⚠️ ${error}
+                </div>
+              ` : ''}
+              <form method="POST" action="/survey/${surveyId}/pin" class="flex flex-col gap-4" id="pinForm" novalidate>
+                <div class="flex flex-col gap-2">
+                  <label class="text-sm font-medium" for="pin">PIN</label>
+                  <input
+                    type="text"
+                    id="pin"
+                    name="pin"
+                    placeholder="Masukkan PIN Anda..."
+                    class="h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+                  />
+                  <p id="pinError" class="text-xs text-destructive hidden">PIN tidak boleh kosong</p>
+                </div>
+                <button type="submit" class="btn w-full">Lanjutkan</button>
+              </form>
+              <script>
+                document.getElementById('pinForm').addEventListener('submit', function(e) {
+                  const pin = document.getElementById('pin');
+                  const pinError = document.getElementById('pinError');
+                  if (!pin.value.trim()) {
+                    e.preventDefault();
+                    pin.classList.add('border-destructive');
+                    pinError.classList.remove('hidden');
+                  } else {
+                    pin.classList.remove('border-destructive');
+                    pinError.classList.add('hidden');
+                  }
+                });
+              </script>
+            </section>
+          </div>
+        </div>
+      `
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 2 (Bagian B): Proses Validasi PIN Survey (Respondent)
+// Memeriksa kesesuaian PIN dengan survey, email responden, dan status 'is_used' di database
+const pinValidate = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+    const { pin } = req.body;
+
+    if (!pin || pin.trim() === '') {
+      return res.redirect(`/survey/${surveyId}?error=PIN tidak boleh kosong`);
+    }
+
+    const [invitations] = await db.query(`
+      SELECT * FROM survey_invitations
+      WHERE survey_id = ? AND pin = ? AND email = ? AND is_used = 0
+    `, [surveyId, pin.trim(), req.session.userEmail]);
+
+    if (invitations.length === 0) {
+      return res.redirect(`/survey/${surveyId}?error=PIN tidak valid atau sudah digunakan`);
+    }
+
+    req.session.invitationId = invitations[0].id;
+    res.redirect(`/survey/${surveyId}/fill`);
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 2 (Bagian C): Render Form Pertanyaan Survey (Respondent)
+// Menampilkan daftar pertanyaan kuesioner (pilihan ganda tunggal, banyak, atau esai)
+const fillForm = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+
+    if (!req.session.invitationId) {
+      return res.redirect(`/survey/${surveyId}`);
+    }
+
+    const [surveys] = await db.query(
+      'SELECT * FROM surveys WHERE id = ? AND is_active = 1',
+      [surveyId]
+    );
+
+    if (surveys.length === 0) {
+      return res.status(404).render('error', {
+        message: 'Survey tidak ditemukan',
+        error: { status: 404, stack: '' }
+      });
+    }
+
+    const survey = surveys[0];
+
+    const [questions] = await db.query(`
+      SELECT sq.*, sqa.order
+      FROM survey_questions sq
+      JOIN survey_question_assignments sqa ON sq.id = sqa.survey_question_id
+      WHERE sqa.survey_id = ? AND sq.is_active = 1
+      ORDER BY sqa.order ASC
+    `, [surveyId]);
+
+    for (const q of questions) {
+      const [options] = await db.query(
+        'SELECT * FROM survey_question_options WHERE survey_question_id = ?',
+        [q.id]
+      );
+      q.options = options;
+    }
+
+    const questionsHtml = questions.map((q, index) => `
+      <div class="card" data-qid="${q.id}">
+        <header>
+          <h2>${index + 1}. ${q.question_text}</h2>
+          ${q.type === 'multiple_choice' ? '<p>Pilih satu atau lebih jawaban</p>' : ''}
+        </header>
+        <section>
+          ${q.type === 'single_choice' ? `
+            <div class="flex flex-col gap-3">
+              ${q.options.map(opt => `
+                <label class="flex items-center gap-3 cursor-pointer">
+                  <input type="radio" name="answer_${q.id}" value="${opt.id}" required class="input" />
+                  <span class="text-sm">${opt.option_text}</span>
+                </label>
+              `).join('')}
+            </div>
+          ` : q.type === 'multiple_choice' ? `
+            <div class="flex flex-col gap-3">
+              ${q.options.map(opt => `
+                <label class="flex items-center gap-3 cursor-pointer">
+                  <input type="checkbox" name="answer_${q.id}[]" value="${opt.id}" class="input" />
+                  <span class="text-sm">${opt.option_text}</span>
+                </label>
+              `).join('')}
+            </div>
+          ` : `
+            <textarea
+              name="answer_text_${q.id}"
+              placeholder="Tulis jawaban Anda di sini..."
+              required
+              class="w-full min-h-[100px] rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+            ></textarea>
+          `}
+        </section>
+      </div>
+    `).join('');
+
+    res.render('home', {
+      title: survey.title,
+      user: req.session.userName,
+      role: req.session.userRole,
+      body: `
+        <div class="flex flex-col gap-6">
+          <div>
+            <a href="/survey" class="text-sm text-muted-foreground hover:underline">← Kembali</a>
+            <h1 class="text-2xl font-bold tracking-tight mt-2">${survey.title}</h1>
+            <p class="text-muted-foreground">${survey.description || ''}</p>
+          </div>
+          <form method="POST" action="/survey/${surveyId}/submit" class="flex flex-col gap-4" id="surveyForm" novalidate>
+            ${questionsHtml}
+            <p id="surveyFormError" class="text-sm text-destructive hidden">Harap jawab semua pertanyaan sebelum mengirim.</p>
+            <div class="flex justify-end">
+              <button type="submit" class="btn">Kirim Jawaban</button>
+            </div>
+          </form>
+          <script>
+            document.getElementById('surveyForm').addEventListener('submit', function(e) {
+              const questions = ${JSON.stringify(questions.map(q => ({ id: q.id, type: q.type })))};
+              let hasError = false;
+
+              document.querySelectorAll('.q-error').forEach(el => el.remove());
+              document.querySelectorAll('.border-destructive').forEach(el => el.classList.remove('border-destructive'));
+              document.getElementById('surveyFormError').classList.add('hidden');
+
+              questions.forEach(function(q) {
+                let answered = false;
+                if (q.type === 'single_choice') {
+                  answered = !!document.querySelector('input[name="answer_' + q.id + '"]:checked');
+                } else if (q.type === 'multiple_choice') {
+                  answered = !!document.querySelector('input[name="answer_' + q.id + '[]"]:checked');
+                } else {
+                  const ta = document.querySelector('textarea[name="answer_text_' + q.id + '"]');
+                  answered = ta && ta.value.trim() !== '';
+                  if (!answered && ta) ta.classList.add('border-destructive');
+                }
+
+                if (!answered) {
+                  hasError = true;
+                  const card = document.querySelector('[data-qid="' + q.id + '"]');
+                  if (card) {
+                    const err = document.createElement('p');
+                    err.className = 'q-error text-xs text-destructive mt-2';
+                    err.textContent = 'Pertanyaan ini wajib dijawab';
+                    card.querySelector('section').appendChild(err);
+                    card.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                  }
+                }
+              });
+
+              if (hasError) {
+                e.preventDefault();
+                document.getElementById('surveyFormError').classList.remove('hidden');
+                document.getElementById('surveyFormError').scrollIntoView({ behavior: 'smooth', block: 'center' });
+              }
+            });
+          </script>
+        </div>
+      `
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 2 (Bagian D): Proses Submit Jawaban Survey (Respondent)
+// Validasi di sisi server (wajib diisi) dan menyimpan data jawaban ke database (tabel survey_responses, survey_answers, survey_answer_options)
+const submit = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+    const body = req.body;
+    const invitationId = req.session.invitationId;
+
+    if (!invitationId) {
+      return res.redirect(`/survey/${surveyId}`);
+    }
+
+    const [surveys] = await db.query(
+      'SELECT * FROM surveys WHERE id = ? AND is_active = 1',
+      [surveyId]
+    );
+
+    if (surveys.length === 0) {
+      return res.status(404).render('error', {
+        message: 'Survey tidak ditemukan',
+        error: { status: 404, stack: '' }
+      });
+    }
+
+    const [questions] = await db.query(`
+      SELECT sq.* FROM survey_questions sq
+      JOIN survey_question_assignments sqa ON sq.id = sqa.survey_question_id
+      WHERE sqa.survey_id = ? AND sq.is_active = 1
+    `, [surveyId]);
+
+    const errors = [];
+    for (const q of questions) {
+      if (q.type === 'single_choice') {
+        if (!body[`answer_${q.id}`]) {
+          errors.push(`Pertanyaan "${q.question_text}" wajib dijawab`);
+        }
+      } else if (q.type === 'multiple_choice') {
+        const answers = body[`answer_${q.id}[]`];
+        if (!answers || (Array.isArray(answers) && answers.length === 0)) {
+          errors.push(`Pertanyaan "${q.question_text}" wajib dijawab`);
+        }
+      } else {
+        if (!body[`answer_text_${q.id}`] || body[`answer_text_${q.id}`].trim() === '') {
+          errors.push(`Pertanyaan "${q.question_text}" wajib dijawab`);
+        }
+      }
+    }
+
+    if (errors.length > 0) {
+      return res.status(400).render('home', {
+        title: 'Jawaban Tidak Lengkap',
+        user: req.session.userName,
+        role: req.session.userRole,
+        body: `
+          <div class="flex flex-col gap-4 max-w-md mx-auto">
+            <h1 class="text-2xl font-bold">Jawaban Tidak Lengkap</h1>
+            <div class="card">
+              <section class="flex flex-col gap-2">
+                ${errors.map(e => `<p class="text-destructive text-sm">• ${e}</p>`).join('')}
+              </section>
+            </div>
+            <a href="/survey/${surveyId}/fill" class="btn-outline w-fit">Kembali ke Survey</a>
+          </div>
+        `
+      });
+    }
+
+    const [responseResult] = await db.query(`
+      INSERT INTO survey_responses (survey_id, survey_invitation_id, submitted_at, created_at, updated_at)
+      VALUES (?, ?, NOW(), NOW(), NOW())
+    `, [surveyId, invitationId]);
+
+    const responseId = responseResult.insertId;
+
+    for (const q of questions) {
+      if (q.type === 'single_choice') {
+        const optionId = body[`answer_${q.id}`];
+        const [answerResult] = await db.query(`
+          INSERT INTO survey_answers (survey_response_id, survey_question_id, answer_text, created_at, updated_at)
+          VALUES (?, ?, '', NOW(), NOW())
+        `, [responseId, q.id]);
+        await db.query(`
+          INSERT INTO survey_answer_options (survey_answer_id, survey_question_option_id, created_at, updated_at)
+          VALUES (?, ?, NOW(), NOW())
+        `, [answerResult.insertId, optionId]);
+
+      } else if (q.type === 'multiple_choice') {
+        let optionIds = body[`answer_${q.id}[]`];
+        if (!Array.isArray(optionIds)) optionIds = [optionIds];
+        const [answerResult] = await db.query(`
+          INSERT INTO survey_answers (survey_response_id, survey_question_id, answer_text, created_at, updated_at)
+          VALUES (?, ?, '', NOW(), NOW())
+        `, [responseId, q.id]);
+        for (const optionId of optionIds) {
+          await db.query(`
+            INSERT INTO survey_answer_options (survey_answer_id, survey_question_option_id, created_at, updated_at)
+            VALUES (?, ?, NOW(), NOW())
+          `, [answerResult.insertId, optionId]);
+        }
+
+      } else {
+        await db.query(`
+          INSERT INTO survey_answers (survey_response_id, survey_question_id, answer_text, created_at, updated_at)
+          VALUES (?, ?, ?, NOW(), NOW())
+        `, [responseId, q.id, body[`answer_text_${q.id}`]]);
+      }
+    }
+
+    await db.query(`
+      UPDATE survey_invitations SET is_used = 1, used_at = NOW(), updated_at = NOW()
+      WHERE id = ?
+    `, [invitationId]);
+
+    delete req.session.invitationId;
+    res.redirect('/survey?success=1');
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 3 (Bagian A): List Rekap Jawaban Per Survey (Admin)
+// Menampilkan daftar seluruh survey beserta total jumlah responden yang sudah mengisi
+const rekap = async (req, res, next) => {
+  try {
+    const search = req.query.search || '';
+    const page = parseInt(req.query.page) || 1;
+    const limit = 10;
+    const offset = (page - 1) * limit;
+
+    const [surveys] = await db.query(`
+      SELECT s.id, s.title, s.description, s.is_active, s.created_at,
+        COUNT(DISTINCT sr.id) as total_responses
+      FROM surveys s
+      LEFT JOIN survey_invitations si ON si.survey_id = s.id
+      LEFT JOIN survey_responses sr ON sr.survey_invitation_id = si.id
+      WHERE s.title LIKE ? OR s.description LIKE ?
+      GROUP BY s.id, s.title, s.description, s.is_active, s.created_at
+      ORDER BY s.created_at DESC
+      LIMIT ? OFFSET ?
+    `, [`%${search}%`, `%${search}%`, limit, offset]);
+
+    const [[{ total }]] = await db.query(`
+      SELECT COUNT(*) as total FROM surveys
+      WHERE title LIKE ? OR description LIKE ?
+    `, [`%${search}%`, `%${search}%`]);
+
+    const totalPages = Math.ceil(total / limit);
+
+    res.render('home', {
+      title: 'Rekap Jawaban',
+      user: req.session.userName,
+      role: req.session.userRole,
+      body: `
+        <div class="flex flex-col gap-6">
+          <div>
+            <h1 class="text-2xl font-bold tracking-tight">Rekap Jawaban Survey</h1>
+            <p class="text-muted-foreground">Lihat detail jawaban per survey</p>
+          </div>
+
+          <form method="GET" action="/admin/survey/rekap" class="flex gap-2">
+            <input
+              type="text"
+              name="search"
+              value="${search}"
+              placeholder="Cari survey..."
+              class="h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs outline-none flex-1 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+            />
+            <button type="submit" class="btn">Cari</button>
+            ${search ? '<a href="/admin/survey/rekap" class="btn-outline">Reset</a>' : ''}
+          </form>
+
+          <div class="card">
+            <section>
+              <table class="table w-full">
+                <thead>
+                  <tr>
+                    <th>Judul Survey</th>
+                    <th>Status</th>
+                    <th>Total Responden</th>
+                    <th>Aksi</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  ${surveys.length === 0 ? `
+                    <tr><td colspan="4" class="text-center text-muted-foreground">Tidak ada survey</td></tr>
+                  ` : surveys.map(s => `
+                    <tr>
+                      <td>${s.title}</td>
+                      <td>${s.is_active ? 'Aktif' : 'Tidak Aktif'}</td>
+                      <td>${s.total_responses}</td>
+                      <td class="flex gap-2">
+                        <a href="/admin/survey/rekap/${s.id}" class="btn-sm">Detail</a>
+                        <a href="/admin/survey/export/${s.id}" class="btn-sm-outline">Export CSV</a>
+                      </td>
+                    </tr>
+                  `).join('')}
+                </tbody>
+              </table>
+            </section>
+          </div>
+
+          ${totalPages > 1 ? `
+            <div class="flex items-center justify-center gap-2">
+              ${page > 1 ? `<a href="/admin/survey/rekap?search=${search}&page=${page - 1}" class="btn-outline">Sebelumnya</a>` : ''}
+              <span class="text-sm text-muted-foreground">Halaman ${page} dari ${totalPages}</span>
+              ${page < totalPages ? `<a href="/admin/survey/rekap?search=${search}&page=${page + 1}" class="btn-outline">Berikutnya</a>` : ''}
+            </div>
+          ` : ''}
+        </div>
+      `
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 3 (Bagian B): Detail Responden Per Survey (Admin)
+// Menampilkan detail nama, email, dan waktu submit responden di survey tertentu
+const rekapDetail = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+    const search = req.query.search || '';
+    const page = parseInt(req.query.page) || 1;
+    const limit = 10;
+    const offset = (page - 1) * limit;
+    const errorMsg = req.query.error || null;
+
+    const [surveys] = await db.query('SELECT * FROM surveys WHERE id = ?', [surveyId]);
+    if (surveys.length === 0) {
+      return res.status(404).render('error', { message: 'Survey tidak ditemukan', error: { status: 404, stack: '' } });
+    }
+
+    const survey = surveys[0];
+
+    const [responses] = await db.query(`
+      SELECT sr.id, sr.submitted_at, si.name as responden_name, si.email as responden_email
+      FROM survey_responses sr
+      JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+      WHERE si.survey_id = ? AND (si.name LIKE ? OR si.email LIKE ?)
+      ORDER BY sr.submitted_at DESC
+      LIMIT ? OFFSET ?
+    `, [surveyId, `%${search}%`, `%${search}%`, limit, offset]);
+
+    const [[{ total }]] = await db.query(`
+      SELECT COUNT(*) as total FROM survey_responses sr
+      JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+      WHERE si.survey_id = ? AND (si.name LIKE ? OR si.email LIKE ?)
+    `, [surveyId, `%${search}%`, `%${search}%`]);
+
+    const totalPages = Math.ceil(total / limit);
+
+    res.render('home', {
+      title: `Rekap - ${survey.title}`,
+      user: req.session.userName,
+      role: req.session.userRole,
+      body: `
+        <div class="flex flex-col gap-6">
+          <div>
+            <a href="/admin/survey/rekap" class="text-sm text-muted-foreground hover:underline">← Kembali</a>
+            <h1 class="text-2xl font-bold tracking-tight mt-2">${survey.title}</h1>
+            <p class="text-muted-foreground">Total ${total} responden</p>
+          </div>
+
+          ${errorMsg ? `
+            <div class="bg-destructive/15 text-destructive text-sm p-3 rounded-md border border-destructive/20">
+              ⚠️ ${errorMsg}
+            </div>
+          ` : ''}
+
+          <form method="GET" action="/admin/survey/rekap/${surveyId}" class="flex gap-2">
+            <input
+              type="text"
+              name="search"
+              value="${search}"
+              placeholder="Cari responden..."
+              class="h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs outline-none flex-1 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+            />
+            <button type="submit" class="btn">Cari</button>
+            ${search ? `<a href="/admin/survey/rekap/${surveyId}" class="btn-outline">Reset</a>` : ''}
+          </form>
+
+          <div class="card">
+            <section>
+              <table class="table w-full">
+                <thead>
+                  <tr>
+                    <th>Nama</th>
+                    <th>Email</th>
+                    <th>Waktu Pengisian</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  ${responses.length === 0 ? `
+                    <tr><td colspan="3" class="text-center text-muted-foreground">Belum ada responden</td></tr>
+                  ` : responses.map(r => `
+                    <tr>
+                      <td>${r.responden_name}</td>
+                      <td>${r.responden_email}</td>
+                      <td>${new Date(r.submitted_at).toLocaleString('id-ID')}</td>
+                    </tr>
+                  `).join('')}
+                </tbody>
+              </table>
+            </section>
+          </div>
+
+          ${totalPages > 1 ? `
+            <div class="flex items-center justify-center gap-2">
+              ${page > 1 ? `<a href="/admin/survey/rekap/${surveyId}?search=${search}&page=${page - 1}" class="btn-outline">Sebelumnya</a>` : ''}
+              <span class="text-sm text-muted-foreground">Halaman ${page} dari ${totalPages}</span>
+              ${page < totalPages ? `<a href="/admin/survey/rekap/${surveyId}?search=${search}&page=${page + 1}" class="btn-outline">Berikutnya</a>` : ''}
+            </div>
+          ` : ''}
+        </div>
+      `
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 4 (Bagian A): List Survey Untuk Statistik (Admin)
+// Menampilkan daftar survey untuk memilih statistik jawaban
+const statistik = async (req, res, next) => {
+  try {
+    const search = req.query.search || '';
+    const page = parseInt(req.query.page) || 1;
+    const limit = 10;
+    const offset = (page - 1) * limit;
+
+    const [surveys] = await db.query(`
+      SELECT s.id, s.title, s.description, COUNT(DISTINCT sr.id) as total_responses
+      FROM surveys s
+      LEFT JOIN survey_invitations si ON si.survey_id = s.id
+      LEFT JOIN survey_responses sr ON sr.survey_invitation_id = si.id
+      WHERE s.title LIKE ? OR s.description LIKE ?
+      GROUP BY s.id, s.title, s.description
+      ORDER BY s.created_at DESC
+      LIMIT ? OFFSET ?
+    `, [`%${search}%`, `%${search}%`, limit, offset]);
+
+    const [[{ total }]] = await db.query(`
+      SELECT COUNT(*) as total FROM surveys
+      WHERE title LIKE ? OR description LIKE ?
+    `, [`%${search}%`, `%${search}%`]);
+
+    const totalPages = Math.ceil(total / limit);
+
+    res.render('home', {
+      title: 'Statistik Survey',
+      user: req.session.userName,
+      role: req.session.userRole,
+      body: `
+        <div class="flex flex-col gap-6">
+          <div>
+            <h1 class="text-2xl font-bold tracking-tight">Statistik Survey</h1>
+            <p class="text-muted-foreground">Pilih survey untuk lihat statistik jawaban</p>
+          </div>
+
+          <form method="GET" action="/admin/survey/statistik" class="flex gap-2">
+            <input
+              type="text"
+              name="search"
+              value="${search}"
+              placeholder="Cari survey..."
+              class="h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs outline-none flex-1 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+            />
+            <button type="submit" class="btn">Cari</button>
+            ${search ? '<a href="/admin/survey/statistik" class="btn-outline">Reset</a>' : ''}
+          </form>
+
+          <div class="grid gap-4">
+            ${surveys.length === 0 ? `
+              <div class="card">
+                <section class="text-center text-muted-foreground py-8">
+                  Tidak ada survey yang ditemukan
+                </section>
+              </div>
+            ` : surveys.map(s => `
+              <div class="card">
+                <header>
+                  <h2>${s.title}</h2>
+                  <p>${s.description || ''}</p>
+                </header>
+                <section class="flex items-center justify-between">
+                  <span class="text-sm text-muted-foreground">${s.total_responses} responden</span>
+                  <a href="/admin/survey/statistik/${s.id}" class="btn">Lihat Statistik</a>
+                </section>
+              </div>
+            `).join('')}
+          </div>
+
+          ${totalPages > 1 ? `
+            <div class="flex items-center justify-center gap-2">
+              ${page > 1 ? `<a href="/admin/survey/statistik?search=${search}&page=${page - 1}" class="btn-outline">Sebelumnya</a>` : ''}
+              <span class="text-sm text-muted-foreground">Halaman ${page} dari ${totalPages}</span>
+              ${page < totalPages ? `<a href="/admin/survey/statistik?search=${search}&page=${page + 1}" class="btn-outline">Berikutnya</a>` : ''}
+            </div>
+          ` : ''}
+        </div>
+      `
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 4 (Bagian B): Detail Statistik Jawaban (Admin)
+// Menampilkan progress bar persentase jawaban pilihan ganda, dan daftar esai untuk short_answer
+const statistikDetail = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+
+    const [surveys] = await db.query('SELECT * FROM surveys WHERE id = ?', [surveyId]);
+    if (surveys.length === 0) {
+      return res.status(404).render('error', { message: 'Survey tidak ditemukan', error: { status: 404, stack: '' } });
+    }
+
+    const survey = surveys[0];
+
+    const [[{ totalResponden }]] = await db.query(`
+      SELECT COUNT(*) as totalResponden FROM survey_responses sr
+      JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+      WHERE si.survey_id = ?
+    `, [surveyId]);
+
+    const [questions] = await db.query(`
+      SELECT sq.* FROM survey_questions sq
+      JOIN survey_question_assignments sqa ON sq.id = sqa.survey_question_id
+      WHERE sqa.survey_id = ?
+      ORDER BY sqa.order ASC
+    `, [surveyId]);
+
+    for (const q of questions) {
+      if (q.type !== 'short_answer') {
+        const [options] = await db.query(`
+          SELECT soo.id, soo.option_text, COUNT(sao.id) as jumlah_dipilih
+          FROM survey_question_options soo
+          LEFT JOIN survey_answer_options sao ON soo.id = sao.survey_question_option_id
+          LEFT JOIN survey_answers sa ON sao.survey_answer_id = sa.id
+          LEFT JOIN survey_responses sr ON sa.survey_response_id = sr.id
+          LEFT JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+          WHERE soo.survey_question_id = ? AND (si.survey_id = ? OR si.survey_id IS NULL)
+          GROUP BY soo.id, soo.option_text
+        `, [q.id, surveyId]);
+        q.options = options;
+      } else {
+        // Ambil jawaban teks bebas untuk ditampilkan
+        const [jawaban] = await db.query(`
+          SELECT sa.answer_text FROM survey_answers sa
+          JOIN survey_responses sr ON sa.survey_response_id = sr.id
+          JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+          WHERE sa.survey_question_id = ? AND si.survey_id = ?
+        `, [q.id, surveyId]);
+        q.jawaban_teks = jawaban;
+      }
+    }
+
+    const statistikHtml = questions.map((q, index) => `
+      <div class="card">
+        <header>
+          <h2>${index + 1}. ${q.question_text}</h2>
+        </header>
+        <section>
+          ${q.type !== 'short_answer' ? `
+            <div class="flex flex-col gap-3">
+              ${q.options.map(opt => {
+                const persen = totalResponden > 0 ? Math.round((opt.jumlah_dipilih / totalResponden) * 100) : 0;
+                return `
+                  <div class="flex flex-col gap-1">
+                    <div class="flex justify-between text-sm">
+                      <span>${opt.option_text}</span>
+                      <span>${opt.jumlah_dipilih} (${persen}%)</span>
+                    </div>
+                    <div class="w-full bg-muted rounded-full h-2">
+                      <div class="bg-primary h-2 rounded-full" style="width: ${persen}%"></div>
+                    </div>
+                  </div>
+                `;
+              }).join('')}
+            </div>
+          ` : q.jawaban_teks.length === 0 ? `
+            <p class="text-sm text-muted-foreground">Belum ada jawaban</p>
+          ` : `
+            <div class="flex flex-col gap-2">
+              ${q.jawaban_teks.map(j => `
+                <div class="rounded-md border border-input bg-muted/50 px-3 py-2 text-sm">
+                  ${j.answer_text}
+                </div>
+              `).join('')}
+            </div>
+          `}
+        </section>
+      </div>
+    `).join('');
+
+    res.render('home', {
+      title: `Statistik - ${survey.title}`,
+      user: req.session.userName,
+      role: req.session.userRole,
+      body: `
+        <div class="flex flex-col gap-6">
+          <div>
+            <a href="/admin/survey/statistik" class="text-sm text-muted-foreground hover:underline">← Kembali</a>
+            <h1 class="text-2xl font-bold tracking-tight mt-2">${survey.title}</h1>
+            <p class="text-muted-foreground">Total ${totalResponden} responden</p>
+          </div>
+          ${statistikHtml}
+        </div>
+      `
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 5: Export CSV Data Mentah (Admin)
+// Mengunduh seluruh respons mentah ke file format CSV (Excel-friendly BOM UTF-8)
+const exportCsv = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+
+    const [surveys] = await db.query('SELECT * FROM surveys WHERE id = ?', [surveyId]);
+    if (surveys.length === 0) {
+      return res.status(404).render('error', { message: 'Survey tidak ditemukan', error: { status: 404, stack: '' } });
+    }
+
+    const survey = surveys[0];
+
+    // Cek apakah ada responden dulu
+    // Kenapa: sesuai poin 2b instruksi dosen — error handling informatif di client
+    const [[{ totalResponden }]] = await db.query(`
+      SELECT COUNT(*) as totalResponden FROM survey_responses sr
+      JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+      WHERE si.survey_id = ?
+    `, [surveyId]);
+
+    if (totalResponden === 0) {
+      return res.redirect(`/admin/survey/rekap/${surveyId}?error=Belum ada responden, data tidak dapat diekspor`);
+    }
+
+    const [questions] = await db.query(`
+      SELECT sq.* FROM survey_questions sq
+      JOIN survey_question_assignments sqa ON sq.id = sqa.survey_question_id
+      WHERE sqa.survey_id = ?
+      ORDER BY sqa.order ASC
+    `, [surveyId]);
+
+    const [responses] = await db.query(`
+      SELECT sr.id as response_id, si.name, si.email, sr.submitted_at
+      FROM survey_responses sr
+      JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+      WHERE si.survey_id = ?
+      ORDER BY sr.submitted_at DESC
+    `, [surveyId]);
+
+    const headers = ['Nama', 'Email', 'Waktu Submit', ...questions.map(q => q.question_text)];
+    const rows = [];
+
+    for (const resp of responses) {
+      const row = [resp.name, resp.email, new Date(resp.submitted_at).toLocaleString('id-ID')];
+      for (const q of questions) {
+        if (q.type !== 'short_answer') {
+          const [ans] = await db.query(`
+            SELECT GROUP_CONCAT(soo.option_text SEPARATOR ', ') as jawaban
+            FROM survey_answer_options sao
+            JOIN survey_question_options soo ON sao.survey_question_option_id = soo.id
+            JOIN survey_answers sa ON sao.survey_answer_id = sa.id
+            WHERE sa.survey_response_id = ? AND sa.survey_question_id = ?
+          `, [resp.response_id, q.id]);
+          row.push(ans[0].jawaban || '-');
+        } else {
+          const [ans] = await db.query(`
+            SELECT answer_text FROM survey_answers
+            WHERE survey_response_id = ? AND survey_question_id = ?
+          `, [resp.response_id, q.id]);
+          row.push(ans.length > 0 ? ans[0].answer_text : '-');
+        }
+      }
+      rows.push(row);
+    }
+
+    const csvContent = [headers, ...rows]
+      .map(row => row.map(cell => `"${String(cell).replace(/"/g, '""')}"`).join(','))
+      .join('\n');
+
+    res.setHeader('Content-Type', 'text/csv; charset=utf-8');
+    res.setHeader('Content-Disposition', `attachment; filename="survey_${surveyId}_${Date.now()}.csv"`);
+    res.send('\uFEFF' + csvContent);
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 6: REST API GET List Survey + Pertanyaan (REST API)
+// Mengembalikan data JSON berupa kuesioner aktif lengkap dengan opsi jawabannya
+const apiSurveys = async (req, res, next) => {
+  try {
+    const [surveys] = await db.query(
+      'SELECT id, title, description, start_date, end_date FROM surveys WHERE is_active = 1'
+    );
+
+    for (const s of surveys) {
+      const [questions] = await db.query(`
+        SELECT sq.id, sq.question_text, sq.type
+        FROM survey_questions sq
+        JOIN survey_question_assignments sqa ON sq.id = sqa.survey_question_id
+        WHERE sqa.survey_id = ?
+        ORDER BY sqa.order ASC
+      `, [s.id]);
+
+      for (const q of questions) {
+        if (q.type !== 'short_answer') {
+          const [options] = await db.query(
+            'SELECT id, option_text, weight FROM survey_question_options WHERE survey_question_id = ?',
+            [q.id]
+          );
+          q.options = options;
+        }
+      }
+      s.questions = questions;
+    }
+
+    res.json({ success: true, data: surveys, total: surveys.length });
+  } catch (err) {
+    next(err);
+  }
+};
+
+module.exports = {
+  index,
+  pinForm,
+  pinValidate,
+  fillForm,
+  submit,
+  rekap,
+  rekapDetail,
+  statistik,
+  statistikDetail,
+  exportCsv,
+  apiSurveys
+};
\ No newline at end of file
diff --git a/routes/survey.js b/routes/survey.js
new file mode 100644
index 00000000..ec50479a
--- /dev/null
+++ b/routes/survey.js
@@ -0,0 +1,13 @@
+var express = require('express');
+var router = express.Router();
+const { isAuthenticated } = require('../middlewares/auth');
+const { checkRole } = require('../middlewares/acl');
+const surveyController = require('../controllers/surveyController');
+
+router.get('/', isAuthenticated, checkRole('respondent'), surveyController.index);
+router.get('/:id', isAuthenticated, checkRole('respondent'), surveyController.pinForm);
+router.post('/:id/pin', isAuthenticated, checkRole('respondent'), surveyController.pinValidate);
+router.get('/:id/fill', isAuthenticated, checkRole('respondent'), surveyController.fillForm);
+router.post('/:id/submit', isAuthenticated, checkRole('respondent'), surveyController.submit);
+
+module.exports = router;
\ No newline at end of file
diff --git a/views/login.ejs b/views/login.ejs
index 8ffae27d..3b860c68 100644
--- a/views/login.ejs
+++ b/views/login.ejs
@@ -121,7 +121,7 @@
             class="flex flex-col gap-6 rounded-xl border bg-card text-card-foreground shadow-sm overflow-hidden p-0"
           >
             <div data-slot="card-content" class="grid p-0 md:grid-cols-2">
-              <form class="p-6 md:p-8" action="/login" method="POST">
+              <form class="p-6 md:p-8" action="/login" method="POST" id="loginForm" novalidate>
                 <div
                   data-slot="field-group"
                   class="group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 [&amp;&gt;[data-slot=field-group]]:gap-4"
@@ -172,10 +172,6 @@
                         class="items-center text-sm font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50 group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[&gt;[data-slot=field]]:w-full has-[&gt;[data-slot=field]]:flex-col has-[&gt;[data-slot=field]]:rounded-md has-[&gt;[data-slot=field]]:border [&amp;&gt;*]:data-[slot=field]:p-4 has-data-[state=checked]:border-primary has-data-[state=checked]:bg-primary/5 dark:has-data-[state=checked]:bg-primary/10"
                         for="password"
                         >Password</label
-                      ><a
-                        href="#"
-                        class="ml-auto text-sm underline-offset-2 hover:underline"
-                        >Forgot your password?</a
                       >
                     </div>
                     <input
@@ -204,14 +200,38 @@
                     </button>
                   </div>
 
-                  <p
-                    data-slot="field-description"
-                    class="text-sm leading-normal font-normal text-muted-foreground group-has-[[data-orientation=horizontal]]/field:text-balance last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&amp;]:-mt-1.5 [&amp;&gt;a]:underline [&amp;&gt;a]:underline-offset-4 [&amp;&gt;a:hover]:text-primary text-center"
-                  >
-                    Don't have an account? <a href="#">Sign up</a>
-                  </p>
+
                 </div>
               </form>
+              <script>
+                document.getElementById('loginForm').addEventListener('submit', function(e) {
+                  const username = document.getElementById('username');
+                  const password = document.getElementById('password');
+                  let errors = [];
+
+                  document.querySelectorAll('.client-error').forEach(el => el.remove());
+
+                  if (!username.value.trim()) {
+                    errors.push({ field: username, msg: 'Username tidak boleh kosong' });
+                  }
+                  if (!password.value.trim()) {
+                    errors.push({ field: password, msg: 'Password tidak boleh kosong' });
+                  } else if (password.value.length < 6) {
+                    errors.push({ field: password, msg: 'Password minimal 6 karakter' });
+                  }
+
+                  if (errors.length > 0) {
+                    e.preventDefault();
+                    errors.forEach(function(err) {
+                      const msg = document.createElement('p');
+                      msg.className = 'client-error text-xs text-destructive mt-1';
+                      msg.textContent = err.msg;
+                      err.field.classList.add('border-destructive');
+                      err.field.parentNode.appendChild(msg);
+                    });
+                  }
+                });
+              </script>
               <div class="relative hidden bg-muted md:block">
                 <img
                   src="/assets/images/placeholder.svg"

From 53682aec76201b30707be86e5f739ee373294d7d Mon Sep 17 00:00:00 2001
From: Arifah Huwaina Azre <emailgithub_arifah@gmail.com>
Date: Tue, 23 Jun 2026 13:40:37 +0700
Subject: [PATCH 03/13] feat(arifah): rekap jawaban, statistik+pagination,
 export CSV, REST API

---
 routes/adminSurvey.js | 13 +++++++++++++
 routes/api.js         | 10 ++++++++++
 2 files changed, 23 insertions(+)
 create mode 100644 routes/adminSurvey.js
 create mode 100644 routes/api.js

diff --git a/routes/adminSurvey.js b/routes/adminSurvey.js
new file mode 100644
index 00000000..5d69cba4
--- /dev/null
+++ b/routes/adminSurvey.js
@@ -0,0 +1,13 @@
+var express = require('express');
+var router = express.Router();
+const { isAuthenticated } = require('../middlewares/auth');
+const { checkRole } = require('../middlewares/acl');
+const surveyController = require('../controllers/surveyController');
+
+router.get('/rekap', isAuthenticated, checkRole('admin'), surveyController.rekap);
+router.get('/rekap/:id', isAuthenticated, checkRole('admin'), surveyController.rekapDetail);
+router.get('/statistik', isAuthenticated, checkRole('admin'), surveyController.statistik);
+router.get('/statistik/:id', isAuthenticated, checkRole('admin'), surveyController.statistikDetail);
+router.get('/export/:id', isAuthenticated, checkRole('admin'), surveyController.exportCsv);
+
+module.exports = router;
\ No newline at end of file
diff --git a/routes/api.js b/routes/api.js
new file mode 100644
index 00000000..574b0501
--- /dev/null
+++ b/routes/api.js
@@ -0,0 +1,10 @@
+var express = require('express');
+var router = express.Router();
+const { isAuthenticated } = require('../middlewares/auth');
+const surveyController = require('../controllers/surveyController');
+const adminRespondenController = require('../controllers/adminRespondenController');
+
+router.get('/surveys', isAuthenticated, surveyController.apiSurveys);
+router.get('/surveys/:id/rekap', isAuthenticated, adminRespondenController.apiRekap);
+
+module.exports = router;
\ No newline at end of file

From 68eff22662f62453d17875924f3ab39325ace71b Mon Sep 17 00:00:00 2001
From: Aqila Higena Taufik <emailgithub_aqila@gmail.com>
Date: Tue, 23 Jun 2026 13:45:53 +0700
Subject: [PATCH 04/13] feat(aqila): dashboard admin, daftar responden, toggle
 aktif, riwayat

---
 controllers/adminRespondenController.js | 556 ++++++++++++++++++++++++
 routes/adminResponden.js                |  13 +
 2 files changed, 569 insertions(+)
 create mode 100644 controllers/adminRespondenController.js
 create mode 100644 routes/adminResponden.js

diff --git a/controllers/adminRespondenController.js b/controllers/adminRespondenController.js
new file mode 100644
index 00000000..cabe7166
--- /dev/null
+++ b/controllers/adminRespondenController.js
@@ -0,0 +1,556 @@
+// ============================================================
+// CONTROLLER: ADMIN RESPONDEN (Dikelola oleh Aqila)
+// Berisi semua fitur manajemen survey dan responden dari sisi admin
+// ============================================================
+const db = require('../lib/db');
+
+// FITUR 1: Dashboard Survey (Admin)
+// Menampilkan semua survey, status aktif/nonaktif, dan jumlah responden
+const dashboard = async (req, res, next) => {
+  try {
+    const search = req.query.search || '';
+    const page = parseInt(req.query.page) || 1;
+    const limit = 10;
+    const offset = (page - 1) * limit;
+    // Ambil pesan error dari query string kalau ada
+    // Kenapa: PDF redirect ke sini dengan pesan error kalau belum ada responden
+    const errorMsg = req.query.error || null;
+
+    const [surveys] = await db.query(`
+      SELECT s.id, s.title, s.description, s.is_active, s.created_at,
+        COUNT(DISTINCT sr.id) as total_responses
+      FROM surveys s
+      LEFT JOIN survey_invitations si ON si.survey_id = s.id
+      LEFT JOIN survey_responses sr ON sr.survey_invitation_id = si.id
+      WHERE s.title LIKE ? OR s.description LIKE ?
+      GROUP BY s.id, s.title, s.description, s.is_active, s.created_at
+      ORDER BY s.created_at DESC
+      LIMIT ? OFFSET ?
+    `, [`%${search}%`, `%${search}%`, limit, offset]);
+
+    const [[{ total }]] = await db.query(`
+      SELECT COUNT(*) as total FROM surveys
+      WHERE title LIKE ? OR description LIKE ?
+    `, [`%${search}%`, `%${search}%`]);
+
+    const totalPages = Math.ceil(total / limit);
+
+    res.render('home', {
+      title: 'Dashboard Survey',
+      user: req.session.userName,
+      role: req.session.userRole,
+      body: `
+        <div class="flex flex-col gap-6">
+          <div>
+            <h1 class="text-2xl font-bold tracking-tight">Dashboard Survey</h1>
+            <p class="text-muted-foreground">Ringkasan semua survey dan jumlah responden</p>
+          </div>
+
+          ${errorMsg ? `
+            <div class="bg-destructive/15 text-destructive text-sm p-3 rounded-md border border-destructive/20">
+              ⚠️ ${errorMsg}
+            </div>
+          ` : ''}
+
+          <form method="GET" action="/admin/responden" class="flex gap-2">
+            <input
+              type="text"
+              name="search"
+              value="${search}"
+              placeholder="Cari survey..."
+              class="h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs outline-none flex-1 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+            />
+            <button type="submit" class="btn">Cari</button>
+            ${search ? '<a href="/admin/responden" class="btn-outline">Reset</a>' : ''}
+          </form>
+
+          <div class="card">
+            <section>
+              <table class="table w-full">
+                <thead>
+                  <tr>
+                    <th>Judul Survey</th>
+                    <th>Status</th>
+                    <th>Total Responden</th>
+                    <th>Aksi</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  ${surveys.length === 0 ? `
+                    <tr><td colspan="4" class="text-center text-muted-foreground">Tidak ada survey</td></tr>
+                  ` : surveys.map(s => `
+                    <tr>
+                      <td>${s.title}</td>
+                      <td>
+                        <span class="inline-flex items-center rounded-md px-2 py-1 text-xs font-medium ${s.is_active ? 'bg-green-100 text-green-700' : 'bg-red-100 text-red-700'}">
+                          ${s.is_active ? 'Aktif' : 'Tidak Aktif'}
+                        </span>
+                      </td>
+                      <td>${s.total_responses}</td>
+                      <td class="flex gap-2">
+                        <a href="/admin/responden/${s.id}" class="btn-sm">Responden</a>
+                        <a href="/admin/responden/${s.id}/riwayat" class="btn-sm-outline">Riwayat</a>
+                        <a href="/admin/responden/${s.id}/pdf" class="btn-sm-outline">PDF</a>
+                        <form method="POST" action="/admin/responden/${s.id}/toggle" style="display:inline">
+                          <button type="submit" class="btn-sm-outline">
+                            ${s.is_active ? 'Nonaktifkan' : 'Aktifkan'}
+                          </button>
+                        </form>
+                      </td>
+                    </tr>
+                  `).join('')}
+                </tbody>
+              </table>
+            </section>
+          </div>
+
+          ${totalPages > 1 ? `
+            <div class="flex items-center justify-center gap-2">
+              ${page > 1 ? `<a href="/admin/responden?search=${search}&page=${page - 1}" class="btn-outline">Sebelumnya</a>` : ''}
+              <span class="text-sm text-muted-foreground">Halaman ${page} dari ${totalPages}</span>
+              ${page < totalPages ? `<a href="/admin/responden?search=${search}&page=${page + 1}" class="btn-outline">Berikutnya</a>` : ''}
+            </div>
+          ` : ''}
+        </div>
+      `
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 2: Daftar Responden Per Survey (Admin)
+// Menampilkan list responden (nama, email, no HP, waktu submit) untuk survey tertentu
+const respondenList = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+    const search = req.query.search || '';
+    const page = parseInt(req.query.page) || 1;
+    const limit = 10;
+    const offset = (page - 1) * limit;
+
+    const [surveys] = await db.query('SELECT * FROM surveys WHERE id = ?', [surveyId]);
+    if (surveys.length === 0) {
+      return res.status(404).render('error', { message: 'Survey tidak ditemukan', error: { status: 404, stack: '' } });
+    }
+
+    const survey = surveys[0];
+
+    const [respondents] = await db.query(`
+      SELECT si.name, si.email, si.phone, sr.submitted_at
+      FROM survey_invitations si
+      JOIN survey_responses sr ON sr.survey_invitation_id = si.id
+      WHERE si.survey_id = ? AND (si.name LIKE ? OR si.email LIKE ?)
+      ORDER BY sr.submitted_at DESC
+      LIMIT ? OFFSET ?
+    `, [surveyId, `%${search}%`, `%${search}%`, limit, offset]);
+
+    const [[{ total }]] = await db.query(`
+      SELECT COUNT(*) as total FROM survey_invitations si
+      JOIN survey_responses sr ON sr.survey_invitation_id = si.id
+      WHERE si.survey_id = ? AND (si.name LIKE ? OR si.email LIKE ?)
+    `, [surveyId, `%${search}%`, `%${search}%`]);
+
+    const totalPages = Math.ceil(total / limit);
+
+    res.render('home', {
+      title: `Responden - ${survey.title}`,
+      user: req.session.userName,
+      role: req.session.userRole,
+      body: `
+        <div class="flex flex-col gap-6">
+          <div>
+            <a href="/admin/responden" class="text-sm text-muted-foreground hover:underline">← Kembali</a>
+            <h1 class="text-2xl font-bold tracking-tight mt-2">${survey.title}</h1>
+            <p class="text-muted-foreground">Total ${total} responden</p>
+          </div>
+
+          <form method="GET" action="/admin/responden/${surveyId}" class="flex gap-2">
+            <input
+              type="text"
+              name="search"
+              value="${search}"
+              placeholder="Cari responden..."
+              class="h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs outline-none flex-1 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+            />
+            <button type="submit" class="btn">Cari</button>
+            ${search ? `<a href="/admin/responden/${surveyId}" class="btn-outline">Reset</a>` : ''}
+          </form>
+
+          <div class="card">
+            <section>
+              <table class="table w-full">
+                <thead>
+                  <tr>
+                    <th>Nama</th>
+                    <th>Email</th>
+                    <th>No. HP</th>
+                    <th>Waktu Pengisian</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  ${respondents.length === 0 ? `
+                    <tr><td colspan="4" class="text-center text-muted-foreground">Belum ada responden</td></tr>
+                  ` : respondents.map(r => `
+                    <tr>
+                      <td>${r.name}</td>
+                      <td>${r.email}</td>
+                      <td>${r.phone || '-'}</td>
+                      <td>${new Date(r.submitted_at).toLocaleString('id-ID')}</td>
+                    </tr>
+                  `).join('')}
+                </tbody>
+              </table>
+            </section>
+          </div>
+
+          ${totalPages > 1 ? `
+            <div class="flex items-center justify-center gap-2">
+              ${page > 1 ? `<a href="/admin/responden/${surveyId}?search=${search}&page=${page - 1}" class="btn-outline">Sebelumnya</a>` : ''}
+              <span class="text-sm text-muted-foreground">Halaman ${page} dari ${totalPages}</span>
+              ${page < totalPages ? `<a href="/admin/responden/${surveyId}?search=${search}&page=${page + 1}" class="btn-outline">Berikutnya</a>` : ''}
+            </div>
+          ` : ''}
+        </div>
+      `
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 3: Toggle Aktif/Nonaktif Survey (Admin)
+// Mengubah status is_active (0 = nonaktif, 1 = aktif) di tabel surveys
+const toggleAktif = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+
+    const [surveys] = await db.query('SELECT * FROM surveys WHERE id = ?', [surveyId]);
+    if (surveys.length === 0) {
+      return res.status(404).render('error', { message: 'Survey tidak ditemukan', error: { status: 404, stack: '' } });
+    }
+
+    const newStatus = surveys[0].is_active ? 0 : 1;
+    await db.query('UPDATE surveys SET is_active = ?, updated_at = NOW() WHERE id = ?', [newStatus, surveyId]);
+    res.redirect('/admin/responden');
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 4: Riwayat Pengisian Per Survey (Admin)
+// Menampilkan nama, email, jumlah jawaban, dan waktu submit
+const riwayat = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+    const search = req.query.search || '';
+    const page = parseInt(req.query.page) || 1;
+    const limit = 10;
+    const offset = (page - 1) * limit;
+
+    const [surveys] = await db.query('SELECT * FROM surveys WHERE id = ?', [surveyId]);
+    if (surveys.length === 0) {
+      return res.status(404).render('error', { message: 'Survey tidak ditemukan', error: { status: 404, stack: '' } });
+    }
+
+    const survey = surveys[0];
+
+    const [riwayatList] = await db.query(`
+      SELECT si.name, si.email, sr.submitted_at, COUNT(sa.id) as total_jawaban
+      FROM survey_responses sr
+      JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+      LEFT JOIN survey_answers sa ON sa.survey_response_id = sr.id
+      WHERE si.survey_id = ? AND (si.name LIKE ? OR si.email LIKE ?)
+      GROUP BY sr.id, si.name, si.email, sr.submitted_at
+      ORDER BY sr.submitted_at DESC
+      LIMIT ? OFFSET ?
+    `, [surveyId, `%${search}%`, `%${search}%`, limit, offset]);
+
+    const [[{ total }]] = await db.query(`
+      SELECT COUNT(*) as total FROM survey_responses sr
+      JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+      WHERE si.survey_id = ? AND (si.name LIKE ? OR si.email LIKE ?)
+    `, [surveyId, `%${search}%`, `%${search}%`]);
+
+    const totalPages = Math.ceil(total / limit);
+
+    res.render('home', {
+      title: `Riwayat - ${survey.title}`,
+      user: req.session.userName,
+      role: req.session.userRole,
+      body: `
+        <div class="flex flex-col gap-6">
+          <div>
+            <a href="/admin/responden" class="text-sm text-muted-foreground hover:underline">← Kembali</a>
+            <h1 class="text-2xl font-bold tracking-tight mt-2">Riwayat Pengisian</h1>
+            <p class="text-muted-foreground">${survey.title}</p>
+          </div>
+
+          <form method="GET" action="/admin/responden/${surveyId}/riwayat" class="flex gap-2">
+            <input
+              type="text"
+              name="search"
+              value="${search}"
+              placeholder="Cari nama atau email..."
+              class="h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-xs outline-none flex-1 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+            />
+            <button type="submit" class="btn">Cari</button>
+            ${search ? `<a href="/admin/responden/${surveyId}/riwayat" class="btn-outline">Reset</a>` : ''}
+          </form>
+
+          <div class="card">
+            <section>
+              <table class="table w-full">
+                <thead>
+                  <tr>
+                    <th>Nama</th>
+                    <th>Email</th>
+                    <th>Total Jawaban</th>
+                    <th>Waktu Submit</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  ${riwayatList.length === 0 ? `
+                    <tr><td colspan="4" class="text-center text-muted-foreground">Belum ada riwayat</td></tr>
+                  ` : riwayatList.map(r => `
+                    <tr>
+                      <td>${r.name}</td>
+                      <td>${r.email}</td>
+                      <td>${r.total_jawaban}</td>
+                      <td>${new Date(r.submitted_at).toLocaleString('id-ID')}</td>
+                    </tr>
+                  `).join('')}
+                </tbody>
+              </table>
+            </section>
+          </div>
+
+          ${totalPages > 1 ? `
+            <div class="flex items-center justify-center gap-2">
+              ${page > 1 ? `<a href="/admin/responden/${surveyId}/riwayat?search=${search}&page=${page - 1}" class="btn-outline">Sebelumnya</a>` : ''}
+              <span class="text-sm text-muted-foreground">Halaman ${page} dari ${totalPages}</span>
+              ${page < totalPages ? `<a href="/admin/responden/${surveyId}/riwayat?search=${search}&page=${page + 1}" class="btn-outline">Berikutnya</a>` : ''}
+            </div>
+          ` : ''}
+        </div>
+      `
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 5: Export PDF Laporan Ringkasan (Admin)
+// Menghasilkan halaman HTML khusus cetak (print-friendly) yang memanggil window.print() browser
+// LOKASI WARNA PDF: Ubah nilai CSS color/background di dalam template HTML di bawah (mulai baris 429)
+const exportPdf = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+
+    const [surveys] = await db.query('SELECT * FROM surveys WHERE id = ?', [surveyId]);
+    if (surveys.length === 0) {
+      return res.status(404).render('error', { message: 'Survey tidak ditemukan', error: { status: 404, stack: '' } });
+    }
+
+    const survey = surveys[0];
+
+    const [[{ totalResponden }]] = await db.query(`
+      SELECT COUNT(*) as totalResponden FROM survey_responses sr
+      JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+      WHERE si.survey_id = ?
+    `, [surveyId]);
+
+    if (totalResponden === 0) {
+      return res.redirect(`/admin/responden?error=Survey "${survey.title}" belum ada responden, laporan tidak dapat dicetak`);
+    }
+
+    const [questions] = await db.query(`
+      SELECT sq.* FROM survey_questions sq
+      JOIN survey_question_assignments sqa ON sq.id = sqa.survey_question_id
+      WHERE sqa.survey_id = ?
+      ORDER BY sqa.order ASC
+    `, [surveyId]);
+
+    for (const q of questions) {
+      if (q.type !== 'short_answer') {
+        const [options] = await db.query(`
+          SELECT soo.option_text, COUNT(sao.id) as jumlah
+          FROM survey_question_options soo
+          LEFT JOIN survey_answer_options sao ON soo.id = sao.survey_question_option_id
+          LEFT JOIN survey_answers sa ON sao.survey_answer_id = sa.id
+          LEFT JOIN survey_responses sr ON sa.survey_response_id = sr.id
+          LEFT JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+          WHERE soo.survey_question_id = ? AND (si.survey_id = ? OR si.survey_id IS NULL)
+          GROUP BY soo.id, soo.option_text
+        `, [q.id, surveyId]);
+        q.options = options;
+      } else {
+        const [jawaban] = await db.query(`
+          SELECT sa.answer_text FROM survey_answers sa
+          JOIN survey_responses sr ON sa.survey_response_id = sr.id
+          JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+          WHERE sa.survey_question_id = ? AND si.survey_id = ?
+        `, [q.id, surveyId]);
+        q.jawaban_teks = jawaban;
+      }
+    }
+
+    const PDFDocument = require('pdfkit');
+    const doc = new PDFDocument({ margin: 50, size: 'A4' });
+
+    const filename = `laporan_survey_${surveyId}_${Date.now()}.pdf`;
+    res.setHeader('Content-Type', 'application/pdf');
+    res.setHeader('Content-Disposition', `attachment; filename="${filename}"`);
+    doc.pipe(res);
+
+    // Header
+    doc.fontSize(18).font('Helvetica-Bold').text('Laporan Ringkasan Survey', { align: 'center' });
+    doc.moveDown(0.5);
+    doc.fontSize(13).font('Helvetica-Bold').text(survey.title, { align: 'center' });
+    doc.moveDown(0.3);
+    doc.fontSize(10).font('Helvetica').fillColor('#555555')
+      .text(survey.description || '', { align: 'center' });
+    doc.moveDown(0.5);
+
+    // Meta info
+    doc.fontSize(10).fillColor('#333333')
+      .text(`Total Responden: ${totalResponden}`)
+      .text(`Dicetak: ${new Date().toLocaleString('id-ID')}`);
+
+    doc.moveDown(0.5);
+    doc.moveTo(50, doc.y).lineTo(545, doc.y).strokeColor('#cccccc').stroke();
+    doc.moveDown(1);
+
+    // Pertanyaan
+    questions.forEach((q, index) => {
+      // Cek jika perlu halaman baru
+      if (doc.y > 680) doc.addPage();
+
+      doc.fontSize(11).font('Helvetica-Bold').fillColor('#111111')
+        .text(`${index + 1}. ${q.question_text}`);
+      doc.moveDown(0.4);
+
+      if (q.type !== 'short_answer') {
+        // Tabel pilihan ganda
+        const colWidths = [280, 80, 90];
+        const tableX = 50;
+        let tableY = doc.y;
+
+        // Header tabel
+        doc.rect(tableX, tableY, colWidths[0] + colWidths[1] + colWidths[2], 20)
+          .fillColor('#f3f4f6').fill();
+        doc.fontSize(9).font('Helvetica-Bold').fillColor('#333333')
+          .text('Pilihan', tableX + 5, tableY + 5, { width: colWidths[0] - 5 })
+          .text('Jumlah', tableX + colWidths[0] + 5, tableY + 5, { width: colWidths[1] - 5 })
+          .text('Persentase', tableX + colWidths[0] + colWidths[1] + 5, tableY + 5, { width: colWidths[2] - 5 });
+        tableY += 20;
+
+        q.options.forEach((opt, i) => {
+          if (doc.y > 700) { doc.addPage(); tableY = doc.y; }
+          const persen = totalResponden > 0 ? Math.round((opt.jumlah / totalResponden) * 100) : 0;
+          const rowBg = i % 2 === 0 ? '#ffffff' : '#f9fafb';
+          doc.rect(tableX, tableY, colWidths[0] + colWidths[1] + colWidths[2], 18)
+            .fillColor(rowBg).fill();
+          doc.fontSize(9).font('Helvetica').fillColor('#111111')
+            .text(opt.option_text, tableX + 5, tableY + 4, { width: colWidths[0] - 10 })
+            .text(String(opt.jumlah), tableX + colWidths[0] + 5, tableY + 4, { width: colWidths[1] - 10 })
+            .text(`${persen}%`, tableX + colWidths[0] + colWidths[1] + 5, tableY + 4, { width: colWidths[2] - 10 });
+          tableY += 18;
+        });
+
+        // Border tabel
+        doc.rect(tableX, doc.y - (q.options.length * 18) - 20, colWidths[0] + colWidths[1] + colWidths[2], (q.options.length * 18) + 20)
+          .strokeColor('#e5e7eb').stroke();
+
+        doc.y = tableY;
+
+      } else {
+        // Jawaban teks bebas
+        if (!q.jawaban_teks || q.jawaban_teks.length === 0) {
+          doc.fontSize(9).font('Helvetica').fillColor('#888888').text('Belum ada jawaban');
+        } else {
+          q.jawaban_teks.forEach((j, i) => {
+            if (doc.y > 700) doc.addPage();
+            doc.fontSize(9).font('Helvetica').fillColor('#374151')
+              .text(`${i + 1}. ${j.answer_text}`, { indent: 10 });
+          });
+        }
+      }
+
+      doc.moveDown(1);
+    });
+
+    doc.end();
+  } catch (err) {
+    next(err);
+  }
+};
+
+// FITUR 6: REST API Rekap Jawaban Per Survey
+// Menghasilkan output berupa JSON berisi data survey, total responden, dan persentase pilihan jawaban
+const apiRekap = async (req, res, next) => {
+  try {
+    const surveyId = req.params.id;
+
+    const [surveys] = await db.query(
+      'SELECT id, title, description FROM surveys WHERE id = ? AND is_active = 1',
+      [surveyId]
+    );
+
+    if (surveys.length === 0) {
+      return res.status(404).json({ success: false, message: 'Survey tidak ditemukan' });
+    }
+
+    const survey = surveys[0];
+
+    const [[{ totalResponden }]] = await db.query(`
+      SELECT COUNT(*) as totalResponden FROM survey_responses sr
+      JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+      WHERE si.survey_id = ?
+    `, [surveyId]);
+
+    const [questions] = await db.query(`
+      SELECT sq.id, sq.question_text, sq.type
+      FROM survey_questions sq
+      JOIN survey_question_assignments sqa ON sq.id = sqa.survey_question_id
+      WHERE sqa.survey_id = ?
+      ORDER BY sqa.order ASC
+    `, [surveyId]);
+
+    for (const q of questions) {
+      if (q.type !== 'short_answer') {
+        const [options] = await db.query(`
+          SELECT soo.option_text, COUNT(sao.id) as jumlah
+          FROM survey_question_options soo
+          LEFT JOIN survey_answer_options sao ON soo.id = sao.survey_question_option_id
+          LEFT JOIN survey_answers sa ON sao.survey_answer_id = sa.id
+          LEFT JOIN survey_responses sr ON sa.survey_response_id = sr.id
+          LEFT JOIN survey_invitations si ON sr.survey_invitation_id = si.id
+          WHERE soo.survey_question_id = ? AND (si.survey_id = ? OR si.survey_id IS NULL)
+          GROUP BY soo.id, soo.option_text
+        `, [q.id, surveyId]);
+        q.options = options.map(o => ({
+          option_text: o.option_text,
+          jumlah: o.jumlah,
+          persentase: totalResponden > 0 ? Math.round((o.jumlah / totalResponden) * 100) : 0
+        }));
+      }
+    }
+
+    res.json({
+      success: true,
+      data: { survey, total_responden: totalResponden, pertanyaan: questions }
+    });
+  } catch (err) {
+    next(err);
+  }
+};
+
+module.exports = {
+  dashboard,
+  respondenList,
+  toggleAktif,
+  riwayat,
+  exportPdf,
+  apiRekap
+};
\ No newline at end of file
diff --git a/routes/adminResponden.js b/routes/adminResponden.js
new file mode 100644
index 00000000..de56f98e
--- /dev/null
+++ b/routes/adminResponden.js
@@ -0,0 +1,13 @@
+var express = require('express');
+var router = express.Router();
+const { isAuthenticated } = require('../middlewares/auth');
+const { checkRole } = require('../middlewares/acl');
+const adminRespondenController = require('../controllers/adminRespondenController');
+
+router.get('/', isAuthenticated, checkRole('admin'), adminRespondenController.dashboard);
+router.get('/:id', isAuthenticated, checkRole('admin'), adminRespondenController.respondenList);
+router.post('/:id/toggle', isAuthenticated, checkRole('admin'), adminRespondenController.toggleAktif);
+router.get('/:id/riwayat', isAuthenticated, checkRole('admin'), adminRespondenController.riwayat);
+router.get('/:id/pdf', isAuthenticated, checkRole('admin'), adminRespondenController.exportPdf);
+
+module.exports = router;
\ No newline at end of file

From 38fb93b1c8bac06dc93de1c50605c24f2113a88d Mon Sep 17 00:00:00 2001
From: Aqila Higena Taufik <emailgithub_aqila@gmail.com>
Date: Tue, 23 Jun 2026 13:46:42 +0700
Subject: [PATCH 05/13] feat(aqila): export PDF pdfkit, REST API rekap jawaban

---
 package-lock.json | 1512 ++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 1479 insertions(+), 33 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 59b6794c..7ae543f7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,7 +18,20 @@
         "express-session": "^1.19.0",
         "http-errors": "~1.6.3",
         "morgan": "~1.9.1",
-        "mysql2": "^3.22.3"
+        "mysql2": "^3.22.3",
+        "pdfkit": "^0.15.0"
+      },
+      "devDependencies": {
+        "nodemon": "^3.1.14"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.3.17",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.3.17.tgz",
+      "integrity": "sha512-tb7Iu+oZ+zWJZ3HJqwx8oNwSDIU440hmVMDPhpACWQWnrZHK99Bxs70gT1L2dnr5Hg50ZRWEFkQCAnOVVV0z1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.4.0"
       }
     },
     "node_modules/@types/node": {
@@ -44,12 +57,57 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.2.tgz",
+      "integrity": "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "is-array-buffer": "^3.0.5"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/array-flatten": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
       "license": "MIT"
     },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/aws-ssl-profiles": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/aws-ssl-profiles/-/aws-ssl-profiles-1.1.2.tgz",
@@ -59,6 +117,36 @@
         "node": ">= 6.0.0"
       }
     },
+    "node_modules/balanced-match": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-4.0.4.tgz",
+      "integrity": "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
     "node_modules/basic-auth": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
@@ -80,6 +168,19 @@
         "bcrypt": "bin/bcrypt"
       }
     },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/body-parser": {
       "version": "1.18.3",
       "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz",
@@ -101,6 +202,50 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/brace-expansion": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz",
+      "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^4.0.2"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/brotli": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
+      "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.1.2"
+      }
+    },
+    "node_modules/browserify-zlib": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/browserify-zlib/-/browserify-zlib-0.2.0.tgz",
+      "integrity": "sha512-Z942RysHXmJrhqk88FmKBVq/v5tqmSkDz7p54G/MGyjMnCFFnC79XWNbg+Vta8W6Wb2qtSZTSxIGkJrRpCFEiA==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "~1.0.5"
+      }
+    },
     "node_modules/bytes": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
@@ -110,6 +255,87 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/call-bind": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz",
+      "integrity": "sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "get-intrinsic": "^1.3.0",
+        "set-function-length": "^1.2.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/content-disposition": {
       "version": "0.5.2",
       "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
@@ -156,6 +382,12 @@
       "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
       "license": "MIT"
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "license": "MIT"
+    },
     "node_modules/debug": {
       "version": "2.6.9",
       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
@@ -165,6 +397,72 @@
         "ms": "2.0.0"
       }
     },
+    "node_modules/deep-equal": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.3.tgz",
+      "integrity": "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA==",
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.5",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.2",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.1",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/denque": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
@@ -189,6 +487,12 @@
       "integrity": "sha512-3NdhDuEXnfun/z7x9GOElY49LoqVHoGScmOKwmxhsS8N5Y+Z8KyPPDnaSzqWgYt/ji4mqwfTS34Htrk0zPIXVg==",
       "license": "MIT"
     },
+    "node_modules/dfa": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
+      "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==",
+      "license": "MIT"
+    },
     "node_modules/dotenv": {
       "version": "17.4.2",
       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.4.2.tgz",
@@ -201,6 +505,20 @@
         "url": "https://dotenvx.com"
       }
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -225,6 +543,56 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.2.tgz",
+      "integrity": "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/escape-html": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -421,6 +789,19 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/finalhandler": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
@@ -439,6 +820,38 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/fontkit": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-1.9.0.tgz",
+      "integrity": "sha512-HkW/8Lrk8jl18kzQHvAw9aTHe1cqsyx5sDnxncx652+CIfhawokEPkeM3BoIC+z/Xv7a0yMr0f3pRRwhGH455g==",
+      "license": "MIT",
+      "dependencies": {
+        "@swc/helpers": "^0.3.13",
+        "brotli": "^1.3.2",
+        "clone": "^2.1.2",
+        "deep-equal": "^2.0.5",
+        "dfa": "^1.2.0",
+        "restructure": "^2.0.1",
+        "tiny-inflate": "^1.0.3",
+        "unicode-properties": "^1.3.1",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
+      "integrity": "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-callable": "^1.2.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/forwarded": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@@ -457,6 +870,39 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/generate-function": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/generate-function/-/generate-function-2.3.1.tgz",
@@ -466,56 +912,516 @@
         "is-property": "^1.0.2"
       }
     },
-    "node_modules/http-errors": {
-      "version": "1.6.3",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
-      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
       "license": "MIT",
       "dependencies": {
-        "depd": "~1.1.2",
-        "inherits": "2.0.3",
-        "setprototypeof": "1.1.0",
-        "statuses": ">= 1.4.0 < 2"
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
       },
       "engines": {
-        "node": ">= 0.6"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/iconv-lite": {
-      "version": "0.4.23",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
-      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
       "license": "MIT",
       "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
       },
       "engines": {
-        "node": ">=0.10.0"
+        "node": ">= 0.4"
       }
     },
-    "node_modules/inherits": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
-      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
-      "license": "ISC"
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
     },
-    "node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
       "license": "MIT",
       "engines": {
-        "node": ">= 0.10"
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/is-property": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
-      "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==",
-      "license": "MIT"
+    "node_modules/has-bigints": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz",
+      "integrity": "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
-    "node_modules/long": {
-      "version": "5.3.2",
+    "node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "license": "MIT",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.4.tgz",
+      "integrity": "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
+      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "license": "ISC"
+    },
+    "node_modules/internal-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
+      "integrity": "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.2",
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
+      "integrity": "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.1.0.tgz",
+      "integrity": "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==",
+      "license": "MIT",
+      "dependencies": {
+        "has-bigints": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.2.2.tgz",
+      "integrity": "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
+      "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.3.tgz",
+      "integrity": "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.1.1.tgz",
+      "integrity": "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-property": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-property/-/is-property-1.0.2.tgz",
+      "integrity": "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g==",
+      "license": "MIT"
+    },
+    "node_modules/is-regex": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
+      "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.3.tgz",
+      "integrity": "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.4.tgz",
+      "integrity": "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.1.1.tgz",
+      "integrity": "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.1.1.tgz",
+      "integrity": "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-symbols": "^1.1.0",
+        "safe-regex-test": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
+      "integrity": "sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.4.tgz",
+      "integrity": "sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.3",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==",
+      "license": "MIT"
+    },
+    "node_modules/jpeg-exif": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/jpeg-exif/-/jpeg-exif-1.1.4.tgz",
+      "integrity": "sha512-a+bKEcCjtuW5WTdgeXFzswSrdqi0jk4XlEtZlx5A94wCoBpFjfFTbo/Tra5SpNCl/YFZPvcV1dJc+TAYeg6ROQ==",
+      "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.",
+      "license": "MIT"
+    },
+    "node_modules/linebreak": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/linebreak/-/linebreak-1.1.0.tgz",
+      "integrity": "sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "0.0.8",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/linebreak/node_modules/base64-js": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-0.0.8.tgz",
+      "integrity": "sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/long": {
+      "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/long/-/long-5.3.2.tgz",
       "integrity": "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA==",
       "license": "Apache-2.0"
@@ -544,6 +1450,15 @@
         "url": "https://github.com/sponsors/wellwelwel"
       }
     },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/media-typer": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
@@ -598,6 +1513,22 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/minimatch": {
+      "version": "10.2.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz",
+      "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "brace-expansion": "^5.0.5"
+      },
+      "engines": {
+        "node": "18 || 20 || >=22"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/morgan": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/morgan/-/morgan-1.9.1.tgz",
@@ -679,6 +1610,127 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/nodemon": {
+      "version": "3.1.14",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.1.14.tgz",
+      "integrity": "sha512-jakjZi93UtB3jHMWsXL68FXSAosbLfY0In5gtKq3niLSkrWznrVBzXFNOEMJUfc9+Ke7SHWoAZsiMkNP3vq6Jw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "debug": "^4",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^10.2.1",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
+      },
+      "bin": {
+        "nodemon": "bin/nodemon.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "node_modules/nodemon/node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/nodemon/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.7.tgz",
+      "integrity": "sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "call-bound": "^1.0.3",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0",
+        "has-symbols": "^1.1.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/on-finished": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
@@ -700,6 +1752,12 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
     "node_modules/parseurl": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
@@ -715,6 +1773,49 @@
       "integrity": "sha512-5DFkuoqlv1uYQKxy8omFBeJPQcdoE07Kv2sferDCrAq1ohOU+MSDswDIbnx3YAM60qIOnYa53wBhXW0EbMonrQ==",
       "license": "MIT"
     },
+    "node_modules/pdfkit": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/pdfkit/-/pdfkit-0.15.2.tgz",
+      "integrity": "sha512-s3GjpdBFSCaeDSX/v73MI5UsPqH1kjKut2AXCgxQ5OH10lPVOu5q5vLAG0OCpz/EYqKsTSw1WHpENqMvp43RKg==",
+      "license": "MIT",
+      "dependencies": {
+        "crypto-js": "^4.2.0",
+        "fontkit": "^1.8.1",
+        "jpeg-exif": "^1.1.4",
+        "linebreak": "^1.0.2",
+        "png-js": "^1.0.0"
+      }
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/png-js": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/png-js/-/png-js-1.1.0.tgz",
+      "integrity": "sha512-PM/uYGzGdNSzqeOgly68+6wKQDL1SY0a/N+OEa/+br6LnHWOAJB0Npiamnodfq3jd2LS/i2fMeOKSAILjA+m5Q==",
+      "dependencies": {
+        "browserify-zlib": "^0.2.0"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
+      "integrity": "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/proxy-addr": {
       "version": "2.0.7",
       "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
@@ -728,6 +1829,13 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/qs": {
       "version": "6.5.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
@@ -770,18 +1878,87 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
+      "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.8",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "set-function-name": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/restructure": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/restructure/-/restructure-2.0.1.tgz",
+      "integrity": "sha512-e0dOpjm5DseomnXx2M5lpdZ5zoHqF1+bqdMJUohoYVVQa7cBdnk7fdmeI6byNWP/kiME72EeTiSypTCVnpLiDg==",
+      "license": "MIT"
+    },
     "node_modules/safe-buffer": {
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
       "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
       "license": "MIT"
     },
+    "node_modules/safe-regex-test": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.1.0.tgz",
+      "integrity": "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/safer-buffer": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "license": "MIT"
     },
+    "node_modules/semver": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz",
+      "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/send": {
       "version": "0.16.2",
       "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz",
@@ -826,12 +2003,129 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
+      "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/setprototypeof": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
       "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
       "license": "ISC"
     },
+    "node_modules/side-channel": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.1.tgz",
+      "integrity": "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4",
+        "side-channel-list": "^1.0.1",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.1.tgz",
+      "integrity": "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/sql-escaper": {
       "version": "1.3.3",
       "resolved": "https://registry.npmjs.org/sql-escaper/-/sql-escaper-1.3.3.tgz",
@@ -865,6 +2159,67 @@
         "node": ">= 0.6"
       }
     },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.1.0.tgz",
+      "integrity": "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "internal-slot": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/tiny-inflate": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
+      "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==",
+      "license": "MIT"
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/touch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.1.tgz",
+      "integrity": "sha512-r0eojU4bI8MnHr8c5bNo7lJDdI2qXlWWJk6a9EAFG7vbhTjElYhBVS3/miuE0uOuoLdb8Mc/rVfsmm6eo5o9GA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "nodetouch": "bin/nodetouch.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
     "node_modules/type-is": {
       "version": "1.6.18",
       "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
@@ -890,6 +2245,13 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/undici-types": {
       "version": "7.19.2",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.19.2.tgz",
@@ -897,6 +2259,32 @@
       "license": "MIT",
       "peer": true
     },
+    "node_modules/unicode-properties": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
+      "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/unicode-trie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
+      "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^0.2.5",
+        "tiny-inflate": "^1.0.0"
+      }
+    },
+    "node_modules/unicode-trie/node_modules/pako": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
+      "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==",
+      "license": "MIT"
+    },
     "node_modules/unpipe": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -923,6 +2311,64 @@
       "engines": {
         "node": ">= 0.8"
       }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.1.1.tgz",
+      "integrity": "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==",
+      "license": "MIT",
+      "dependencies": {
+        "is-bigint": "^1.1.0",
+        "is-boolean-object": "^1.2.1",
+        "is-number-object": "^1.1.1",
+        "is-string": "^1.1.1",
+        "is-symbol": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.2.tgz",
+      "integrity": "sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==",
+      "license": "MIT",
+      "dependencies": {
+        "is-map": "^2.0.3",
+        "is-set": "^2.0.3",
+        "is-weakmap": "^2.0.2",
+        "is-weakset": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.22",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.22.tgz",
+      "integrity": "sha512-fvO4ExWMFsqyhG3AiPAObMuY1lxaqgYcxbc49CNdWDDECOJNgQyvsOWVwbZc+qf3rzRtxojBK+CMEv0Ld5CYpw==",
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.9",
+        "call-bound": "^1.0.4",
+        "for-each": "^0.3.5",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     }
   }
 }

From 9177f48967f1f763d42d371cb14be7c51973e692 Mon Sep 17 00:00:00 2001
From: Arifah Huwaina Azre <emailgithub_arifah@gmail.com>
Date: Tue, 23 Jun 2026 14:12:02 +0700
Subject: [PATCH 06/13] fix: perbaikan ACL middleware
 (checkRole/checkPermission), session login, dan layout home.ejs

---
 controllers/indexController.js |   48 +-
 middlewares/acl.js             |   77 +-
 views/home.ejs                 | 1890 +++-----------------------------
 3 files changed, 215 insertions(+), 1800 deletions(-)

diff --git a/controllers/indexController.js b/controllers/indexController.js
index 5ea918c1..c2d9dcf0 100644
--- a/controllers/indexController.js
+++ b/controllers/indexController.js
@@ -6,7 +6,17 @@ const index = (req, res) => {
 };
 
 const home = (req, res) => {
-  res.render("home", { title: "Home", user: req.session.username });
+  res.render("home", {
+    title: "Home",
+    user: req.session.userName,
+    role: req.session.userRole,
+    body: `
+      <div class="flex flex-col gap-4">
+        <h1 class="text-2xl font-bold tracking-tight">Dashboard</h1>
+        <p class="text-muted-foreground">Selamat datang, ${req.session.userName}</p>
+      </div>
+    `
+  });
 };
 
 const loginPage = (req, res) => {
@@ -20,14 +30,15 @@ const login = async (req, res, next) => {
   const { username, password } = req.body;
 
   try {
-    const [rows] = await db.query("SELECT * FROM users WHERE username = ?", [
-      username,
-    ]);
+    const [rows] = await db.query(
+      "SELECT * FROM users WHERE email = ?",
+      [username]
+    );
 
     if (rows.length === 0) {
       return res.render("login", {
         title: "Login",
-        error: "Invalid username or password",
+        error: "Username atau password salah",
       });
     }
 
@@ -37,15 +48,32 @@ const login = async (req, res, next) => {
     if (!isMatch) {
       return res.render("login", {
         title: "Login",
-        error: "Invalid username or password",
+        error: "Username atau password salah",
       });
     }
 
-    // Set session
+    const [roleRows] = await db.query(`
+      SELECT r.name
+      FROM roles r
+      JOIN model_has_roles mhr ON r.id = mhr.role_id
+      WHERE mhr.model_id = ?
+        AND mhr.model_type = 'App\\\\Models\\\\User'
+      LIMIT 1
+    `, [user.id]);
+
+    const userRole = roleRows.length > 0 ? roleRows[0].name : null;
+
     req.session.userId = user.id;
-    req.session.username = user.username;
+    req.session.userName = user.name;
+    req.session.userEmail = user.email;
+    req.session.userRole = userRole;
+
+    if (userRole === 'admin') {
+      return res.redirect("/admin/survey/rekap");
+    } else {
+      return res.redirect("/survey");
+    }
 
-    res.redirect("/home");
   } catch (err) {
     next(err);
   }
@@ -66,4 +94,4 @@ module.exports = {
   loginPage,
   login,
   logout
-};
+};
\ No newline at end of file
diff --git a/middlewares/acl.js b/middlewares/acl.js
index 1019f567..a337eeb8 100644
--- a/middlewares/acl.js
+++ b/middlewares/acl.js
@@ -1,48 +1,66 @@
 const db = require("../lib/db");
 
-/**
- * ACL Middleware to check if a user has the required permission(s).
- * 
- * @param {string|string[]} requiredPermissions - A single permission or an array of permissions.
- * If an array is provided, the user must have at least one of the permissions.
- * 
- * Database Schema Requirements:
- * 
- * 1. roles: id, name
- * 2. permissions: id, name
- * 3. role_has_permissions: role_id, permission_id
- * 4. user_has_roles: user_id, role_id
- */
-
 const checkPermission = (requiredPermissions) => {
   return async (req, res, next) => {
     if (!req.session.userId) {
-      return res.status(401).json({ message: "Unauthorized" });
+      return res.redirect("/login");
     }
 
-    const permissionsArray = Array.isArray(requiredPermissions) 
-      ? requiredPermissions 
+    const permissionsArray = Array.isArray(requiredPermissions)
+      ? requiredPermissions
       : [requiredPermissions];
 
     try {
-      // Query to check if the user has a role that contains any of the required permissions
-      const query = `
-        SELECT DISTINCT p.name 
+      const [rows] = await db.query(`
+        SELECT DISTINCT p.name
         FROM permissions p
         JOIN role_has_permissions rhp ON p.id = rhp.permission_id
-        JOIN user_has_roles uhr ON rhp.role_id = uhr.role_id
-        WHERE uhr.user_id = ? AND p.name IN (?)
-      `;
+        JOIN model_has_roles mhr ON rhp.role_id = mhr.role_id
+        WHERE mhr.model_id = ?
+          AND mhr.model_type = 'App\\\\Models\\\\User'
+          AND p.name IN (?)
+      `, [req.session.userId, permissionsArray]);
+
+      if (rows.length > 0) {
+        return next();
+      }
+
+      return res.status(403).render("error", {
+        message: "Forbidden: Anda tidak punya akses ke halaman ini.",
+        error: { status: 403, stack: "" }
+      });
+    } catch (err) {
+      next(err);
+    }
+  };
+};
+
+const checkRole = (requiredRoles) => {
+  return async (req, res, next) => {
+    if (!req.session.userId) {
+      return res.redirect("/login");
+    }
 
-      const [rows] = await db.query(query, [req.session.userId, permissionsArray]);
+    const rolesArray = Array.isArray(requiredRoles)
+      ? requiredRoles
+      : [requiredRoles];
+
+    try {
+      const [rows] = await db.query(`
+        SELECT r.name
+        FROM roles r
+        JOIN model_has_roles mhr ON r.id = mhr.role_id
+        WHERE mhr.model_id = ?
+          AND mhr.model_type = 'App\\\\Models\\\\User'
+          AND r.name IN (?)
+      `, [req.session.userId, rolesArray]);
 
       if (rows.length > 0) {
         return next();
       }
 
-      // If no matching permission found, return Forbidden
-      res.status(403).render("error", {
-        message: "Forbidden: You do not have permission to access this resource.",
+      return res.status(403).render("error", {
+        message: "Forbidden: Anda tidak punya akses ke halaman ini.",
         error: { status: 403, stack: "" }
       });
     } catch (err) {
@@ -52,5 +70,6 @@ const checkPermission = (requiredPermissions) => {
 };
 
 module.exports = {
-  checkPermission
-};
+  checkPermission,
+  checkRole
+};
\ No newline at end of file
diff --git a/views/home.ejs b/views/home.ejs
index b0f86047..67d6b20d 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -5,117 +5,38 @@
       (() => {
         try {
           const stored = localStorage.getItem("themeMode");
-          if (
-            stored
-              ? stored === "dark"
-              : matchMedia("(prefers-color-scheme: dark)").matches
-          ) {
+          if (stored ? stored === "dark" : matchMedia("(prefers-color-scheme: dark)").matches) {
             document.documentElement.classList.add("dark");
           }
         } catch (_) {}
-
         const apply = (dark) => {
           document.documentElement.classList.toggle("dark", dark);
-          try {
-            localStorage.setItem("themeMode", dark ? "dark" : "light");
-          } catch (_) {}
+          try { localStorage.setItem("themeMode", dark ? "dark" : "light"); } catch (_) {}
         };
-
         document.addEventListener("basecoat:theme", (event) => {
           const mode = event.detail?.mode;
-          apply(
-            mode === "dark"
-              ? true
-              : mode === "light"
-                ? false
-                : !document.documentElement.classList.contains("dark"),
-          );
+          apply(mode === "dark" ? true : mode === "light" ? false : !document.documentElement.classList.contains("dark"));
         });
       })();
     </script>
-
     <script>
       (function () {
         try {
           const storedTheme = localStorage.getItem("themeVariant");
-          if (storedTheme)
-            document.documentElement.classList.add(`theme-${storedTheme}`);
-        } catch (event) {
-          console.error(
-            "Could not apply theme variant from localStorage",
-            event,
-          );
-        }
+          if (storedTheme) document.documentElement.classList.add(`theme-${storedTheme}`);
+        } catch (e) {}
       })();
     </script>
-
     <meta charset="utf-8" />
-    <meta http-equiv="Content-Language" content="en" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-    <title>Basecoat</title>
-    <meta
-      name="description"
-      content="A components library built with Tailwind CSS that works with any web stack."
-    />
-    <meta name="title" content="Basecoat" />
-    <meta
-      name="keywords"
-      content="components,component library,component system,UI,UI kit,shadcn,shadcn/ui,Tailwind CSS,Tailwind,CSS,HTML,Jinja,Nunjucks,JS,JavaScript,vanilla JS,vanilla JavaScript"
-    />
-
+    <title><%= title %> - FacultyWare</title>
     <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="/assets/apple-touch-icon.png"
-    />
-
-    <!-- <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/basecoat-css@0.3.11/dist/basecoat.cdn.min.css"
-    />
-    <script
-      src="https://cdn.jsdelivr.net/npm/basecoat-css@0.3.11/dist/js/all.min.js"
-      defer
-    ></script> -->
-
+    <!-- LOKASI FILE CSS UTAMA UNTUK MENGGANTI WARNA / STYLING APLIKASI: /public/assets/styles.css -->
     <link rel="stylesheet" href="/assets/styles.css" />
-
-    <!-- <script src="/assets/js/basecoat.js?v=0.3.11" defer></script>
-    <script src="/assets/js/command.js?v=0.3.11" defer></script>
-    <script src="/assets/js/dropdown-menu.js?v=0.3.11" defer></script>
-    <script src="/assets/js/popover.js?v=0.3.11" defer></script>
-    <script src="/assets/js/select.js?v=0.3.11" defer></script>
+    <script src="/assets/js/basecoat.js?v=0.3.11" defer></script>
     <script src="/assets/js/sidebar.js?v=0.3.11" defer></script>
-    <script src="/assets/js/tabs.js?v=0.3.11" defer></script>
-    <script src="/assets/js/toast.js?v=0.3.11" defer></script> -->
-
-    <script src="https://unpkg.com/htmx.org@2.0.4"></script>
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/django.min.js"></script>
-    <script>
-      const highlight = () => {
-        if (!window.hljs) return;
-        document
-          .querySelectorAll(
-            "pre code:not([data-highlighted]), code.highlight:not([data-highlighted])",
-          )
-          .forEach((el) => hljs.highlightElement(el));
-      };
-
-      if (!window._hljsInit) {
-        window._hljsInit = true;
-        document.addEventListener("DOMContentLoaded", highlight);
-        document.addEventListener("htmx:afterSwap", highlight);
-      }
-    </script>
-    <script>
-      document.addEventListener("htmx:historyRestore", () => {
-        if (window.basecoat) window.basecoat.initAll();
-      });
-    </script>
+    <script src="/assets/js/popover.js?v=0.3.11" defer></script>
+    <script src="/assets/js/toast.js?v=0.3.11" defer></script>
   </head>
   <body>
     <script>
@@ -123,31 +44,20 @@
         document.addEventListener("DOMContentLoaded", () => {
           const sidebar = document.getElementById("sidebar");
           if (!sidebar) return;
-
           const updateCurrentLinks = () => {
             const currentPath = window.location.pathname.replace(/\/$/, "");
-            const currentSearch = window.location.search;
-            const currentKey = `${currentPath}${currentSearch}`;
-
-            sidebar.querySelectorAll("a, button").forEach((item) => {
+            sidebar.querySelectorAll("a").forEach((item) => {
               const href = item.getAttribute("href");
-              if (!href) {
-                item.removeAttribute("aria-current");
-                return;
-              }
-
+              if (!href) { item.removeAttribute("aria-current"); return; }
               const url = new URL(href, window.location.origin);
               const itemPath = url.pathname.replace(/\/$/, "");
-              const itemKey = `${itemPath}${url.search}`;
-
-              if (itemKey === currentKey) {
+              if (itemPath === currentPath) {
                 item.setAttribute("aria-current", "page");
               } else {
                 item.removeAttribute("aria-current");
               }
             });
           };
-
           document.addEventListener("htmx:afterSettle", updateCurrentLinks);
           window.addEventListener("popstate", updateCurrentLinks);
           updateCurrentLinks();
@@ -158,712 +68,121 @@
     <aside id="sidebar" class="sidebar" data-side="left" aria-hidden="false">
       <nav aria-label="Sidebar navigation">
         <header>
-          <a href="/" class="btn-ghost p-2 h-12 w-full justify-start">
-            <div
-              class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 256 256"
-                class="h-4 w-4"
-              >
+          <a href="/home" class="btn-ghost p-2 h-12 w-full justify-start">
+            <div class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg">
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="h-4 w-4">
                 <rect width="256" height="256" fill="none"></rect>
-                <line
-                  x1="208"
-                  y1="128"
-                  x2="128"
-                  y2="208"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="32"
-                ></line>
-                <line
-                  x1="192"
-                  y1="40"
-                  x2="40"
-                  y2="192"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="32"
-                ></line>
+                <line x1="208" y1="128" x2="128" y2="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></line>
+                <line x1="192" y1="40" x2="40" y2="192" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></line>
               </svg>
             </div>
             <div class="grid flex-1 text-left text-sm leading-tight">
-              <span class="truncate font-medium">Basecoat</span>
-              <span class="truncate text-xs">v0.3.11</span>
+              <span class="truncate font-medium">FacultyWare</span>
+              <span class="truncate text-xs">Survey System</span>
             </div>
           </a>
         </header>
 
-        <section
-          class="scrollbar [&amp;_[data-new-link]::after]:content-[&#39;New&#39;] [&amp;_[data-new-link]::after]:ml-auto [&amp;_[data-new-link]::after]:text-xs [&amp;_[data-new-link]::after]:font-medium [&amp;_[data-new-link]::after]:bg-sidebar-primary [&amp;_[data-new-link]::after]:text-sidebar-primary-foreground [&amp;_[data-new-link]::after]:px-2 [&amp;_[data-new-link]::after]:py-0.5 [&amp;_[data-new-link]::after]:rounded-md"
-        >
-          <div role="group" aria-labelledby="group-label-sidebar-content-1">
-            <h3 id="group-label-sidebar-content-1">Getting started</h3>
-
-            <ul>
-              <li>
-                <a
-                  href="/introduction"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="24"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  >
-                    <circle cx="12" cy="12" r="10" />
-                    <path d="M12 16v-4" />
-                    <path d="M12 8h.01" />
-                  </svg>
-                  <span>Introduction</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/installation"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="24"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  >
-                    <path d="m7 11 2-2-2-2" />
-                    <path d="M11 13h4" />
-                    <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
-                  </svg>
-                  <span>Installation</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/kitchen-sink"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="24"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  >
-                    <rect width="7" height="9" x="3" y="3" rx="1" />
-                    <rect width="7" height="5" x="14" y="3" rx="1" />
-                    <rect width="7" height="9" x="14" y="12" rx="1" />
-                    <rect width="7" height="5" x="3" y="16" rx="1" />
-                  </svg>
-                  <span>Kitchen sink</span>
-                </a>
-              </li>
-
-              <li>
-                <a href="https://github.com/hunvreus/basecoat" target="_blank">
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 24 24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <title>GitHub</title>
-                    <path
-                      d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-                    />
-                  </svg>
-                  <span>GitHub</span>
-                </a>
-              </li>
-
-              <li>
-                <a href="https://basecoatui.com/chat" target="_blank">
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 24 24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <title>Discord</title>
-                    <path
-                      d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"
-                    />
-                  </svg>
-                  <span>Discord</span>
-                </a>
-              </li>
-            </ul>
-          </div>
-
-          <div role="group" aria-labelledby="group-label-sidebar-content-2">
-            <h3 id="group-label-sidebar-content-2">Components</h3>
-
-            <ul>
-              <li>
-                <a
-                  href="/components/accordion"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Accordion</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/alert"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Alert</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/alert-dialog"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Alert Dialog</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/avatar"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Avatar</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/badge"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Badge</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/breadcrumb"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Breadcrumb</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/button"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Button</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/button-group"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Button Group</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/card"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Card</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/checkbox"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Checkbox</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/command"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Command</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/combobox"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Combobox</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/dialog"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Dialog</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/dropdown-menu"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Dropdown Menu</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/empty"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Empty</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/field"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Field</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/form"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Form</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/input"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Input</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/input-group"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Input Group</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/item"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Item</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/kbd"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Kbd</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/label"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Label</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/pagination"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Pagination</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/popover"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Popover</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/progress"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Progress</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/radio-group"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Radio Group</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/select"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Select</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/sidebar"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Sidebar</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/skeleton"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Skeleton</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/slider"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Slider</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/spinner"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Spinner</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/switch"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Switch</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/table"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Table</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/tabs"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Tabs</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/textarea"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Textarea</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/theme-switcher"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Theme Switcher</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/toast"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Toast</span>
-                </a>
-              </li>
+        <section class="scrollbar">
+          <!-- KONTROL AKSES MENU (ACL): Sidebar disesuaikan dengan role user dari session -->
+          <% if (role === 'respondent') { %>
+            <!-- Menu Respondent (Dikelola oleh Arifah) -->
+            <div role="group" aria-labelledby="group-label-respondent">
+              <h3 id="group-label-respondent">Survey</h3>
+              <ul>
+                <li>
+                  <a href="/survey">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M9 11l3 3L22 4"/>
+                      <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
+                    </svg>
+                    <span>Daftar Survey</span>
+                  </a>
+                </li>
+              </ul>
+            </div>
+          <% } %>
+
+          <% if (role === 'admin') { %>
+            <!-- Menu Admin Arifah (Hasil Survey, Rekap, & Statistik) -->
+            <div role="group" aria-labelledby="group-label-rekap">
+              <h3 id="group-label-rekap">Hasil Survey</h3>
+              <ul>
+                <li>
+                  <a href="/admin/survey/rekap">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
+                      <polyline points="14 2 14 8 20 8"/>
+                      <line x1="16" y1="13" x2="8" y2="13"/>
+                      <line x1="16" y1="17" x2="8" y2="17"/>
+                      <polyline points="10 9 9 9 8 9"/>
+                    </svg>
+                    <span>Rekap Jawaban</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="/admin/survey/statistik">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <line x1="18" y1="20" x2="18" y2="10"/>
+                      <line x1="12" y1="20" x2="12" y2="4"/>
+                      <line x1="6" y1="20" x2="6" y2="14"/>
+                    </svg>
+                    <span>Statistik</span>
+                  </a>
+                </li>
+              </ul>
+            </div>
 
-              <li>
-                <a
-                  href="/components/tooltip"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Tooltip</span>
-                </a>
-              </li>
-            </ul>
-          </div>
+            <!-- Menu Admin Aqila (Manajemen Responden & Survey) -->
+            <div role="group" aria-labelledby="group-label-responden">
+              <h3 id="group-label-responden">Manajemen</h3>
+              <ul>
+                <li>
+                  <a href="/admin/responden">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
+                      <circle cx="9" cy="7" r="4"/>
+                      <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
+                      <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
+                    </svg>
+                    <span>Responden</span>
+                  </a>
+                </li>
+              </ul>
+            </div>
+          <% } %>
         </section>
 
         <footer>
-          <div id="popover-387533" class="popover">
+          <div id="popover-user" class="popover">
             <button
-              id="popover-387533-trigger"
+              id="popover-user-trigger"
               type="button"
               aria-expanded="false"
-              aria-controls="popover-387533-popover"
+              aria-controls="popover-user-popover"
               class="btn-ghost p-2 h-12 w-full flex items-center justify-start"
               data-keep-mobile-sidebar-open=""
             >
-              <img
-                src="https://github.com/hunvreus.png"
-                class="rounded-lg shrink-0 size-8"
-              />
+              <div class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg font-bold text-sm">
+                <%= user ? user.charAt(0).toUpperCase() : 'U' %>
+              </div>
               <div class="grid flex-1 text-left text-sm leading-tight">
-                <span class="truncate font-medium">Ronan Berder</span>
-                <span class="truncate text-xs">@hunvreus</span>
+                <span class="truncate font-medium"><%= user %></span>
+                <span class="truncate text-xs"><%= role %></span>
               </div>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              >
-                <path d="m7 15 5 5 5-5" />
-                <path d="m7 9 5-5 5 5" />
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="m7 15 5 5 5-5"/>
+                <path d="m7 9 5-5 5 5"/>
               </svg>
             </button>
-            <div
-              id="popover-387533-popover"
-              data-popover
-              aria-hidden="true"
-              data-side="top"
-              class="w-[271px] md:w-[239px]"
-            >
-              <div class="grid gap-4">
-                <header class="grid gap-1.5">
-                  <h2 class="font-semibold">I hope you like Basecoat...</h2>
-                  <p class="text-muted-foreground text-sm">
-                    My name is
-                    <a href="https://ronanberder.com" target="_blank">Ronan</a>
-                    and I made this (and
-                    <a
-                      class="underline underline-offset-4"
-                      href="https://pagescms.org"
-                      target="_target"
-                      >other things</a
-                    >). If you find it useful, please consider sponsoring me on
-                    GitHub or following me on X.
-                  </p>
-                </header>
-                <footer class="grid gap-2">
-                  <a
-                    href="https://github.com/sponsors/hunvreus"
-                    class="btn-sm"
-                    target="_blank"
-                    >Sponsor me on GitHub</a
-                  >
-                  <a
-                    href="https://x.com/hunvreus"
-                    class="btn-sm-outline"
-                    target="_blank"
-                    >Follow me on X</a
-                  >
-                </footer>
+            <div id="popover-user-popover" data-popover aria-hidden="true" data-side="top" class="w-[220px]">
+              <div class="grid gap-2">
+                <p class="text-sm text-muted-foreground">
+                  Login sebagai <strong><%= user %></strong>
+                </p>
+                <a href="/logout" class="btn-sm-outline w-full text-center">
+                  Logout
+                </a>
               </div>
             </div>
           </div>
@@ -872,1001 +191,50 @@
     </aside>
 
     <main id="content">
-      <header
-        class="bg-background sticky inset-x-0 top-0 isolate flex shrink-0 items-center gap-2 border-b z-10"
-      >
+      <header class="bg-background sticky inset-x-0 top-0 isolate flex shrink-0 items-center gap-2 border-b z-10">
         <div class="flex h-14 w-full items-center gap-2 px-4">
           <button
             type="button"
-            onclick="
-              document.dispatchEvent(new CustomEvent('basecoat:sidebar'))
-            "
+            onclick="document.dispatchEvent(new CustomEvent('basecoat:sidebar'))"
             aria-label="Toggle sidebar"
-            data-tooltip="Toggle sidebar"
-            data-side="bottom"
-            data-align="start"
             class="btn-sm-icon-ghost mr-auto size-7 -ml-1.5"
           >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            >
-              <rect width="18" height="18" x="3" y="3" rx="2" />
-              <path d="M9 3v18" />
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <rect width="18" height="18" x="3" y="3" rx="2"/>
+              <path d="M9 3v18"/>
             </svg>
           </button>
-          <select class="select h-8 leading-none" id="theme-select">
-            <option value="">Default</option>
-            <option value="claude">Claude</option>
-            <option value="doom-64">Doom 64</option>
-            <option value="supabase">Supabase</option>
-          </select>
-          <script>
-            (() => {
-              const themeSelect = document.getElementById("theme-select");
-              const storedTheme = localStorage.getItem("themeVariant");
-              if (themeSelect && storedTheme) themeSelect.value = storedTheme;
-              themeSelect.addEventListener("change", () => {
-                const newTheme = themeSelect.value;
-                document.documentElement.classList.forEach((c) => {
-                  if (c.startsWith("theme-"))
-                    document.documentElement.classList.remove(c);
-                });
-                if (newTheme) {
-                  document.documentElement.classList.add(`theme-${newTheme}`);
-                  localStorage.setItem("themeVariant", newTheme);
-                } else {
-                  localStorage.removeItem("themeVariant");
-                }
-              });
-            })();
-          </script>
-
           <button
             type="button"
-            aria-label="Toggle dark mode"
-            data-tooltip="Toggle dark mode"
-            data-side="bottom"
             onclick="document.dispatchEvent(new CustomEvent('basecoat:theme'))"
+            aria-label="Toggle dark mode"
             class="btn-icon-outline size-8"
           >
-            <span class="hidden dark:block"
-              ><svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              >
-                <circle cx="12" cy="12" r="4" />
-                <path d="M12 2v2" />
-                <path d="M12 20v2" />
-                <path d="m4.93 4.93 1.41 1.41" />
-                <path d="m17.66 17.66 1.41 1.41" />
-                <path d="M2 12h2" />
-                <path d="M20 12h2" />
-                <path d="m6.34 17.66-1.41 1.41" />
-                <path d="m19.07 4.93-1.41 1.41" /></svg
-            ></span>
-            <span class="block dark:hidden"
-              ><svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              >
-                <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" /></svg
-            ></span>
+            <span class="hidden dark:block">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/>
+                <path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/>
+                <path d="M2 12h2"/><path d="M20 12h2"/>
+                <path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/>
+              </svg>
+            </span>
+            <span class="block dark:hidden">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>
+              </svg>
+            </span>
           </button>
-          <a
-            href="https://github.com/hunvreus/basecoat"
-            class="btn-icon size-8"
-            target="_blank"
-            rel="noopener noreferrer"
-            data-tooltip="GitHub repository"
-            data-side="bottom"
-            data-align="end"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            >
-              <path
-                d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"
-              />
-              <path d="M9 18c-4.51 2-5-2-7-2" />
-            </svg>
-          </a>
         </div>
       </header>
 
-      <div class="p-4 md:p-6 xl:p-12">
+      <div class="p-4 md:p-6">
         <div class="max-w-screen-lg mx-auto">
-          <header class="flex flex-col gap-4">
-            <div class="flex flex-col gap-2">
-              <h1
-                class="text-2xl font-bold tracking-tight sm:text-3xl md:text-4xl"
-              >
-                All of the shadcn/ui magic, none of the React
-              </h1>
-              <p class="sm:text-lg text-muted-foreground">
-                A components library built with Tailwind CSS that works with any
-                web stack.
-              </p>
-            </div>
-            <div class="flex w-full items-center justify-start gap-2 pt-2">
-              <a class="btn" href="/installation">Get Started</a>
-              <a class="btn-outline" href="/introduction">Learn more</a>
-            </div>
-          </header>
-
-          <section class="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-8">
-            <div class="flex flex-col gap-4">
-              <div class="card">
-                <header>
-                  <h2>Team Members</h2>
-                  <p>Invite your team members to collaborate.</p>
-                </header>
-                <section>
-                  <ul class="grid gap-4">
-                    <li class="flex items-center gap-4">
-                      <img
-                        src="/assets/images/avatar-1.png"
-                        alt="Sofia Davis"
-                        class="w-10 h-10 rounded-full"
-                      />
-                      <div class="flex flex-col gap-1 mr-auto">
-                        <h3 class="text-sm font-medium leading-none">
-                          Sofia Davis
-                        </h3>
-                        <p class="text-sm text-muted-foreground">
-                          m@example.com
-                        </p>
-                      </div>
-
-                      <div id="select-579937" class="select">
-                        <button
-                          type="button"
-                          class="btn-outline"
-                          id="select-579937-trigger"
-                          aria-haspopup="listbox"
-                          aria-expanded="false"
-                          aria-controls="select-579937-listbox"
-                        >
-                          <span class="truncate">Owner</span>
-
-                          <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            width="24"
-                            height="24"
-                            viewBox="0 0 24 24"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-width="2"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down text-muted-foreground opacity-50 shrink-0"
-                          >
-                            <path d="m7 15 5 5 5-5" />
-                            <path d="m7 9 5-5 5 5" />
-                          </svg>
-                        </button>
-                        <div
-                          id="select-579937-popover"
-                          data-popover
-                          aria-hidden="true"
-                          data-align="end"
-                        >
-                          <header>
-                            <svg
-                              xmlns="http://www.w3.org/2000/svg"
-                              width="24"
-                              height="24"
-                              viewBox="0 0 24 24"
-                              fill="none"
-                              stroke="currentColor"
-                              stroke-width="2"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              class="lucide lucide-search-icon lucide-search"
-                            >
-                              <circle cx="11" cy="11" r="8" />
-                              <path d="m21 21-4.3-4.3" />
-                            </svg>
-                            <input
-                              type="text"
-                              value=""
-                              placeholder="Search entries..."
-                              autocomplete="off"
-                              autocorrect="off"
-                              spellcheck="false"
-                              aria-autocomplete="list"
-                              role="combobox"
-                              aria-expanded="false"
-                              aria-controls="select-579937-listbox"
-                              aria-labelledby="select-579937-trigger"
-                            />
-                          </header>
-
-                          <div
-                            role="listbox"
-                            id="select-579937-listbox"
-                            aria-orientation="vertical"
-                            aria-labelledby="select-579937-trigger"
-                          >
-                            <div
-                              id="select-579937-items-1"
-                              role="option"
-                              data-value="viewer"
-                            >
-                              Viewer
-                            </div>
-
-                            <div
-                              id="select-579937-items-2"
-                              role="option"
-                              data-value="developer"
-                            >
-                              Developer
-                            </div>
-
-                            <div
-                              id="select-579937-items-3"
-                              role="option"
-                              data-value="billing"
-                            >
-                              Billing
-                            </div>
-
-                            <div
-                              id="select-579937-items-4"
-                              role="option"
-                              data-value="owner"
-                              aria-selected="true"
-                            >
-                              Owner
-                            </div>
-                          </div>
-                        </div>
-                        <input
-                          type="hidden"
-                          name="select-579937-value"
-                          value="owner"
-                        />
-                      </div>
-                    </li>
-                    <li class="flex items-center gap-4">
-                      <img
-                        src="/assets/images/avatar-2.png"
-                        alt="Jackson Lee"
-                        class="w-10 h-10 rounded-full"
-                      />
-                      <div class="flex flex-col gap-1 mr-auto">
-                        <h3 class="text-sm font-medium leading-none">
-                          Jackson Lee
-                        </h3>
-                        <p class="text-sm text-muted-foreground">
-                          p@example.com
-                        </p>
-                      </div>
-
-                      <div id="select-194729" class="select">
-                        <button
-                          type="button"
-                          class="btn-outline"
-                          id="select-194729-trigger"
-                          aria-haspopup="listbox"
-                          aria-expanded="false"
-                          aria-controls="select-194729-listbox"
-                        >
-                          <span class="truncate">Empty</span>
-
-                          <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            width="24"
-                            height="24"
-                            viewBox="0 0 24 24"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-width="2"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down text-muted-foreground opacity-50 shrink-0"
-                          >
-                            <path d="m7 15 5 5 5-5" />
-                            <path d="m7 9 5-5 5 5" />
-                          </svg>
-                        </button>
-                        <div
-                          id="select-194729-popover"
-                          data-popover
-                          aria-hidden="true"
-                          data-align="end"
-                        >
-                          <header>
-                            <svg
-                              xmlns="http://www.w3.org/2000/svg"
-                              width="24"
-                              height="24"
-                              viewBox="0 0 24 24"
-                              fill="none"
-                              stroke="currentColor"
-                              stroke-width="2"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              class="lucide lucide-search-icon lucide-search"
-                            >
-                              <circle cx="11" cy="11" r="8" />
-                              <path d="m21 21-4.3-4.3" />
-                            </svg>
-                            <input
-                              type="text"
-                              value=""
-                              placeholder="Search entries..."
-                              autocomplete="off"
-                              autocorrect="off"
-                              spellcheck="false"
-                              aria-autocomplete="list"
-                              role="combobox"
-                              aria-expanded="false"
-                              aria-controls="select-194729-listbox"
-                              aria-labelledby="select-194729-trigger"
-                            />
-                          </header>
-
-                          <div
-                            role="listbox"
-                            id="select-194729-listbox"
-                            aria-orientation="vertical"
-                            aria-labelledby="select-194729-trigger"
-                          >
-                            <div
-                              id="select-194729-items-1"
-                              role="option"
-                              data-value=""
-                            >
-                              Empty
-                            </div>
-
-                            <div
-                              id="select-194729-items-2"
-                              role="option"
-                              data-value="viewer"
-                            >
-                              Viewer
-                            </div>
-
-                            <div
-                              id="select-194729-items-3"
-                              role="option"
-                              data-value="developer"
-                            >
-                              Developer
-                            </div>
-
-                            <div
-                              id="select-194729-items-4"
-                              role="option"
-                              data-value="billing"
-                            >
-                              Billing
-                            </div>
-
-                            <div
-                              id="select-194729-items-5"
-                              role="option"
-                              data-value="owner"
-                            >
-                              Owner
-                            </div>
-                          </div>
-                        </div>
-                        <input
-                          type="hidden"
-                          name="select-194729-value"
-                          value=""
-                        />
-                      </div>
-                    </li>
-                    <li class="flex items-center gap-4">
-                      <img
-                        src="/assets/images/avatar-3.png"
-                        alt="Isabella Nguyen"
-                        class="w-10 h-10 rounded-full"
-                      />
-                      <div class="flex flex-col gap-1 mr-auto">
-                        <h3 class="text-sm font-medium leading-none">
-                          Isabella Nguyen
-                        </h3>
-                        <p class="text-sm text-muted-foreground">
-                          i@example.com
-                        </p>
-                      </div>
-
-                      <div id="select-179726" class="select">
-                        <button
-                          type="button"
-                          class="btn-outline"
-                          id="select-179726-trigger"
-                          aria-haspopup="listbox"
-                          aria-expanded="false"
-                          aria-controls="select-179726-listbox"
-                        >
-                          <span class="truncate">Viewer</span>
-
-                          <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            width="24"
-                            height="24"
-                            viewBox="0 0 24 24"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-width="2"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down text-muted-foreground opacity-50 shrink-0"
-                          >
-                            <path d="m7 15 5 5 5-5" />
-                            <path d="m7 9 5-5 5 5" />
-                          </svg>
-                        </button>
-                        <div
-                          id="select-179726-popover"
-                          data-popover
-                          aria-hidden="true"
-                          data-align="end"
-                        >
-                          <header>
-                            <svg
-                              xmlns="http://www.w3.org/2000/svg"
-                              width="24"
-                              height="24"
-                              viewBox="0 0 24 24"
-                              fill="none"
-                              stroke="currentColor"
-                              stroke-width="2"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              class="lucide lucide-search-icon lucide-search"
-                            >
-                              <circle cx="11" cy="11" r="8" />
-                              <path d="m21 21-4.3-4.3" />
-                            </svg>
-                            <input
-                              type="text"
-                              value=""
-                              placeholder="Search entries..."
-                              autocomplete="off"
-                              autocorrect="off"
-                              spellcheck="false"
-                              aria-autocomplete="list"
-                              role="combobox"
-                              aria-expanded="false"
-                              aria-controls="select-179726-listbox"
-                              aria-labelledby="select-179726-trigger"
-                            />
-                          </header>
-
-                          <div
-                            role="listbox"
-                            id="select-179726-listbox"
-                            aria-orientation="vertical"
-                            aria-labelledby="select-179726-trigger"
-                          >
-                            <div
-                              id="select-179726-items-1"
-                              role="option"
-                              data-value="viewer"
-                            >
-                              Viewer
-                            </div>
-
-                            <div
-                              id="select-179726-items-2"
-                              role="option"
-                              data-value="developer"
-                            >
-                              Developer
-                            </div>
-
-                            <div
-                              id="select-179726-items-3"
-                              role="option"
-                              data-value="billing"
-                            >
-                              Billing
-                            </div>
-
-                            <div
-                              id="select-179726-items-4"
-                              role="option"
-                              data-value="owner"
-                            >
-                              Owner
-                            </div>
-                          </div>
-                        </div>
-                        <input
-                          type="hidden"
-                          name="select-179726-value"
-                          value="viewer"
-                        />
-                      </div>
-                    </li>
-                  </ul>
-                </section>
-              </div>
-
-              <div class="card">
-                <header>
-                  <h2>Cookie Settings</h2>
-                  <p>Manage your cookie settings here.</p>
-                </header>
-                <section class="text-sm grid gap-6">
-                  <label class="flex items-center justify-between gap-2">
-                    <div class="flex flex-col gap-0.5">
-                      <div class="font-medium">Strictly Necessary</div>
-                      <div class="text-muted-foreground">
-                        These cookies are essential in order to use the website
-                        and use its features.
-                      </div>
-                    </div>
-                    <input
-                      type="checkbox"
-                      role="switch"
-                      class="input"
-                      checked
-                    />
-                  </label>
-                  <label class="flex items-center justify-between gap-2">
-                    <div class="flex flex-col gap-0.5">
-                      <div class="font-medium">Functional Cookies</div>
-                      <div class="text-muted-foreground">
-                        These cookies allow the website to provide personalized
-                        functionality.
-                      </div>
-                    </div>
-                    <input type="checkbox" role="switch" class="input" />
-                  </label>
-                  <label class="flex items-center justify-between gap-2">
-                    <div class="flex flex-col gap-0.5">
-                      <div class="font-medium">Performance Cookies</div>
-                      <div class="text-muted-foreground">
-                        These cookies help to improve the performance of the
-                        website.
-                      </div>
-                    </div>
-                    <input type="checkbox" role="switch" class="input" />
-                  </label>
-                </section>
-                <footer>
-                  <button type="button" class="btn-outline w-full">
-                    Save preferences
-                  </button>
-                </footer>
-              </div>
-
-              <div class="card">
-                <header>
-                  <h2>Payment Method</h2>
-                  <p>Add a new payment method to your account.</p>
-                </header>
-                <section>
-                  <form class="form grid gap-6">
-                    <ul class="flex gap-4">
-                      <li class="flex-1">
-                        <input
-                          type="radio"
-                          name="payment-method-type"
-                          id="payment-method-type-apple"
-                          class="hidden peer"
-                        />
-                        <label
-                          for="payment-method-type-apple"
-                          class="text-sm font-medium leading-none flex flex-col items-center justify-between rounded-md border-2 border-muted p-4 hover:bg-muted peer-checked:border-primary [&>svg]:mb-3 [&>svg]:size-6"
-                        >
-                          <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            width="24"
-                            height="24"
-                            viewBox="0 0 24 24"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-width="2"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                          >
-                            <rect width="20" height="14" x="2" y="5" rx="2" />
-                            <line x1="2" x2="22" y1="10" y2="10" />
-                          </svg>
-                          Card
-                        </label>
-                      </li>
-                      <li class="flex-1">
-                        <input
-                          type="radio"
-                          name="payment-method-type"
-                          id="payment-method-type-card"
-                          class="hidden peer"
-                        />
-                        <label
-                          for="payment-method-type-card"
-                          class="text-sm font-medium leading-none flex flex-col items-center justify-between rounded-md border-2 border-muted p-4 hover:bg-muted peer-checked:border-primary [&>svg]:mb-3 [&>svg]:size-6"
-                        >
-                          <svg
-                            role="img"
-                            fill="currentColor"
-                            viewBox="0 0 24 24"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <title>PayPal</title>
-                            <path
-                              d="M7.016 19.198h-4.2a.562.562 0 0 1-.555-.65L5.093.584A.692.692 0 0 1 5.776 0h7.222c3.417 0 5.904 2.488 5.846 5.5-.006.25-.027.5-.066.747A6.794 6.794 0 0 1 12.071 12H8.743a.69.69 0 0 0-.682.583l-.325 2.056-.013.083-.692 4.39-.015.087zM19.79 6.142c-.01.087-.01.175-.023.261a7.76 7.76 0 0 1-7.695 6.598H9.007l-.283 1.795-.013.083-.692 4.39-.134.843-.014.088H6.86l-.497 3.15a.562.562 0 0 0 .555.65h3.612c.34 0 .63-.249.683-.585l.952-6.031a.692.692 0 0 1 .683-.584h2.126a6.793 6.793 0 0 0 6.707-5.752c.306-1.95-.466-3.744-1.89-4.906z"
-                            />
-                          </svg>
-                          Paypal
-                        </label>
-                      </li>
-                      <li class="flex-1">
-                        <input
-                          type="radio"
-                          name="payment-method-type"
-                          id="payment-method-type-paypal"
-                          class="hidden peer"
-                        />
-                        <label
-                          for="payment-method-type-paypal"
-                          class="text-sm font-medium leading-none flex flex-col items-center justify-between rounded-md border-2 border-muted p-4 hover:bg-muted peer-checked:border-primary [&>svg]:mb-3 [&>svg]:size-6"
-                        >
-                          <svg
-                            role="img"
-                            fill="currentColor"
-                            viewBox="0 0 24 24"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <title>Apple</title>
-                            <path
-                              d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"
-                            />
-                          </svg>
-                          Apple Pay
-                        </label>
-                      </li>
-                    </ul>
-                    <div class="grid gap-2">
-                      <label for="payment-method-name">Name</label>
-                      <input
-                        type="text"
-                        id="payment-method-name"
-                        placeholder="John Doe"
-                      />
-                    </div>
-                    <div class="grid gap-2">
-                      <label for="payment-method-city">City</label>
-                      <input
-                        type="text"
-                        id="payment-method-city"
-                        placeholder="New York"
-                      />
-                    </div>
-                    <div class="grid gap-2">
-                      <label for="payment-method-card-number"
-                        >Card Number</label
-                      >
-                      <input
-                        type="text"
-                        id="payment-method-card-number"
-                        placeholder="1234 5678 9012 3456"
-                      />
-                    </div>
-                    <div class="flex gap-4">
-                      <div class="grid gap-2 flex-1">
-                        <label for="payment-method-expiration-month"
-                          >Expires</label
-                        >
-                        <select
-                          id="payment-method-expiration-month"
-                          class="w-full"
-                        >
-                          <option value="01">January</option>
-                          <option value="02">February</option>
-                          <option value="03">March</option>
-                          <option value="04">April</option>
-                          <option value="05">May</option>
-                          <option value="06">June</option>
-                          <option value="07">July</option>
-                          <option value="08">August</option>
-                          <option value="09">September</option>
-                          <option value="10">October</option>
-                          <option value="11">November</option>
-                          <option value="12">December</option>
-                        </select>
-                      </div>
-                      <div class="grid gap-2 flex-1">
-                        <label for="payment-method-expiration-year">Year</label>
-                        <select
-                          id="payment-method-expiration-year"
-                          class="w-full"
-                        >
-                          <option value="2024">2024</option>
-                          <option value="2025">2025</option>
-                          <option value="2026">2026</option>
-                          <option value="2027">2027</option>
-                          <option value="2028">2028</option>
-                          <option value="2029">2029</option>
-                          <option value="2030">2030</option>
-                          <option value="2031">2031</option>
-                          <option value="2032">2032</option>
-                          <option value="2033">2033</option>
-                          <option value="2034">2034</option>
-                        </select>
-                      </div>
-                      <div class="grid gap-2 flex-1">
-                        <label for="payment-method-cvv">CVV</label>
-                        <input
-                          type="text"
-                          id="payment-method-cvv"
-                          placeholder="123"
-                          maxlength="4"
-                          class="w-full"
-                        />
-                      </div>
-                    </div>
-                    <button type="button" class="btn w-full">Continue</button>
-                  </form>
-                </section>
-              </div>
-            </div>
-
-            <div class="flex flex-col gap-4">
-              <div class="card">
-                <section class="space-y-6">
-                  <header class="flex items-center gap-2">
-                    <img
-                      src="/assets/images/avatar-1.png"
-                      alt="Sofia Davis"
-                      class="w-10 h-10 rounded-full"
-                    />
-                    <div class="flex flex-col gap-1 mr-auto">
-                      <h3 class="text-sm font-medium leading-none">
-                        Sofia Davis
-                      </h3>
-                      <p class="text-sm text-muted-foreground">m@example.com</p>
-                    </div>
-                    <button
-                      type="button"
-                      class="btn-icon-outline rounded-full"
-                      data-tooltip="New message"
-                    >
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      >
-                        <path d="M5 12h14" />
-                        <path d="M12 5v14" />
-                      </svg>
-                    </button>
-                  </header>
-                  <section class="space-y-4">
-                    <div
-                      class="flex w-max max-w-[75%] flex-col gap-2 rounded-lg px-3 py-2 text-sm bg-muted"
-                    >
-                      Hi, how can I help you today?
-                    </div>
-                    <div
-                      class="flex w-max max-w-[75%] flex-col gap-2 rounded-lg px-3 py-2 text-sm ml-auto bg-primary text-primary-foreground"
-                    >
-                      Hey, I'm having trouble with my account.
-                    </div>
-                    <div
-                      class="flex w-max max-w-[75%] flex-col gap-2 rounded-lg px-3 py-2 text-sm bg-muted"
-                    >
-                      What seems to be the problem?
-                    </div>
-                    <div
-                      class="flex w-max max-w-[75%] flex-col gap-2 rounded-lg px-3 py-2 text-sm ml-auto bg-primary text-primary-foreground"
-                    >
-                      I can't log in.
-                    </div>
-                  </section>
-                  <footer class="flex items-center gap-2">
-                    <input
-                      type="text"
-                      class="input w-full"
-                      placeholder="Type your message here..."
-                      oninput="
-                        if (this.value) {
-                          this.parentElement
-                            .querySelector('button')
-                            .removeAttribute('disabled');
-                        } else {
-                          this.parentElement
-                            .querySelector('button')
-                            .setAttribute('disabled', 'true');
-                        }
-                      "
-                    />
-                    <button type="button" class="btn-icon" disabled>
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      >
-                        <path
-                          d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"
-                        />
-                        <path d="m21.854 2.147-10.94 10.939" />
-                      </svg>
-                    </button>
-                  </footer>
-                </section>
-              </div>
-
-              <div class="card">
-                <header>
-                  <h2>Create an account</h2>
-                  <p>Enter your email below to create your account</p>
-                </header>
-                <section class="grid gap-6">
-                  <div class="flex gap-6">
-                    <button type="button" class="btn-outline flex-1">
-                      <svg
-                        role="img"
-                        fill="currentColor"
-                        viewBox="0 0 24 24"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <title>GitHub</title>
-                        <path
-                          d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-                        />
-                      </svg>
-                      GitHub
-                    </button>
-                    <button type="button" class="btn-outline flex-1">
-                      <svg
-                        role="img"
-                        fill="currentColor"
-                        viewBox="0 0 24 24"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <title>Google</title>
-                        <path
-                          d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
-                        />
-                      </svg>
-                      Google
-                    </button>
-                  </div>
-                  <div class="relative">
-                    <div class="absolute inset-0 flex items-center">
-                      <span class="w-full border-t"></span>
-                    </div>
-                    <div class="relative flex justify-center text-xs uppercase">
-                      <span class="bg-card px-2 text-muted-foreground"
-                        >Or continue with</span
-                      >
-                    </div>
-                  </div>
-                  <form class="form grid gap-6">
-                    <div class="grid gap-2">
-                      <label for="demo-card-form-email">Email</label>
-                      <input type="email" id="demo-card-form-email" />
-                    </div>
-                    <div class="grid gap-2">
-                      <div class="flex items-center gap-2">
-                        <label for="demo-card-form-password">Password</label>
-                        <a
-                          href="#"
-                          class="ml-auto inline-block text-sm underline-offset-4 hover:underline"
-                          >Forgot your password?</a
-                        >
-                      </div>
-                      <input type="password" id="demo-card-form-password" />
-                    </div>
-                    <button type="button" class="btn w-full">
-                      Create an account
-                    </button>
-                  </form>
-                </section>
-              </div>
-
-              <div class="card">
-                <header>
-                  <h2>Report an issue</h2>
-                  <p>What area are you having problems with?</p>
-                </header>
-                <section>
-                  <form class="form grid gap-6">
-                    <div class="flex gap-4">
-                      <div class="grid gap-2 flex-1">
-                        <label for="report-issue-area">Area</label>
-                        <select id="report-issue-area" class="w-full">
-                          <option value="team">Team</option>
-                          <option value="billing">Billing</option>
-                          <option value="account">Account</option>
-                          <option value="deployments">Deployments</option>
-                          <option value="support">Support</option>
-                        </select>
-                      </div>
-                      <div class="grid gap-2 flex-1">
-                        <label for="report-issue-security-level"
-                          >Security Level</label
-                        >
-                        <select id="report-issue-security-level" class="w-full">
-                          <option value="1">Severity 1 (Highest)</option>
-                          <option value="2">Severity 2</option>
-                          <option value="3">Severity 3</option>
-                          <option value="4">Severity 4 (Lowest)</option>
-                        </select>
-                      </div>
-                    </div>
-                    <div class="grid gap-2">
-                      <label for="report-issue-subject">Subject</label>
-                      <input
-                        type="text"
-                        id="report-issue-subject"
-                        placeholder="I need help with..."
-                        class="w-full"
-                      />
-                    </div>
-                    <div class="grid gap-2">
-                      <label for="report-issue-description">Description</label>
-                      <textarea
-                        id="report-issue-description"
-                        placeholder="Please include all information relevant to your issue."
-                        class="w-full"
-                      ></textarea>
-                    </div>
-                    <footer class="flex items-center gap-4 justify-between">
-                      <button type="button" class="btn-sm-ghost">Cancel</button>
-                      <button type="button" class="btn-sm">Continue</button>
-                    </footer>
-                  </form>
-                </section>
-              </div>
-            </div>
-          </section>
+          <!-- DI SINI TEMPAT KONTEN HALAMAN UTAMA DIINJEKSIKAN DARI CONTROLLERS -->
+          <%- body %>
         </div>
       </div>
     </main>
 
     <div id="toaster" class="toaster"></div>
   </body>
-</html>
+</html>
\ No newline at end of file

From bd1830a7f73a8560b479303d70fbcb412bf9dba2 Mon Sep 17 00:00:00 2001
From: Aqila Higena Taufik <emailgithub_aqila@gmail.com>
Date: Tue, 23 Jun 2026 14:14:09 +0700
Subject: [PATCH 07/13] update indexController, acl, home

---
 controllers/indexController.js |   48 +-
 middlewares/acl.js             |   77 +-
 views/home.ejs                 | 1890 +++-----------------------------
 3 files changed, 215 insertions(+), 1800 deletions(-)

diff --git a/controllers/indexController.js b/controllers/indexController.js
index 5ea918c1..c2d9dcf0 100644
--- a/controllers/indexController.js
+++ b/controllers/indexController.js
@@ -6,7 +6,17 @@ const index = (req, res) => {
 };
 
 const home = (req, res) => {
-  res.render("home", { title: "Home", user: req.session.username });
+  res.render("home", {
+    title: "Home",
+    user: req.session.userName,
+    role: req.session.userRole,
+    body: `
+      <div class="flex flex-col gap-4">
+        <h1 class="text-2xl font-bold tracking-tight">Dashboard</h1>
+        <p class="text-muted-foreground">Selamat datang, ${req.session.userName}</p>
+      </div>
+    `
+  });
 };
 
 const loginPage = (req, res) => {
@@ -20,14 +30,15 @@ const login = async (req, res, next) => {
   const { username, password } = req.body;
 
   try {
-    const [rows] = await db.query("SELECT * FROM users WHERE username = ?", [
-      username,
-    ]);
+    const [rows] = await db.query(
+      "SELECT * FROM users WHERE email = ?",
+      [username]
+    );
 
     if (rows.length === 0) {
       return res.render("login", {
         title: "Login",
-        error: "Invalid username or password",
+        error: "Username atau password salah",
       });
     }
 
@@ -37,15 +48,32 @@ const login = async (req, res, next) => {
     if (!isMatch) {
       return res.render("login", {
         title: "Login",
-        error: "Invalid username or password",
+        error: "Username atau password salah",
       });
     }
 
-    // Set session
+    const [roleRows] = await db.query(`
+      SELECT r.name
+      FROM roles r
+      JOIN model_has_roles mhr ON r.id = mhr.role_id
+      WHERE mhr.model_id = ?
+        AND mhr.model_type = 'App\\\\Models\\\\User'
+      LIMIT 1
+    `, [user.id]);
+
+    const userRole = roleRows.length > 0 ? roleRows[0].name : null;
+
     req.session.userId = user.id;
-    req.session.username = user.username;
+    req.session.userName = user.name;
+    req.session.userEmail = user.email;
+    req.session.userRole = userRole;
+
+    if (userRole === 'admin') {
+      return res.redirect("/admin/survey/rekap");
+    } else {
+      return res.redirect("/survey");
+    }
 
-    res.redirect("/home");
   } catch (err) {
     next(err);
   }
@@ -66,4 +94,4 @@ module.exports = {
   loginPage,
   login,
   logout
-};
+};
\ No newline at end of file
diff --git a/middlewares/acl.js b/middlewares/acl.js
index 1019f567..a337eeb8 100644
--- a/middlewares/acl.js
+++ b/middlewares/acl.js
@@ -1,48 +1,66 @@
 const db = require("../lib/db");
 
-/**
- * ACL Middleware to check if a user has the required permission(s).
- * 
- * @param {string|string[]} requiredPermissions - A single permission or an array of permissions.
- * If an array is provided, the user must have at least one of the permissions.
- * 
- * Database Schema Requirements:
- * 
- * 1. roles: id, name
- * 2. permissions: id, name
- * 3. role_has_permissions: role_id, permission_id
- * 4. user_has_roles: user_id, role_id
- */
-
 const checkPermission = (requiredPermissions) => {
   return async (req, res, next) => {
     if (!req.session.userId) {
-      return res.status(401).json({ message: "Unauthorized" });
+      return res.redirect("/login");
     }
 
-    const permissionsArray = Array.isArray(requiredPermissions) 
-      ? requiredPermissions 
+    const permissionsArray = Array.isArray(requiredPermissions)
+      ? requiredPermissions
       : [requiredPermissions];
 
     try {
-      // Query to check if the user has a role that contains any of the required permissions
-      const query = `
-        SELECT DISTINCT p.name 
+      const [rows] = await db.query(`
+        SELECT DISTINCT p.name
         FROM permissions p
         JOIN role_has_permissions rhp ON p.id = rhp.permission_id
-        JOIN user_has_roles uhr ON rhp.role_id = uhr.role_id
-        WHERE uhr.user_id = ? AND p.name IN (?)
-      `;
+        JOIN model_has_roles mhr ON rhp.role_id = mhr.role_id
+        WHERE mhr.model_id = ?
+          AND mhr.model_type = 'App\\\\Models\\\\User'
+          AND p.name IN (?)
+      `, [req.session.userId, permissionsArray]);
+
+      if (rows.length > 0) {
+        return next();
+      }
+
+      return res.status(403).render("error", {
+        message: "Forbidden: Anda tidak punya akses ke halaman ini.",
+        error: { status: 403, stack: "" }
+      });
+    } catch (err) {
+      next(err);
+    }
+  };
+};
+
+const checkRole = (requiredRoles) => {
+  return async (req, res, next) => {
+    if (!req.session.userId) {
+      return res.redirect("/login");
+    }
 
-      const [rows] = await db.query(query, [req.session.userId, permissionsArray]);
+    const rolesArray = Array.isArray(requiredRoles)
+      ? requiredRoles
+      : [requiredRoles];
+
+    try {
+      const [rows] = await db.query(`
+        SELECT r.name
+        FROM roles r
+        JOIN model_has_roles mhr ON r.id = mhr.role_id
+        WHERE mhr.model_id = ?
+          AND mhr.model_type = 'App\\\\Models\\\\User'
+          AND r.name IN (?)
+      `, [req.session.userId, rolesArray]);
 
       if (rows.length > 0) {
         return next();
       }
 
-      // If no matching permission found, return Forbidden
-      res.status(403).render("error", {
-        message: "Forbidden: You do not have permission to access this resource.",
+      return res.status(403).render("error", {
+        message: "Forbidden: Anda tidak punya akses ke halaman ini.",
         error: { status: 403, stack: "" }
       });
     } catch (err) {
@@ -52,5 +70,6 @@ const checkPermission = (requiredPermissions) => {
 };
 
 module.exports = {
-  checkPermission
-};
+  checkPermission,
+  checkRole
+};
\ No newline at end of file
diff --git a/views/home.ejs b/views/home.ejs
index b0f86047..67d6b20d 100644
--- a/views/home.ejs
+++ b/views/home.ejs
@@ -5,117 +5,38 @@
       (() => {
         try {
           const stored = localStorage.getItem("themeMode");
-          if (
-            stored
-              ? stored === "dark"
-              : matchMedia("(prefers-color-scheme: dark)").matches
-          ) {
+          if (stored ? stored === "dark" : matchMedia("(prefers-color-scheme: dark)").matches) {
             document.documentElement.classList.add("dark");
           }
         } catch (_) {}
-
         const apply = (dark) => {
           document.documentElement.classList.toggle("dark", dark);
-          try {
-            localStorage.setItem("themeMode", dark ? "dark" : "light");
-          } catch (_) {}
+          try { localStorage.setItem("themeMode", dark ? "dark" : "light"); } catch (_) {}
         };
-
         document.addEventListener("basecoat:theme", (event) => {
           const mode = event.detail?.mode;
-          apply(
-            mode === "dark"
-              ? true
-              : mode === "light"
-                ? false
-                : !document.documentElement.classList.contains("dark"),
-          );
+          apply(mode === "dark" ? true : mode === "light" ? false : !document.documentElement.classList.contains("dark"));
         });
       })();
     </script>
-
     <script>
       (function () {
         try {
           const storedTheme = localStorage.getItem("themeVariant");
-          if (storedTheme)
-            document.documentElement.classList.add(`theme-${storedTheme}`);
-        } catch (event) {
-          console.error(
-            "Could not apply theme variant from localStorage",
-            event,
-          );
-        }
+          if (storedTheme) document.documentElement.classList.add(`theme-${storedTheme}`);
+        } catch (e) {}
       })();
     </script>
-
     <meta charset="utf-8" />
-    <meta http-equiv="Content-Language" content="en" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-
-    <title>Basecoat</title>
-    <meta
-      name="description"
-      content="A components library built with Tailwind CSS that works with any web stack."
-    />
-    <meta name="title" content="Basecoat" />
-    <meta
-      name="keywords"
-      content="components,component library,component system,UI,UI kit,shadcn,shadcn/ui,Tailwind CSS,Tailwind,CSS,HTML,Jinja,Nunjucks,JS,JavaScript,vanilla JS,vanilla JavaScript"
-    />
-
+    <title><%= title %> - FacultyWare</title>
     <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />
-    <link
-      rel="apple-touch-icon"
-      sizes="180x180"
-      href="/assets/apple-touch-icon.png"
-    />
-
-    <!-- <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/basecoat-css@0.3.11/dist/basecoat.cdn.min.css"
-    />
-    <script
-      src="https://cdn.jsdelivr.net/npm/basecoat-css@0.3.11/dist/js/all.min.js"
-      defer
-    ></script> -->
-
+    <!-- LOKASI FILE CSS UTAMA UNTUK MENGGANTI WARNA / STYLING APLIKASI: /public/assets/styles.css -->
     <link rel="stylesheet" href="/assets/styles.css" />
-
-    <!-- <script src="/assets/js/basecoat.js?v=0.3.11" defer></script>
-    <script src="/assets/js/command.js?v=0.3.11" defer></script>
-    <script src="/assets/js/dropdown-menu.js?v=0.3.11" defer></script>
-    <script src="/assets/js/popover.js?v=0.3.11" defer></script>
-    <script src="/assets/js/select.js?v=0.3.11" defer></script>
+    <script src="/assets/js/basecoat.js?v=0.3.11" defer></script>
     <script src="/assets/js/sidebar.js?v=0.3.11" defer></script>
-    <script src="/assets/js/tabs.js?v=0.3.11" defer></script>
-    <script src="/assets/js/toast.js?v=0.3.11" defer></script> -->
-
-    <script src="https://unpkg.com/htmx.org@2.0.4"></script>
-
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/django.min.js"></script>
-    <script>
-      const highlight = () => {
-        if (!window.hljs) return;
-        document
-          .querySelectorAll(
-            "pre code:not([data-highlighted]), code.highlight:not([data-highlighted])",
-          )
-          .forEach((el) => hljs.highlightElement(el));
-      };
-
-      if (!window._hljsInit) {
-        window._hljsInit = true;
-        document.addEventListener("DOMContentLoaded", highlight);
-        document.addEventListener("htmx:afterSwap", highlight);
-      }
-    </script>
-    <script>
-      document.addEventListener("htmx:historyRestore", () => {
-        if (window.basecoat) window.basecoat.initAll();
-      });
-    </script>
+    <script src="/assets/js/popover.js?v=0.3.11" defer></script>
+    <script src="/assets/js/toast.js?v=0.3.11" defer></script>
   </head>
   <body>
     <script>
@@ -123,31 +44,20 @@
         document.addEventListener("DOMContentLoaded", () => {
           const sidebar = document.getElementById("sidebar");
           if (!sidebar) return;
-
           const updateCurrentLinks = () => {
             const currentPath = window.location.pathname.replace(/\/$/, "");
-            const currentSearch = window.location.search;
-            const currentKey = `${currentPath}${currentSearch}`;
-
-            sidebar.querySelectorAll("a, button").forEach((item) => {
+            sidebar.querySelectorAll("a").forEach((item) => {
               const href = item.getAttribute("href");
-              if (!href) {
-                item.removeAttribute("aria-current");
-                return;
-              }
-
+              if (!href) { item.removeAttribute("aria-current"); return; }
               const url = new URL(href, window.location.origin);
               const itemPath = url.pathname.replace(/\/$/, "");
-              const itemKey = `${itemPath}${url.search}`;
-
-              if (itemKey === currentKey) {
+              if (itemPath === currentPath) {
                 item.setAttribute("aria-current", "page");
               } else {
                 item.removeAttribute("aria-current");
               }
             });
           };
-
           document.addEventListener("htmx:afterSettle", updateCurrentLinks);
           window.addEventListener("popstate", updateCurrentLinks);
           updateCurrentLinks();
@@ -158,712 +68,121 @@
     <aside id="sidebar" class="sidebar" data-side="left" aria-hidden="false">
       <nav aria-label="Sidebar navigation">
         <header>
-          <a href="/" class="btn-ghost p-2 h-12 w-full justify-start">
-            <div
-              class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg"
-            >
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 0 256 256"
-                class="h-4 w-4"
-              >
+          <a href="/home" class="btn-ghost p-2 h-12 w-full justify-start">
+            <div class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg">
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="h-4 w-4">
                 <rect width="256" height="256" fill="none"></rect>
-                <line
-                  x1="208"
-                  y1="128"
-                  x2="128"
-                  y2="208"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="32"
-                ></line>
-                <line
-                  x1="192"
-                  y1="40"
-                  x2="40"
-                  y2="192"
-                  fill="none"
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="32"
-                ></line>
+                <line x1="208" y1="128" x2="128" y2="208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></line>
+                <line x1="192" y1="40" x2="40" y2="192" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></line>
               </svg>
             </div>
             <div class="grid flex-1 text-left text-sm leading-tight">
-              <span class="truncate font-medium">Basecoat</span>
-              <span class="truncate text-xs">v0.3.11</span>
+              <span class="truncate font-medium">FacultyWare</span>
+              <span class="truncate text-xs">Survey System</span>
             </div>
           </a>
         </header>
 
-        <section
-          class="scrollbar [&amp;_[data-new-link]::after]:content-[&#39;New&#39;] [&amp;_[data-new-link]::after]:ml-auto [&amp;_[data-new-link]::after]:text-xs [&amp;_[data-new-link]::after]:font-medium [&amp;_[data-new-link]::after]:bg-sidebar-primary [&amp;_[data-new-link]::after]:text-sidebar-primary-foreground [&amp;_[data-new-link]::after]:px-2 [&amp;_[data-new-link]::after]:py-0.5 [&amp;_[data-new-link]::after]:rounded-md"
-        >
-          <div role="group" aria-labelledby="group-label-sidebar-content-1">
-            <h3 id="group-label-sidebar-content-1">Getting started</h3>
-
-            <ul>
-              <li>
-                <a
-                  href="/introduction"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="24"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  >
-                    <circle cx="12" cy="12" r="10" />
-                    <path d="M12 16v-4" />
-                    <path d="M12 8h.01" />
-                  </svg>
-                  <span>Introduction</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/installation"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="24"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  >
-                    <path d="m7 11 2-2-2-2" />
-                    <path d="M11 13h4" />
-                    <rect width="18" height="18" x="3" y="3" rx="2" ry="2" />
-                  </svg>
-                  <span>Installation</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/kitchen-sink"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <svg
-                    xmlns="http://www.w3.org/2000/svg"
-                    width="24"
-                    height="24"
-                    viewBox="0 0 24 24"
-                    fill="none"
-                    stroke="currentColor"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  >
-                    <rect width="7" height="9" x="3" y="3" rx="1" />
-                    <rect width="7" height="5" x="14" y="3" rx="1" />
-                    <rect width="7" height="9" x="14" y="12" rx="1" />
-                    <rect width="7" height="5" x="3" y="16" rx="1" />
-                  </svg>
-                  <span>Kitchen sink</span>
-                </a>
-              </li>
-
-              <li>
-                <a href="https://github.com/hunvreus/basecoat" target="_blank">
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 24 24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <title>GitHub</title>
-                    <path
-                      d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-                    />
-                  </svg>
-                  <span>GitHub</span>
-                </a>
-              </li>
-
-              <li>
-                <a href="https://basecoatui.com/chat" target="_blank">
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 24 24"
-                    xmlns="http://www.w3.org/2000/svg"
-                  >
-                    <title>Discord</title>
-                    <path
-                      d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"
-                    />
-                  </svg>
-                  <span>Discord</span>
-                </a>
-              </li>
-            </ul>
-          </div>
-
-          <div role="group" aria-labelledby="group-label-sidebar-content-2">
-            <h3 id="group-label-sidebar-content-2">Components</h3>
-
-            <ul>
-              <li>
-                <a
-                  href="/components/accordion"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Accordion</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/alert"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Alert</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/alert-dialog"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Alert Dialog</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/avatar"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Avatar</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/badge"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Badge</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/breadcrumb"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Breadcrumb</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/button"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Button</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/button-group"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Button Group</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/card"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Card</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/checkbox"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Checkbox</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/command"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Command</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/combobox"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Combobox</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/dialog"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Dialog</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/dropdown-menu"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Dropdown Menu</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/empty"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Empty</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/field"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Field</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/form"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Form</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/input"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Input</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/input-group"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Input Group</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/item"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Item</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/kbd"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Kbd</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/label"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Label</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/pagination"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Pagination</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/popover"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Popover</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/progress"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Progress</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/radio-group"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Radio Group</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/select"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Select</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/sidebar"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Sidebar</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/skeleton"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Skeleton</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/slider"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Slider</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/spinner"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                  data-new-link="true"
-                >
-                  <span>Spinner</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/switch"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Switch</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/table"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Table</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/tabs"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Tabs</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/textarea"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Textarea</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/theme-switcher"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Theme Switcher</span>
-                </a>
-              </li>
-
-              <li>
-                <a
-                  href="/components/toast"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Toast</span>
-                </a>
-              </li>
+        <section class="scrollbar">
+          <!-- KONTROL AKSES MENU (ACL): Sidebar disesuaikan dengan role user dari session -->
+          <% if (role === 'respondent') { %>
+            <!-- Menu Respondent (Dikelola oleh Arifah) -->
+            <div role="group" aria-labelledby="group-label-respondent">
+              <h3 id="group-label-respondent">Survey</h3>
+              <ul>
+                <li>
+                  <a href="/survey">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M9 11l3 3L22 4"/>
+                      <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/>
+                    </svg>
+                    <span>Daftar Survey</span>
+                  </a>
+                </li>
+              </ul>
+            </div>
+          <% } %>
+
+          <% if (role === 'admin') { %>
+            <!-- Menu Admin Arifah (Hasil Survey, Rekap, & Statistik) -->
+            <div role="group" aria-labelledby="group-label-rekap">
+              <h3 id="group-label-rekap">Hasil Survey</h3>
+              <ul>
+                <li>
+                  <a href="/admin/survey/rekap">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/>
+                      <polyline points="14 2 14 8 20 8"/>
+                      <line x1="16" y1="13" x2="8" y2="13"/>
+                      <line x1="16" y1="17" x2="8" y2="17"/>
+                      <polyline points="10 9 9 9 8 9"/>
+                    </svg>
+                    <span>Rekap Jawaban</span>
+                  </a>
+                </li>
+                <li>
+                  <a href="/admin/survey/statistik">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <line x1="18" y1="20" x2="18" y2="10"/>
+                      <line x1="12" y1="20" x2="12" y2="4"/>
+                      <line x1="6" y1="20" x2="6" y2="14"/>
+                    </svg>
+                    <span>Statistik</span>
+                  </a>
+                </li>
+              </ul>
+            </div>
 
-              <li>
-                <a
-                  href="/components/tooltip"
-                  hx-boost="true"
-                  hx-select="#content"
-                  hx-target="#content"
-                  hx-swap="outerHTML"
-                >
-                  <span>Tooltip</span>
-                </a>
-              </li>
-            </ul>
-          </div>
+            <!-- Menu Admin Aqila (Manajemen Responden & Survey) -->
+            <div role="group" aria-labelledby="group-label-responden">
+              <h3 id="group-label-responden">Manajemen</h3>
+              <ul>
+                <li>
+                  <a href="/admin/responden">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                      <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
+                      <circle cx="9" cy="7" r="4"/>
+                      <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
+                      <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
+                    </svg>
+                    <span>Responden</span>
+                  </a>
+                </li>
+              </ul>
+            </div>
+          <% } %>
         </section>
 
         <footer>
-          <div id="popover-387533" class="popover">
+          <div id="popover-user" class="popover">
             <button
-              id="popover-387533-trigger"
+              id="popover-user-trigger"
               type="button"
               aria-expanded="false"
-              aria-controls="popover-387533-popover"
+              aria-controls="popover-user-popover"
               class="btn-ghost p-2 h-12 w-full flex items-center justify-start"
               data-keep-mobile-sidebar-open=""
             >
-              <img
-                src="https://github.com/hunvreus.png"
-                class="rounded-lg shrink-0 size-8"
-              />
+              <div class="bg-sidebar-primary text-sidebar-primary-foreground flex aspect-square size-8 items-center justify-center rounded-lg font-bold text-sm">
+                <%= user ? user.charAt(0).toUpperCase() : 'U' %>
+              </div>
               <div class="grid flex-1 text-left text-sm leading-tight">
-                <span class="truncate font-medium">Ronan Berder</span>
-                <span class="truncate text-xs">@hunvreus</span>
+                <span class="truncate font-medium"><%= user %></span>
+                <span class="truncate text-xs"><%= role %></span>
               </div>
-              <svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              >
-                <path d="m7 15 5 5 5-5" />
-                <path d="m7 9 5-5 5 5" />
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="m7 15 5 5 5-5"/>
+                <path d="m7 9 5-5 5 5"/>
               </svg>
             </button>
-            <div
-              id="popover-387533-popover"
-              data-popover
-              aria-hidden="true"
-              data-side="top"
-              class="w-[271px] md:w-[239px]"
-            >
-              <div class="grid gap-4">
-                <header class="grid gap-1.5">
-                  <h2 class="font-semibold">I hope you like Basecoat...</h2>
-                  <p class="text-muted-foreground text-sm">
-                    My name is
-                    <a href="https://ronanberder.com" target="_blank">Ronan</a>
-                    and I made this (and
-                    <a
-                      class="underline underline-offset-4"
-                      href="https://pagescms.org"
-                      target="_target"
-                      >other things</a
-                    >). If you find it useful, please consider sponsoring me on
-                    GitHub or following me on X.
-                  </p>
-                </header>
-                <footer class="grid gap-2">
-                  <a
-                    href="https://github.com/sponsors/hunvreus"
-                    class="btn-sm"
-                    target="_blank"
-                    >Sponsor me on GitHub</a
-                  >
-                  <a
-                    href="https://x.com/hunvreus"
-                    class="btn-sm-outline"
-                    target="_blank"
-                    >Follow me on X</a
-                  >
-                </footer>
+            <div id="popover-user-popover" data-popover aria-hidden="true" data-side="top" class="w-[220px]">
+              <div class="grid gap-2">
+                <p class="text-sm text-muted-foreground">
+                  Login sebagai <strong><%= user %></strong>
+                </p>
+                <a href="/logout" class="btn-sm-outline w-full text-center">
+                  Logout
+                </a>
               </div>
             </div>
           </div>
@@ -872,1001 +191,50 @@
     </aside>
 
     <main id="content">
-      <header
-        class="bg-background sticky inset-x-0 top-0 isolate flex shrink-0 items-center gap-2 border-b z-10"
-      >
+      <header class="bg-background sticky inset-x-0 top-0 isolate flex shrink-0 items-center gap-2 border-b z-10">
         <div class="flex h-14 w-full items-center gap-2 px-4">
           <button
             type="button"
-            onclick="
-              document.dispatchEvent(new CustomEvent('basecoat:sidebar'))
-            "
+            onclick="document.dispatchEvent(new CustomEvent('basecoat:sidebar'))"
             aria-label="Toggle sidebar"
-            data-tooltip="Toggle sidebar"
-            data-side="bottom"
-            data-align="start"
             class="btn-sm-icon-ghost mr-auto size-7 -ml-1.5"
           >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            >
-              <rect width="18" height="18" x="3" y="3" rx="2" />
-              <path d="M9 3v18" />
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+              <rect width="18" height="18" x="3" y="3" rx="2"/>
+              <path d="M9 3v18"/>
             </svg>
           </button>
-          <select class="select h-8 leading-none" id="theme-select">
-            <option value="">Default</option>
-            <option value="claude">Claude</option>
-            <option value="doom-64">Doom 64</option>
-            <option value="supabase">Supabase</option>
-          </select>
-          <script>
-            (() => {
-              const themeSelect = document.getElementById("theme-select");
-              const storedTheme = localStorage.getItem("themeVariant");
-              if (themeSelect && storedTheme) themeSelect.value = storedTheme;
-              themeSelect.addEventListener("change", () => {
-                const newTheme = themeSelect.value;
-                document.documentElement.classList.forEach((c) => {
-                  if (c.startsWith("theme-"))
-                    document.documentElement.classList.remove(c);
-                });
-                if (newTheme) {
-                  document.documentElement.classList.add(`theme-${newTheme}`);
-                  localStorage.setItem("themeVariant", newTheme);
-                } else {
-                  localStorage.removeItem("themeVariant");
-                }
-              });
-            })();
-          </script>
-
           <button
             type="button"
-            aria-label="Toggle dark mode"
-            data-tooltip="Toggle dark mode"
-            data-side="bottom"
             onclick="document.dispatchEvent(new CustomEvent('basecoat:theme'))"
+            aria-label="Toggle dark mode"
             class="btn-icon-outline size-8"
           >
-            <span class="hidden dark:block"
-              ><svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              >
-                <circle cx="12" cy="12" r="4" />
-                <path d="M12 2v2" />
-                <path d="M12 20v2" />
-                <path d="m4.93 4.93 1.41 1.41" />
-                <path d="m17.66 17.66 1.41 1.41" />
-                <path d="M2 12h2" />
-                <path d="M20 12h2" />
-                <path d="m6.34 17.66-1.41 1.41" />
-                <path d="m19.07 4.93-1.41 1.41" /></svg
-            ></span>
-            <span class="block dark:hidden"
-              ><svg
-                xmlns="http://www.w3.org/2000/svg"
-                width="24"
-                height="24"
-                viewBox="0 0 24 24"
-                fill="none"
-                stroke="currentColor"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
-              >
-                <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" /></svg
-            ></span>
+            <span class="hidden dark:block">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/>
+                <path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/>
+                <path d="M2 12h2"/><path d="M20 12h2"/>
+                <path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/>
+              </svg>
+            </span>
+            <span class="block dark:hidden">
+              <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/>
+              </svg>
+            </span>
           </button>
-          <a
-            href="https://github.com/hunvreus/basecoat"
-            class="btn-icon size-8"
-            target="_blank"
-            rel="noopener noreferrer"
-            data-tooltip="GitHub repository"
-            data-side="bottom"
-            data-align="end"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="24"
-              height="24"
-              viewBox="0 0 24 24"
-              fill="none"
-              stroke="currentColor"
-              stroke-width="2"
-              stroke-linecap="round"
-              stroke-linejoin="round"
-            >
-              <path
-                d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"
-              />
-              <path d="M9 18c-4.51 2-5-2-7-2" />
-            </svg>
-          </a>
         </div>
       </header>
 
-      <div class="p-4 md:p-6 xl:p-12">
+      <div class="p-4 md:p-6">
         <div class="max-w-screen-lg mx-auto">
-          <header class="flex flex-col gap-4">
-            <div class="flex flex-col gap-2">
-              <h1
-                class="text-2xl font-bold tracking-tight sm:text-3xl md:text-4xl"
-              >
-                All of the shadcn/ui magic, none of the React
-              </h1>
-              <p class="sm:text-lg text-muted-foreground">
-                A components library built with Tailwind CSS that works with any
-                web stack.
-              </p>
-            </div>
-            <div class="flex w-full items-center justify-start gap-2 pt-2">
-              <a class="btn" href="/installation">Get Started</a>
-              <a class="btn-outline" href="/introduction">Learn more</a>
-            </div>
-          </header>
-
-          <section class="grid grid-cols-1 lg:grid-cols-2 gap-4 mt-8">
-            <div class="flex flex-col gap-4">
-              <div class="card">
-                <header>
-                  <h2>Team Members</h2>
-                  <p>Invite your team members to collaborate.</p>
-                </header>
-                <section>
-                  <ul class="grid gap-4">
-                    <li class="flex items-center gap-4">
-                      <img
-                        src="/assets/images/avatar-1.png"
-                        alt="Sofia Davis"
-                        class="w-10 h-10 rounded-full"
-                      />
-                      <div class="flex flex-col gap-1 mr-auto">
-                        <h3 class="text-sm font-medium leading-none">
-                          Sofia Davis
-                        </h3>
-                        <p class="text-sm text-muted-foreground">
-                          m@example.com
-                        </p>
-                      </div>
-
-                      <div id="select-579937" class="select">
-                        <button
-                          type="button"
-                          class="btn-outline"
-                          id="select-579937-trigger"
-                          aria-haspopup="listbox"
-                          aria-expanded="false"
-                          aria-controls="select-579937-listbox"
-                        >
-                          <span class="truncate">Owner</span>
-
-                          <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            width="24"
-                            height="24"
-                            viewBox="0 0 24 24"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-width="2"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down text-muted-foreground opacity-50 shrink-0"
-                          >
-                            <path d="m7 15 5 5 5-5" />
-                            <path d="m7 9 5-5 5 5" />
-                          </svg>
-                        </button>
-                        <div
-                          id="select-579937-popover"
-                          data-popover
-                          aria-hidden="true"
-                          data-align="end"
-                        >
-                          <header>
-                            <svg
-                              xmlns="http://www.w3.org/2000/svg"
-                              width="24"
-                              height="24"
-                              viewBox="0 0 24 24"
-                              fill="none"
-                              stroke="currentColor"
-                              stroke-width="2"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              class="lucide lucide-search-icon lucide-search"
-                            >
-                              <circle cx="11" cy="11" r="8" />
-                              <path d="m21 21-4.3-4.3" />
-                            </svg>
-                            <input
-                              type="text"
-                              value=""
-                              placeholder="Search entries..."
-                              autocomplete="off"
-                              autocorrect="off"
-                              spellcheck="false"
-                              aria-autocomplete="list"
-                              role="combobox"
-                              aria-expanded="false"
-                              aria-controls="select-579937-listbox"
-                              aria-labelledby="select-579937-trigger"
-                            />
-                          </header>
-
-                          <div
-                            role="listbox"
-                            id="select-579937-listbox"
-                            aria-orientation="vertical"
-                            aria-labelledby="select-579937-trigger"
-                          >
-                            <div
-                              id="select-579937-items-1"
-                              role="option"
-                              data-value="viewer"
-                            >
-                              Viewer
-                            </div>
-
-                            <div
-                              id="select-579937-items-2"
-                              role="option"
-                              data-value="developer"
-                            >
-                              Developer
-                            </div>
-
-                            <div
-                              id="select-579937-items-3"
-                              role="option"
-                              data-value="billing"
-                            >
-                              Billing
-                            </div>
-
-                            <div
-                              id="select-579937-items-4"
-                              role="option"
-                              data-value="owner"
-                              aria-selected="true"
-                            >
-                              Owner
-                            </div>
-                          </div>
-                        </div>
-                        <input
-                          type="hidden"
-                          name="select-579937-value"
-                          value="owner"
-                        />
-                      </div>
-                    </li>
-                    <li class="flex items-center gap-4">
-                      <img
-                        src="/assets/images/avatar-2.png"
-                        alt="Jackson Lee"
-                        class="w-10 h-10 rounded-full"
-                      />
-                      <div class="flex flex-col gap-1 mr-auto">
-                        <h3 class="text-sm font-medium leading-none">
-                          Jackson Lee
-                        </h3>
-                        <p class="text-sm text-muted-foreground">
-                          p@example.com
-                        </p>
-                      </div>
-
-                      <div id="select-194729" class="select">
-                        <button
-                          type="button"
-                          class="btn-outline"
-                          id="select-194729-trigger"
-                          aria-haspopup="listbox"
-                          aria-expanded="false"
-                          aria-controls="select-194729-listbox"
-                        >
-                          <span class="truncate">Empty</span>
-
-                          <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            width="24"
-                            height="24"
-                            viewBox="0 0 24 24"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-width="2"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down text-muted-foreground opacity-50 shrink-0"
-                          >
-                            <path d="m7 15 5 5 5-5" />
-                            <path d="m7 9 5-5 5 5" />
-                          </svg>
-                        </button>
-                        <div
-                          id="select-194729-popover"
-                          data-popover
-                          aria-hidden="true"
-                          data-align="end"
-                        >
-                          <header>
-                            <svg
-                              xmlns="http://www.w3.org/2000/svg"
-                              width="24"
-                              height="24"
-                              viewBox="0 0 24 24"
-                              fill="none"
-                              stroke="currentColor"
-                              stroke-width="2"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              class="lucide lucide-search-icon lucide-search"
-                            >
-                              <circle cx="11" cy="11" r="8" />
-                              <path d="m21 21-4.3-4.3" />
-                            </svg>
-                            <input
-                              type="text"
-                              value=""
-                              placeholder="Search entries..."
-                              autocomplete="off"
-                              autocorrect="off"
-                              spellcheck="false"
-                              aria-autocomplete="list"
-                              role="combobox"
-                              aria-expanded="false"
-                              aria-controls="select-194729-listbox"
-                              aria-labelledby="select-194729-trigger"
-                            />
-                          </header>
-
-                          <div
-                            role="listbox"
-                            id="select-194729-listbox"
-                            aria-orientation="vertical"
-                            aria-labelledby="select-194729-trigger"
-                          >
-                            <div
-                              id="select-194729-items-1"
-                              role="option"
-                              data-value=""
-                            >
-                              Empty
-                            </div>
-
-                            <div
-                              id="select-194729-items-2"
-                              role="option"
-                              data-value="viewer"
-                            >
-                              Viewer
-                            </div>
-
-                            <div
-                              id="select-194729-items-3"
-                              role="option"
-                              data-value="developer"
-                            >
-                              Developer
-                            </div>
-
-                            <div
-                              id="select-194729-items-4"
-                              role="option"
-                              data-value="billing"
-                            >
-                              Billing
-                            </div>
-
-                            <div
-                              id="select-194729-items-5"
-                              role="option"
-                              data-value="owner"
-                            >
-                              Owner
-                            </div>
-                          </div>
-                        </div>
-                        <input
-                          type="hidden"
-                          name="select-194729-value"
-                          value=""
-                        />
-                      </div>
-                    </li>
-                    <li class="flex items-center gap-4">
-                      <img
-                        src="/assets/images/avatar-3.png"
-                        alt="Isabella Nguyen"
-                        class="w-10 h-10 rounded-full"
-                      />
-                      <div class="flex flex-col gap-1 mr-auto">
-                        <h3 class="text-sm font-medium leading-none">
-                          Isabella Nguyen
-                        </h3>
-                        <p class="text-sm text-muted-foreground">
-                          i@example.com
-                        </p>
-                      </div>
-
-                      <div id="select-179726" class="select">
-                        <button
-                          type="button"
-                          class="btn-outline"
-                          id="select-179726-trigger"
-                          aria-haspopup="listbox"
-                          aria-expanded="false"
-                          aria-controls="select-179726-listbox"
-                        >
-                          <span class="truncate">Viewer</span>
-
-                          <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            width="24"
-                            height="24"
-                            viewBox="0 0 24 24"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-width="2"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                            class="lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down text-muted-foreground opacity-50 shrink-0"
-                          >
-                            <path d="m7 15 5 5 5-5" />
-                            <path d="m7 9 5-5 5 5" />
-                          </svg>
-                        </button>
-                        <div
-                          id="select-179726-popover"
-                          data-popover
-                          aria-hidden="true"
-                          data-align="end"
-                        >
-                          <header>
-                            <svg
-                              xmlns="http://www.w3.org/2000/svg"
-                              width="24"
-                              height="24"
-                              viewBox="0 0 24 24"
-                              fill="none"
-                              stroke="currentColor"
-                              stroke-width="2"
-                              stroke-linecap="round"
-                              stroke-linejoin="round"
-                              class="lucide lucide-search-icon lucide-search"
-                            >
-                              <circle cx="11" cy="11" r="8" />
-                              <path d="m21 21-4.3-4.3" />
-                            </svg>
-                            <input
-                              type="text"
-                              value=""
-                              placeholder="Search entries..."
-                              autocomplete="off"
-                              autocorrect="off"
-                              spellcheck="false"
-                              aria-autocomplete="list"
-                              role="combobox"
-                              aria-expanded="false"
-                              aria-controls="select-179726-listbox"
-                              aria-labelledby="select-179726-trigger"
-                            />
-                          </header>
-
-                          <div
-                            role="listbox"
-                            id="select-179726-listbox"
-                            aria-orientation="vertical"
-                            aria-labelledby="select-179726-trigger"
-                          >
-                            <div
-                              id="select-179726-items-1"
-                              role="option"
-                              data-value="viewer"
-                            >
-                              Viewer
-                            </div>
-
-                            <div
-                              id="select-179726-items-2"
-                              role="option"
-                              data-value="developer"
-                            >
-                              Developer
-                            </div>
-
-                            <div
-                              id="select-179726-items-3"
-                              role="option"
-                              data-value="billing"
-                            >
-                              Billing
-                            </div>
-
-                            <div
-                              id="select-179726-items-4"
-                              role="option"
-                              data-value="owner"
-                            >
-                              Owner
-                            </div>
-                          </div>
-                        </div>
-                        <input
-                          type="hidden"
-                          name="select-179726-value"
-                          value="viewer"
-                        />
-                      </div>
-                    </li>
-                  </ul>
-                </section>
-              </div>
-
-              <div class="card">
-                <header>
-                  <h2>Cookie Settings</h2>
-                  <p>Manage your cookie settings here.</p>
-                </header>
-                <section class="text-sm grid gap-6">
-                  <label class="flex items-center justify-between gap-2">
-                    <div class="flex flex-col gap-0.5">
-                      <div class="font-medium">Strictly Necessary</div>
-                      <div class="text-muted-foreground">
-                        These cookies are essential in order to use the website
-                        and use its features.
-                      </div>
-                    </div>
-                    <input
-                      type="checkbox"
-                      role="switch"
-                      class="input"
-                      checked
-                    />
-                  </label>
-                  <label class="flex items-center justify-between gap-2">
-                    <div class="flex flex-col gap-0.5">
-                      <div class="font-medium">Functional Cookies</div>
-                      <div class="text-muted-foreground">
-                        These cookies allow the website to provide personalized
-                        functionality.
-                      </div>
-                    </div>
-                    <input type="checkbox" role="switch" class="input" />
-                  </label>
-                  <label class="flex items-center justify-between gap-2">
-                    <div class="flex flex-col gap-0.5">
-                      <div class="font-medium">Performance Cookies</div>
-                      <div class="text-muted-foreground">
-                        These cookies help to improve the performance of the
-                        website.
-                      </div>
-                    </div>
-                    <input type="checkbox" role="switch" class="input" />
-                  </label>
-                </section>
-                <footer>
-                  <button type="button" class="btn-outline w-full">
-                    Save preferences
-                  </button>
-                </footer>
-              </div>
-
-              <div class="card">
-                <header>
-                  <h2>Payment Method</h2>
-                  <p>Add a new payment method to your account.</p>
-                </header>
-                <section>
-                  <form class="form grid gap-6">
-                    <ul class="flex gap-4">
-                      <li class="flex-1">
-                        <input
-                          type="radio"
-                          name="payment-method-type"
-                          id="payment-method-type-apple"
-                          class="hidden peer"
-                        />
-                        <label
-                          for="payment-method-type-apple"
-                          class="text-sm font-medium leading-none flex flex-col items-center justify-between rounded-md border-2 border-muted p-4 hover:bg-muted peer-checked:border-primary [&>svg]:mb-3 [&>svg]:size-6"
-                        >
-                          <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            width="24"
-                            height="24"
-                            viewBox="0 0 24 24"
-                            fill="none"
-                            stroke="currentColor"
-                            stroke-width="2"
-                            stroke-linecap="round"
-                            stroke-linejoin="round"
-                          >
-                            <rect width="20" height="14" x="2" y="5" rx="2" />
-                            <line x1="2" x2="22" y1="10" y2="10" />
-                          </svg>
-                          Card
-                        </label>
-                      </li>
-                      <li class="flex-1">
-                        <input
-                          type="radio"
-                          name="payment-method-type"
-                          id="payment-method-type-card"
-                          class="hidden peer"
-                        />
-                        <label
-                          for="payment-method-type-card"
-                          class="text-sm font-medium leading-none flex flex-col items-center justify-between rounded-md border-2 border-muted p-4 hover:bg-muted peer-checked:border-primary [&>svg]:mb-3 [&>svg]:size-6"
-                        >
-                          <svg
-                            role="img"
-                            fill="currentColor"
-                            viewBox="0 0 24 24"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <title>PayPal</title>
-                            <path
-                              d="M7.016 19.198h-4.2a.562.562 0 0 1-.555-.65L5.093.584A.692.692 0 0 1 5.776 0h7.222c3.417 0 5.904 2.488 5.846 5.5-.006.25-.027.5-.066.747A6.794 6.794 0 0 1 12.071 12H8.743a.69.69 0 0 0-.682.583l-.325 2.056-.013.083-.692 4.39-.015.087zM19.79 6.142c-.01.087-.01.175-.023.261a7.76 7.76 0 0 1-7.695 6.598H9.007l-.283 1.795-.013.083-.692 4.39-.134.843-.014.088H6.86l-.497 3.15a.562.562 0 0 0 .555.65h3.612c.34 0 .63-.249.683-.585l.952-6.031a.692.692 0 0 1 .683-.584h2.126a6.793 6.793 0 0 0 6.707-5.752c.306-1.95-.466-3.744-1.89-4.906z"
-                            />
-                          </svg>
-                          Paypal
-                        </label>
-                      </li>
-                      <li class="flex-1">
-                        <input
-                          type="radio"
-                          name="payment-method-type"
-                          id="payment-method-type-paypal"
-                          class="hidden peer"
-                        />
-                        <label
-                          for="payment-method-type-paypal"
-                          class="text-sm font-medium leading-none flex flex-col items-center justify-between rounded-md border-2 border-muted p-4 hover:bg-muted peer-checked:border-primary [&>svg]:mb-3 [&>svg]:size-6"
-                        >
-                          <svg
-                            role="img"
-                            fill="currentColor"
-                            viewBox="0 0 24 24"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <title>Apple</title>
-                            <path
-                              d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701"
-                            />
-                          </svg>
-                          Apple Pay
-                        </label>
-                      </li>
-                    </ul>
-                    <div class="grid gap-2">
-                      <label for="payment-method-name">Name</label>
-                      <input
-                        type="text"
-                        id="payment-method-name"
-                        placeholder="John Doe"
-                      />
-                    </div>
-                    <div class="grid gap-2">
-                      <label for="payment-method-city">City</label>
-                      <input
-                        type="text"
-                        id="payment-method-city"
-                        placeholder="New York"
-                      />
-                    </div>
-                    <div class="grid gap-2">
-                      <label for="payment-method-card-number"
-                        >Card Number</label
-                      >
-                      <input
-                        type="text"
-                        id="payment-method-card-number"
-                        placeholder="1234 5678 9012 3456"
-                      />
-                    </div>
-                    <div class="flex gap-4">
-                      <div class="grid gap-2 flex-1">
-                        <label for="payment-method-expiration-month"
-                          >Expires</label
-                        >
-                        <select
-                          id="payment-method-expiration-month"
-                          class="w-full"
-                        >
-                          <option value="01">January</option>
-                          <option value="02">February</option>
-                          <option value="03">March</option>
-                          <option value="04">April</option>
-                          <option value="05">May</option>
-                          <option value="06">June</option>
-                          <option value="07">July</option>
-                          <option value="08">August</option>
-                          <option value="09">September</option>
-                          <option value="10">October</option>
-                          <option value="11">November</option>
-                          <option value="12">December</option>
-                        </select>
-                      </div>
-                      <div class="grid gap-2 flex-1">
-                        <label for="payment-method-expiration-year">Year</label>
-                        <select
-                          id="payment-method-expiration-year"
-                          class="w-full"
-                        >
-                          <option value="2024">2024</option>
-                          <option value="2025">2025</option>
-                          <option value="2026">2026</option>
-                          <option value="2027">2027</option>
-                          <option value="2028">2028</option>
-                          <option value="2029">2029</option>
-                          <option value="2030">2030</option>
-                          <option value="2031">2031</option>
-                          <option value="2032">2032</option>
-                          <option value="2033">2033</option>
-                          <option value="2034">2034</option>
-                        </select>
-                      </div>
-                      <div class="grid gap-2 flex-1">
-                        <label for="payment-method-cvv">CVV</label>
-                        <input
-                          type="text"
-                          id="payment-method-cvv"
-                          placeholder="123"
-                          maxlength="4"
-                          class="w-full"
-                        />
-                      </div>
-                    </div>
-                    <button type="button" class="btn w-full">Continue</button>
-                  </form>
-                </section>
-              </div>
-            </div>
-
-            <div class="flex flex-col gap-4">
-              <div class="card">
-                <section class="space-y-6">
-                  <header class="flex items-center gap-2">
-                    <img
-                      src="/assets/images/avatar-1.png"
-                      alt="Sofia Davis"
-                      class="w-10 h-10 rounded-full"
-                    />
-                    <div class="flex flex-col gap-1 mr-auto">
-                      <h3 class="text-sm font-medium leading-none">
-                        Sofia Davis
-                      </h3>
-                      <p class="text-sm text-muted-foreground">m@example.com</p>
-                    </div>
-                    <button
-                      type="button"
-                      class="btn-icon-outline rounded-full"
-                      data-tooltip="New message"
-                    >
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      >
-                        <path d="M5 12h14" />
-                        <path d="M12 5v14" />
-                      </svg>
-                    </button>
-                  </header>
-                  <section class="space-y-4">
-                    <div
-                      class="flex w-max max-w-[75%] flex-col gap-2 rounded-lg px-3 py-2 text-sm bg-muted"
-                    >
-                      Hi, how can I help you today?
-                    </div>
-                    <div
-                      class="flex w-max max-w-[75%] flex-col gap-2 rounded-lg px-3 py-2 text-sm ml-auto bg-primary text-primary-foreground"
-                    >
-                      Hey, I'm having trouble with my account.
-                    </div>
-                    <div
-                      class="flex w-max max-w-[75%] flex-col gap-2 rounded-lg px-3 py-2 text-sm bg-muted"
-                    >
-                      What seems to be the problem?
-                    </div>
-                    <div
-                      class="flex w-max max-w-[75%] flex-col gap-2 rounded-lg px-3 py-2 text-sm ml-auto bg-primary text-primary-foreground"
-                    >
-                      I can't log in.
-                    </div>
-                  </section>
-                  <footer class="flex items-center gap-2">
-                    <input
-                      type="text"
-                      class="input w-full"
-                      placeholder="Type your message here..."
-                      oninput="
-                        if (this.value) {
-                          this.parentElement
-                            .querySelector('button')
-                            .removeAttribute('disabled');
-                        } else {
-                          this.parentElement
-                            .querySelector('button')
-                            .setAttribute('disabled', 'true');
-                        }
-                      "
-                    />
-                    <button type="button" class="btn-icon" disabled>
-                      <svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="24"
-                        height="24"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        stroke="currentColor"
-                        stroke-width="2"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      >
-                        <path
-                          d="M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z"
-                        />
-                        <path d="m21.854 2.147-10.94 10.939" />
-                      </svg>
-                    </button>
-                  </footer>
-                </section>
-              </div>
-
-              <div class="card">
-                <header>
-                  <h2>Create an account</h2>
-                  <p>Enter your email below to create your account</p>
-                </header>
-                <section class="grid gap-6">
-                  <div class="flex gap-6">
-                    <button type="button" class="btn-outline flex-1">
-                      <svg
-                        role="img"
-                        fill="currentColor"
-                        viewBox="0 0 24 24"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <title>GitHub</title>
-                        <path
-                          d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
-                        />
-                      </svg>
-                      GitHub
-                    </button>
-                    <button type="button" class="btn-outline flex-1">
-                      <svg
-                        role="img"
-                        fill="currentColor"
-                        viewBox="0 0 24 24"
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <title>Google</title>
-                        <path
-                          d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
-                        />
-                      </svg>
-                      Google
-                    </button>
-                  </div>
-                  <div class="relative">
-                    <div class="absolute inset-0 flex items-center">
-                      <span class="w-full border-t"></span>
-                    </div>
-                    <div class="relative flex justify-center text-xs uppercase">
-                      <span class="bg-card px-2 text-muted-foreground"
-                        >Or continue with</span
-                      >
-                    </div>
-                  </div>
-                  <form class="form grid gap-6">
-                    <div class="grid gap-2">
-                      <label for="demo-card-form-email">Email</label>
-                      <input type="email" id="demo-card-form-email" />
-                    </div>
-                    <div class="grid gap-2">
-                      <div class="flex items-center gap-2">
-                        <label for="demo-card-form-password">Password</label>
-                        <a
-                          href="#"
-                          class="ml-auto inline-block text-sm underline-offset-4 hover:underline"
-                          >Forgot your password?</a
-                        >
-                      </div>
-                      <input type="password" id="demo-card-form-password" />
-                    </div>
-                    <button type="button" class="btn w-full">
-                      Create an account
-                    </button>
-                  </form>
-                </section>
-              </div>
-
-              <div class="card">
-                <header>
-                  <h2>Report an issue</h2>
-                  <p>What area are you having problems with?</p>
-                </header>
-                <section>
-                  <form class="form grid gap-6">
-                    <div class="flex gap-4">
-                      <div class="grid gap-2 flex-1">
-                        <label for="report-issue-area">Area</label>
-                        <select id="report-issue-area" class="w-full">
-                          <option value="team">Team</option>
-                          <option value="billing">Billing</option>
-                          <option value="account">Account</option>
-                          <option value="deployments">Deployments</option>
-                          <option value="support">Support</option>
-                        </select>
-                      </div>
-                      <div class="grid gap-2 flex-1">
-                        <label for="report-issue-security-level"
-                          >Security Level</label
-                        >
-                        <select id="report-issue-security-level" class="w-full">
-                          <option value="1">Severity 1 (Highest)</option>
-                          <option value="2">Severity 2</option>
-                          <option value="3">Severity 3</option>
-                          <option value="4">Severity 4 (Lowest)</option>
-                        </select>
-                      </div>
-                    </div>
-                    <div class="grid gap-2">
-                      <label for="report-issue-subject">Subject</label>
-                      <input
-                        type="text"
-                        id="report-issue-subject"
-                        placeholder="I need help with..."
-                        class="w-full"
-                      />
-                    </div>
-                    <div class="grid gap-2">
-                      <label for="report-issue-description">Description</label>
-                      <textarea
-                        id="report-issue-description"
-                        placeholder="Please include all information relevant to your issue."
-                        class="w-full"
-                      ></textarea>
-                    </div>
-                    <footer class="flex items-center gap-4 justify-between">
-                      <button type="button" class="btn-sm-ghost">Cancel</button>
-                      <button type="button" class="btn-sm">Continue</button>
-                    </footer>
-                  </form>
-                </section>
-              </div>
-            </div>
-          </section>
+          <!-- DI SINI TEMPAT KONTEN HALAMAN UTAMA DIINJEKSIKAN DARI CONTROLLERS -->
+          <%- body %>
         </div>
       </div>
     </main>
 
     <div id="toaster" class="toaster"></div>
   </body>
-</html>
+</html>
\ No newline at end of file

From 92f34f3ca1f4f54f6d4ed8e9a8239f402cefa347 Mon Sep 17 00:00:00 2001
From: Arifah Huwaina Azre <emailgithub_arifah@gmail.com>
Date: Tue, 23 Jun 2026 19:54:49 +0700
Subject: [PATCH 08/13] test: tambah playwright test suite

---
 playwright.config.js  |  29 +++++++++
 tests/admin.spec.js   | 148 ++++++++++++++++++++++++++++++++++++++++++
 tests/auth.spec.js    |  75 +++++++++++++++++++++
 tests/global-setup.js |  35 ++++++++++
 tests/survey.spec.js  |  77 ++++++++++++++++++++++
 5 files changed, 364 insertions(+)
 create mode 100644 playwright.config.js
 create mode 100644 tests/admin.spec.js
 create mode 100644 tests/auth.spec.js
 create mode 100644 tests/global-setup.js
 create mode 100644 tests/survey.spec.js

diff --git a/playwright.config.js b/playwright.config.js
new file mode 100644
index 00000000..d9d4a99b
--- /dev/null
+++ b/playwright.config.js
@@ -0,0 +1,29 @@
+const { defineConfig, devices } = require('@playwright/test');
+
+module.exports = defineConfig({
+  testDir: './tests',
+  globalSetup: './tests/global-setup.js',
+  fullyParallel: false,
+  workers: 1,
+  retries: 1,
+  reporter: 'html',
+
+  use: {
+    baseURL: 'http://localhost:3000',
+    trace: 'on-first-retry',
+    screenshot: 'only-on-failure',
+  },
+
+  projects: [
+    {
+      name: 'chromium',
+      use: { ...devices['Desktop Chrome'] },
+    },
+  ],
+
+  webServer: {
+    command: 'npm run dev',
+    url: 'http://localhost:3000',
+    reuseExistingServer: true,
+  },
+});
\ No newline at end of file
diff --git a/tests/admin.spec.js b/tests/admin.spec.js
new file mode 100644
index 00000000..ac4af9c5
--- /dev/null
+++ b/tests/admin.spec.js
@@ -0,0 +1,148 @@
+const { test, expect } = require('@playwright/test');
+
+async function loginAsAdmin(page) {
+  await page.goto('/login');
+  await page.fill('input[name="username"]', 'admin@fti.ac.id');
+  await page.fill('input[name="password"]', 'admin123');
+  await page.click('button[type="submit"]');
+  await expect(page).toHaveURL('/admin/survey/rekap');
+}
+
+test.describe('Fitur Admin — Survey', () => {
+
+  // REKAP
+  test('halaman rekap tampil daftar survey', async ({ page }) => {
+    await loginAsAdmin(page);
+    await expect(page.locator('h1')).toContainText('Rekap Jawaban Survey');
+    await expect(page.locator('table')).toBeVisible();
+  });
+
+  test('search rekap berfungsi', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.fill('input[name="search"]', 'kepuasan');
+    await page.click('button[type="submit"]');
+    await expect(page.locator('body')).toContainText('Survey Kepuasan Layanan Akademik');
+  });
+
+  test('detail rekap per survey tampil', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/survey/rekap/1');
+    await expect(page.locator('h1')).toContainText('Survey Kepuasan Layanan Akademik');
+    await expect(page.locator('table')).toBeVisible();
+  });
+
+  // STATISTIK
+  test('halaman statistik tampil daftar survey', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/survey/statistik');
+    await expect(page.locator('h1')).toContainText('Statistik Survey');
+    await expect(page.locator('.card').first()).toBeVisible();
+  });
+
+  test('detail statistik per survey tampil', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/survey/statistik/1');
+    await expect(page.locator('h1')).toContainText('Survey Kepuasan Layanan Akademik');
+    await expect(page.locator('body')).toContainText('Bagaimana penilaian Anda');
+  });
+
+  // EXPORT CSV
+  test('export CSV error kalau belum ada data', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/survey/export/3');
+    await expect(page.locator('body')).toContainText('Belum ada responden');
+  });
+
+  test('export CSV berhasil kalau ada data', async ({ page }) => {
+    await loginAsAdmin(page);
+    const response = await page.request.get('http://localhost:3000/admin/survey/export/1');
+    expect([200, 302]).toContain(response.status());
+  });
+
+  // DASHBOARD AQILA
+  test('dashboard responden tampil', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/responden');
+    await expect(page.locator('h1')).toContainText('Dashboard Survey');
+    await expect(page.locator('table')).toBeVisible();
+  });
+
+  test('search dashboard berfungsi', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/responden');
+    await page.fill('input[name="search"]', 'kepuasan');
+    await page.click('button[type="submit"]');
+    await expect(page.locator('body')).toContainText('Survey Kepuasan Layanan Akademik');
+  });
+
+  test('toggle nonaktifkan survey berhasil', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/responden');
+    const row = page.locator('tr:has-text("Survey Evaluasi Fasilitas Kampus")');
+    await expect(row).toContainText('Aktif');
+    await row.locator('button:has-text("Nonaktifkan")').click();
+    await expect(
+      page.locator('tr:has-text("Survey Evaluasi Fasilitas Kampus")')
+    ).toContainText('Tidak Aktif');
+  });
+
+  test('toggle aktifkan survey berhasil', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/responden');
+    const row = page.locator('tr:has-text("Survey Draft Belum Aktif")');
+    await expect(row).toContainText('Tidak Aktif');
+    await row.locator('button:has-text("Aktifkan")').click();
+    await expect(
+      page.locator('tr:has-text("Survey Draft Belum Aktif")')
+    ).toContainText('Aktif');
+  });
+
+  test('daftar responden per survey tampil', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/responden/1');
+    await expect(page.locator('h1')).toContainText('Survey Kepuasan Layanan Akademik');
+    await expect(page.locator('table')).toBeVisible();
+  });
+
+  test('riwayat pengisian tampil', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/responden/1/riwayat');
+    await expect(page.locator('h1')).toContainText('Riwayat Pengisian');
+    await expect(page.locator('table')).toBeVisible();
+  });
+
+  test('PDF error kalau belum ada responden', async ({ page }) => {
+    await loginAsAdmin(page);
+    await page.goto('/admin/responden/3/pdf');
+    await expect(page.locator('body')).toContainText('belum ada responden');
+  });
+
+  // REST API
+  test('REST API GET surveys return JSON', async ({ page }) => {
+    await loginAsAdmin(page);
+    const response = await page.request.get('http://localhost:3000/api/surveys');
+    expect(response.status()).toBe(200);
+    const json = await response.json();
+    expect(json.success).toBe(true);
+    expect(Array.isArray(json.data)).toBe(true);
+  });
+
+  test('REST API GET rekap return JSON', async ({ page }) => {
+    await loginAsAdmin(page);
+    const response = await page.request.get('http://localhost:3000/api/surveys/1/rekap');
+    expect(response.status()).toBe(200);
+    const json = await response.json();
+    expect(json.success).toBe(true);
+    expect(json.data).toHaveProperty('survey');
+    expect(json.data).toHaveProperty('total_responden');
+  });
+
+  test('REST API tidak bisa diakses tanpa login', async ({ page }) => {
+    const context = await page.context().browser().newContext();
+    const newPage = await context.newPage();
+    await newPage.goto('http://localhost:3000/api/surveys');
+    await expect(newPage).toHaveURL(/login/);
+    await context.close();
+  });
+
+});
\ No newline at end of file
diff --git a/tests/auth.spec.js b/tests/auth.spec.js
new file mode 100644
index 00000000..ba380a4c
--- /dev/null
+++ b/tests/auth.spec.js
@@ -0,0 +1,75 @@
+const { test, expect } = require('@playwright/test');
+
+test.describe('Authentication & ACL', () => {
+
+  test('login admin berhasil', async ({ page }) => {
+    await page.goto('/login');
+    await page.fill('input[name="username"]', 'admin@fti.ac.id');
+    await page.fill('input[name="password"]', 'admin123');
+    await page.click('button[type="submit"]');
+    await expect(page).toHaveURL('/admin/survey/rekap');
+    await expect(page.locator('h1')).toContainText('Rekap Jawaban Survey');
+  });
+
+  test('login respondent berhasil', async ({ page }) => {
+    await page.goto('/login');
+    await page.fill('input[name="username"]', 'rifaqila@fti.ac.id');
+    await page.fill('input[name="password"]', 'user123');
+    await page.click('button[type="submit"]');
+    await expect(page).toHaveURL('/survey');
+    await expect(page.locator('h1')).toContainText('Daftar Survey');
+  });
+
+  test('login gagal password salah', async ({ page }) => {
+    await page.goto('/login');
+    await page.fill('input[name="username"]', 'admin@fti.ac.id');
+    await page.fill('input[name="password"]', 'passwordsalah');
+    await page.click('button[type="submit"]');
+    await expect(page).toHaveURL('/login');
+    await expect(page.locator('body')).toContainText('Username atau password salah');
+  });
+
+  test('login gagal email tidak ada', async ({ page }) => {
+    await page.goto('/login');
+    await page.fill('input[name="username"]', 'tidakada@fti.ac.id');
+    await page.fill('input[name="password"]', 'admin123');
+    await page.click('button[type="submit"]');
+    await expect(page).toHaveURL('/login');
+    await expect(page.locator('body')).toContainText('Username atau password salah');
+  });
+
+  test('respondent tidak bisa akses halaman admin', async ({ page }) => {
+    await page.goto('/login');
+    await page.fill('input[name="username"]', 'rifaqila@fti.ac.id');
+    await page.fill('input[name="password"]', 'user123');
+    await page.click('button[type="submit"]');
+    await page.goto('/admin/survey/rekap');
+    await expect(page.locator('body')).toContainText('Forbidden');
+  });
+
+  test('admin tidak bisa akses halaman respondent', async ({ page }) => {
+    await page.goto('/login');
+    await page.fill('input[name="username"]', 'admin@fti.ac.id');
+    await page.fill('input[name="password"]', 'admin123');
+    await page.click('button[type="submit"]');
+    await page.goto('/survey');
+    await expect(page.locator('body')).toContainText('Forbidden');
+  });
+
+  test('user tidak login tidak bisa akses halaman manapun', async ({ page }) => {
+    await page.goto('/survey');
+    await expect(page).toHaveURL('/login');
+  });
+
+  test('logout berhasil', async ({ page }) => {
+    await page.goto('/login');
+    await page.fill('input[name="username"]', 'admin@fti.ac.id');
+    await page.fill('input[name="password"]', 'admin123');
+    await page.click('button[type="submit"]');
+    await page.goto('/logout');
+    await expect(page).toHaveURL('/login');
+    await page.goto('/admin/survey/rekap');
+    await expect(page).toHaveURL('/login');
+  });
+
+});
\ No newline at end of file
diff --git a/tests/global-setup.js b/tests/global-setup.js
new file mode 100644
index 00000000..17678df2
--- /dev/null
+++ b/tests/global-setup.js
@@ -0,0 +1,35 @@
+// ============================================================
+// GLOBAL SETUP: Reset database ke kondisi awal sebelum test
+// Dipanggil otomatis oleh Playwright sebelum semua test jalan
+// ============================================================
+const mysql = require('mysql2/promise');
+require('dotenv').config();
+
+async function globalSetup() {
+  const db = await mysql.createConnection({
+    host: process.env.DB_HOST || 'localhost',
+    user: process.env.DB_USER || 'root',
+    password: process.env.DB_PASSWORD || '',
+    database: process.env.DB_NAME || 'facultyware',
+  });
+
+  console.log('🔄 Resetting database to initial state...');
+
+  // Reset status survey
+  await db.query('UPDATE surveys SET is_active=1 WHERE id IN (1,2)');
+  await db.query('UPDATE surveys SET is_active=0 WHERE id=3');
+
+  // Reset PIN invitations supaya bisa dipakai ulang
+  await db.query('UPDATE survey_invitations SET is_used=0, used_at=NULL WHERE id IN (1,2)');
+
+  // Hapus responses dari test sebelumnya
+  await db.query('DELETE FROM survey_answer_options WHERE survey_answer_id IN (SELECT id FROM survey_answers WHERE survey_response_id IN (SELECT id FROM survey_responses WHERE survey_id IN (1,2)))');
+  await db.query('DELETE FROM survey_answers WHERE survey_response_id IN (SELECT id FROM survey_responses WHERE survey_id IN (1,2))');
+  await db.query('DELETE FROM survey_responses WHERE survey_id IN (1,2)');
+
+  console.log('✅ Database reset complete');
+
+  await db.end();
+}
+
+module.exports = globalSetup;
\ No newline at end of file
diff --git a/tests/survey.spec.js b/tests/survey.spec.js
new file mode 100644
index 00000000..ac2711d0
--- /dev/null
+++ b/tests/survey.spec.js
@@ -0,0 +1,77 @@
+const { test, expect } = require('@playwright/test');
+
+async function loginAsRespondent(page) {
+  await page.goto('/login');
+  await page.fill('input[name="username"]', 'rifaqila@fti.ac.id');
+  await page.fill('input[name="password"]', 'user123');
+  await page.click('button[type="submit"]');
+  await expect(page).toHaveURL('/survey');
+}
+
+test.describe('Fitur Respondent — Survey', () => {
+
+  test('list survey aktif tampil', async ({ page }) => {
+    await loginAsRespondent(page);
+    await expect(page.locator('h1')).toContainText('Daftar Survey');
+    await expect(page.locator('.card').first()).toBeVisible();
+  });
+
+  test('search survey berfungsi', async ({ page }) => {
+    await loginAsRespondent(page);
+    await page.fill('input[name="search"]', 'kepuasan');
+    await page.click('button[type="submit"]');
+    await expect(page.locator('body')).toContainText('Survey Kepuasan Layanan Akademik');
+    await expect(page.locator('body')).not.toContainText('Survey Evaluasi Fasilitas Kampus');
+  });
+
+  test('tombol reset search berfungsi', async ({ page }) => {
+    await loginAsRespondent(page);
+    await page.fill('input[name="search"]', 'kepuasan');
+    await page.click('button[type="submit"]');
+    await page.click('a:has-text("Reset")');
+    await expect(page).toHaveURL('/survey');
+  });
+
+  test('form PIN muncul setelah klik isi survey', async ({ page }) => {
+    await loginAsRespondent(page);
+    await page.goto('/survey/1');
+    await expect(page.locator('body')).toContainText('Masukkan PIN');
+  });
+
+  test('PIN salah menampilkan pesan error', async ({ page }) => {
+    await loginAsRespondent(page);
+    await page.goto('/survey/1');
+    await page.fill('input[name="pin"]', 'PINSALAH');
+    await page.click('button[type="submit"]');
+    await expect(page.locator('body')).toContainText('PIN tidak valid atau sudah digunakan');
+  });
+
+test('PIN kosong input required ada', async ({ page }) => {
+  await loginAsRespondent(page);
+  await page.goto('/survey/1');
+  // Validasi via JavaScript (client-side), bukan atribut required
+  await page.click('button[type="submit"]');
+  await expect(page.locator('#pinError')).toBeVisible();
+});
+
+  test('PIN benar masuk form survey', async ({ page }) => {
+    await loginAsRespondent(page);
+    await page.goto('/survey/1');
+    await page.fill('input[name="pin"]', 'PIN001');
+    await page.click('button[type="submit"]');
+    await expect(page).toHaveURL('/survey/1/fill');
+    await expect(page.locator('body')).toContainText('Bagaimana penilaian Anda');
+  });
+
+  test('submit survey tidak lengkap menampilkan validasi error', async ({ page }) => {
+    await loginAsRespondent(page);
+    await page.goto('/survey/1');
+    await page.fill('input[name="pin"]', 'PIN001');
+    await page.click('button[type="submit"]');
+    await expect(page).toHaveURL('/survey/1/fill');
+    // Submit tanpa isi apapun
+    await page.click('button:has-text("Kirim Jawaban")');
+    await expect(page.locator('body')).toContainText('wajib dijawab');
+  });
+
+});
\ No newline at end of file

From 5086c26aca87ef065fbafa7f47fc444986ec748d Mon Sep 17 00:00:00 2001
From: Arifah Huwaina Azre <emailgithub_arifah@gmail.com>
Date: Tue, 23 Jun 2026 20:09:18 +0700
Subject: [PATCH 09/13] chore: railway config dan DB port support

---
 lib/db.js    | 3 ++-
 railway.json | 9 +++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 railway.json

diff --git a/lib/db.js b/lib/db.js
index 76a7d5b8..25edc7cb 100644
--- a/lib/db.js
+++ b/lib/db.js
@@ -3,6 +3,7 @@ require('dotenv').config();
 
 const pool = mysql.createPool({
   host: process.env.DB_HOST,
+  port: process.env.DB_PORT || 3306,
   user: process.env.DB_USER,
   password: process.env.DB_PASSWORD,
   database: process.env.DB_NAME,
@@ -11,4 +12,4 @@ const pool = mysql.createPool({
   queueLimit: 0
 });
 
-module.exports = pool.promise();
+module.exports = pool.promise();
\ No newline at end of file
diff --git a/railway.json b/railway.json
new file mode 100644
index 00000000..f13a125b
--- /dev/null
+++ b/railway.json
@@ -0,0 +1,9 @@
+{
+  "build": {
+    "builder": "NIXPACKS"
+  },
+  "deploy": {
+    "startCommand": "npm start",
+    "restartPolicyType": "ON_FAILURE"
+  }
+}
\ No newline at end of file

From 19c231fba9497a8c536ced8d3edf09100f71df66 Mon Sep 17 00:00:00 2001
From: Arifah Huwaina Azre <emailgithub_arifah@gmail.com>
Date: Wed, 24 Jun 2026 10:40:43 +0700
Subject: [PATCH 10/13] chore: update railway config pakai versi Aqila

---
 railway.json | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/railway.json b/railway.json
index f13a125b..1bb04d84 100644
--- a/railway.json
+++ b/railway.json
@@ -1,9 +1,11 @@
 {
+  "$schema": "https://railway.app/railway.schema.json",
   "build": {
     "builder": "NIXPACKS"
   },
   "deploy": {
     "startCommand": "npm start",
-    "restartPolicyType": "ON_FAILURE"
+    "restartPolicyType": "ON_FAILURE",
+    "restartPolicyMaxRetries": 10
   }
 }
\ No newline at end of file

From 2747845f9f1362b74a1c0e036ea42b2328e9f51a Mon Sep 17 00:00:00 2001
From: Arifah Huwaina Azre <emailgithub_arifah@gmail.com>
Date: Wed, 24 Jun 2026 10:46:37 +0700
Subject: [PATCH 11/13] fix: update title dan meta login page

---
 views/login.ejs | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/views/login.ejs b/views/login.ejs
index 3b860c68..09bed3b0 100644
--- a/views/login.ejs
+++ b/views/login.ejs
@@ -53,12 +53,12 @@
     <meta http-equiv="Content-Language" content="en" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-    <title>Basecoat</title>
+    <title>Login</title>
     <meta
       name="description"
-      content="A components library built with Tailwind CSS that works with any web stack."
+      content="Sistem Informasi FacultyWare — FTI"
     />
-    <meta name="title" content="Basecoat" />
+    <meta name="title" content="Login" />
     <meta
       name="keywords"
       content="components,component library,component system,UI,UI kit,shadcn,shadcn/ui,Tailwind CSS,Tailwind,CSS,HTML,Jinja,Nunjucks,JS,JavaScript,vanilla JS,vanilla JavaScript"

From 83b7963b71f4ebd4a84fc3dcdad094915d397fb5 Mon Sep 17 00:00:00 2001
From: Arifah Huwaina Azre <emailgithub_arifah@gmail.com>
Date: Wed, 24 Jun 2026 11:33:42 +0700
Subject: [PATCH 12/13] fix: redirect root ke halaman login

---
 controllers/indexController.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/controllers/indexController.js b/controllers/indexController.js
index c2d9dcf0..95ba0e94 100644
--- a/controllers/indexController.js
+++ b/controllers/indexController.js
@@ -2,7 +2,7 @@ const bcrypt = require("bcryptjs");
 const db = require("../lib/db");
 
 const index = (req, res) => {
-  res.render("index", { title: "Express" });
+  res.redirect("/login");
 };
 
 const home = (req, res) => {

From 3fab6b205b13acae4adce6682db5b6e3908fb45c Mon Sep 17 00:00:00 2001
From: Arifah Huwaina Azre <emailgithub_arifah@gmail.com>
Date: Wed, 24 Jun 2026 12:52:25 +0700
Subject: [PATCH 13/13] feat: add database auto setup script

---
 package.json        |  3 +-
 scripts/setup_db.js | 92 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 94 insertions(+), 1 deletion(-)
 create mode 100644 scripts/setup_db.js

diff --git a/package.json b/package.json
index 00d26d30..7256d3ed 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
   "private": true,
   "scripts": {
     "start": "node ./bin/www",
-    "dev": "nodemon ./bin/www"
+    "dev": "nodemon ./bin/www",
+    "db:setup": "node ./scripts/setup_db.js"
   },
   "dependencies": {
     "bcryptjs": "^3.0.3",
diff --git a/scripts/setup_db.js b/scripts/setup_db.js
new file mode 100644
index 00000000..594f2fc4
--- /dev/null
+++ b/scripts/setup_db.js
@@ -0,0 +1,92 @@
+const fs = require('fs');
+const path = require('path');
+const { execSync } = require('child_process');
+const mysql = require('mysql2/promise');
+require('dotenv').config();
+
+const sqlPath = "D:\\arifah\\SMT 4\\REAL PWEB A\\db_tb_pweb_v2.sql";
+
+async function setup() {
+  console.log('🏁 Starting database setup...');
+  console.log(`Connection Config:`);
+  console.log(`- Host: ${process.env.DB_HOST}`);
+  console.log(`- Port: ${process.env.DB_PORT || 3306}`);
+  console.log(`- User: ${process.env.DB_USER}`);
+  console.log(`- Database: ${process.env.DB_NAME}`);
+  console.log(`-----------------------------------`);
+
+  let connection;
+  try {
+    // 1. Read and parse SQL schema file
+    if (!fs.existsSync(sqlPath)) {
+      throw new Error(`SQL file not found at: ${sqlPath}`);
+    }
+
+    console.log('📖 Reading SQL schema file...');
+    const buffer = fs.readFileSync(sqlPath);
+    let sqlText;
+    if (buffer[0] === 0xff && buffer[1] === 0xfe) {
+      sqlText = buffer.toString('utf16le');
+    } else {
+      sqlText = buffer.toString('utf8');
+    }
+    
+    // Strip UTF BOM if present
+    sqlText = sqlText.replace(/^\ufeff/, '');
+
+    const dbName = process.env.DB_NAME || 'facultyware';
+    console.log(`🧹 Cleaning SQL schema and substituting database name with "${dbName}"...`);
+    
+    // Replace schema references
+    sqlText = sqlText.replace(/CREATE SCHEMA IF NOT EXISTS `facultyware`/g, `CREATE SCHEMA IF NOT EXISTS \`${dbName}\``);
+    sqlText = sqlText.replace(/USE `facultyware`/g, `USE \`${dbName}\``);
+    sqlText = sqlText.replace(/`facultyware`\./g, `\`${dbName}\`.`);
+
+    // Split SQL by semicolon followed by newline
+    const statements = sqlText
+      .split(/;\s*[\r\n]+/)
+      .map(s => s.trim())
+      .filter(s => s.length > 0);
+
+    console.log(`📦 Found ${statements.length} SQL statements to execute.`);
+
+    // 2. Connect to MySQL Server (first without database to ensure we can create it if it doesn't exist)
+    console.log('🔌 Connecting to MySQL server...');
+    connection = await mysql.createConnection({
+      host: process.env.DB_HOST,
+      port: parseInt(process.env.DB_PORT || '3306'),
+      user: process.env.DB_USER,
+      password: process.env.DB_PASSWORD,
+      multipleStatements: true
+    });
+
+    console.log('🚀 Executing SQL schema statements...');
+    let successCount = 0;
+    for (let i = 0; i < statements.length; i++) {
+      const stmt = statements[i];
+      try {
+        await connection.query(stmt);
+        successCount++;
+      } catch (err) {
+        // Log query error but continue (some drop tables might fail if they don't exist)
+        console.warn(`⚠️ Warning in statement ${i + 1}: ${err.message}`);
+      }
+    }
+    console.log(`✅ Executed ${successCount}/${statements.length} statements successfully.`);
+    await connection.end();
+
+    // 3. Run the Seeder
+    console.log('\n🌱 Running seeder...');
+    execSync('node scripts/seed.js', { stdio: 'inherit' });
+    
+    console.log('\n🎉 Database setup and seeding completed successfully!');
+  } catch (err) {
+    console.error('\n❌ Database setup failed:', err.message);
+    if (connection) {
+      try { await connection.end(); } catch (_) {}
+    }
+    process.exit(1);
+  }
+}
+
+setup();