diff --git a/lost-and-found/.env b/lost-and-found/.env
new file mode 100644
index 0000000..67e0643
--- /dev/null
+++ b/lost-and-found/.env
@@ -0,0 +1,23 @@
+# Server Configuration
+PORT=8080
+ENVIRONMENT=development
+
+# Database Configuration (MySQL/MariaDB)
+DB_HOST=localhost
+DB_PORT=3306
+DB_USER=root
+DB_PASSWORD=
+DB_NAME=lost_and_found
+DB_CHARSET=utf8mb4
+DB_PARSE_TIME=True
+DB_LOC=Local
+
+# JWT Configuration
+JWT_SECRET_KEY=L0stF0und$ecureK3y2024!@#M4h4s1sw4UAS*Pr0j3ct&BackendD3v
+
+# Upload Configuration
+UPLOAD_PATH=./uploads
+MAX_UPLOAD_SIZE=10485760
+
+# CORS Configuration
+ALLOWED_ORIGINS=*
\ No newline at end of file
diff --git a/lost-and-found/.vscode/code-counter/code-counter.db b/lost-and-found/.vscode/code-counter/code-counter.db
new file mode 100644
index 0000000..62024f1
Binary files /dev/null and b/lost-and-found/.vscode/code-counter/code-counter.db differ
diff --git a/lost-and-found/.vscode/code-counter/reports/code-counter-report.html b/lost-and-found/.vscode/code-counter/reports/code-counter-report.html
new file mode 100644
index 0000000..ccd1b17
--- /dev/null
+++ b/lost-and-found/.vscode/code-counter/reports/code-counter-report.html
@@ -0,0 +1 @@
+Code Counter ReportError:
📁 Files
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Nama |
+ Email |
+ NRP |
+ Role |
+ Status |
+ Aksi |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Filter Laporan
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Preview Laporan
+
+
+ Total Barang:
+ -
+
+
+ Diklaim:
+ -
+
+
+ Expired:
+ -
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | Waktu |
+ User |
+ Aksi |
+ Detail |
+ IP Address |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
📢
+
Lapor Kehilangan
+
Laporkan barang yang hilang dengan mudah dan cepat
+
+
+
+
📦
+
Temukan Barang
+
Cari barang temuanmu di database kami
+
+
+
+
🤝
+
Klaim Barang
+
Proses klaim yang aman dengan verifikasi
+
+
+
+
⚡
+
Auto Matching
+
Sistem otomatis mencocokkan barang hilang
+
+
+
+
+
+
+
+
+
+
0
+
Pengguna Terdaftar
+
+
+
+
+
+
+
+ |
+ Belum ada data user
+ |
+
+ `;
+ return;
+ }
+
+ tbody.innerHTML = users
+ .map(
+ (user) => `
+
+ | ${user.name} |
+ ${user.email} |
+ ${user.nrp} |
+ ${getRoleBadge(user.role)} |
+ ${getStatusBadge(user.status || "active")} |
+
+
+ ${
+ user.status === "active"
+ ? ``
+ : ``
+ }
+ |
+
+ `
+ )
+ .join("");
+}
+
+// Edit user
+async function editUser(userId) {
+ try {
+ const user = await apiCall(`/api/admin/users/${userId}`);
+
+ const form = document.getElementById("editUserForm");
+ form.elements.user_id.value = user.id;
+ form.elements.name.value = user.name;
+ form.elements.email.value = user.email;
+ form.elements.nrp.value = user.nrp;
+ form.elements.phone.value = user.phone || "";
+ form.elements.role.value = user.role;
+
+ openModal("editUserModal");
+ } catch (error) {
+ console.error("Error loading user:", error);
+ showAlert("Gagal memuat data user", "danger");
+ }
+}
+
+// Submit edit user
+document
+ .getElementById("editUserForm")
+ ?.addEventListener("submit", async (e) => {
+ e.preventDefault();
+
+ const formData = new FormData(e.target);
+ const userId = formData.get("user_id");
+ const role = formData.get("role");
+
+ try {
+ const submitBtn = e.target.querySelector('button[type="submit"]');
+ submitBtn.disabled = true;
+ submitBtn.innerHTML = ' Menyimpan...';
+
+ // Update role
+ await apiCall(`/api/admin/users/${userId}/role`, {
+ method: "PATCH",
+ body: JSON.stringify({ role }),
+ });
+
+ showAlert("User berhasil diupdate!", "success");
+ closeModal("editUserModal");
+ await loadUsers();
+ } catch (error) {
+ console.error("Error updating user:", error);
+ showAlert(error.message || "Gagal update user", "danger");
+ } finally {
+ const submitBtn = e.target.querySelector('button[type="submit"]');
+ if (submitBtn) {
+ submitBtn.disabled = false;
+ submitBtn.textContent = "Update User";
+ }
+ }
+ });
+
+// Block user
+async function blockUser(userId) {
+ if (!confirmAction("Block user ini?")) return;
+
+ try {
+ await apiCall(`/api/admin/users/${userId}/block`, {
+ method: "POST",
+ });
+
+ showAlert("User berhasil diblock!", "success");
+ await loadUsers();
+ } catch (error) {
+ console.error("Error blocking user:", error);
+ showAlert(error.message || "Gagal block user", "danger");
+ }
+}
+
+// Unblock user
+async function unblockUser(userId) {
+ if (!confirmAction("Unblock user ini?")) return;
+
+ try {
+ await apiCall(`/api/admin/users/${userId}/unblock`, {
+ method: "POST",
+ });
+
+ showAlert("User berhasil di-unblock!", "success");
+ await loadUsers();
+ } catch (error) {
+ console.error("Error unblocking user:", error);
+ showAlert(error.message || "Gagal unblock user", "danger");
+ }
+}
+
+// Load categories
+async function loadCategories() {
+ try {
+ const response = await apiCall("/api/categories");
+ allCategories = response.data || [];
+ renderCategories(allCategories);
+ } catch (error) {
+ console.error("Error loading categories:", error);
+ showAlert("Gagal memuat data kategori", "danger");
+ }
+}
+
+// Render categories
+function renderCategories(categories) {
+ const grid = document.getElementById("categoriesGrid");
+
+ if (!categories || categories.length === 0) {
+ grid.innerHTML = `
+
+
🏷️
+
Belum ada kategori
+
+
${icons[cat.slug] || "📦"}
+
${cat.name}
+ ${
+ cat.description
+ ? `
${cat.description}
`
+ : ""
+ }
+
+
+
+
+
+ |
+ Belum ada audit log
+ |
+
+ `;
+ return;
+ }
+
+ tbody.innerHTML = logs
+ .map(
+ (log) => `
+
+ | ${formatDateTime(log.created_at)} |
+ ${log.user_name} |
+ ${log.action} |
+ ${log.details || "-"} |
+ ${log.ip_address || "-"} |
+
+ `
+ )
+ .join("");
+}
+
+// Setup search and filters
+function setupSearchAndFilters() {
+ const searchUsers = document.getElementById("searchUsers");
+ const roleFilter = document.getElementById("roleFilter");
+ const statusFilter = document.getElementById("statusFilter");
+
+ const performUsersSearch = debounce(() => {
+ const searchTerm = searchUsers?.value.toLowerCase() || "";
+ const role = roleFilter?.value || "";
+ const status = statusFilter?.value || "";
+
+ let filtered = allUsers.filter((user) => {
+ const matchesSearch =
+ user.name.toLowerCase().includes(searchTerm) ||
+ user.email.toLowerCase().includes(searchTerm) ||
+ user.nrp.includes(searchTerm);
+ const matchesRole = !role || user.role === role;
+ const matchesStatus = !status || user.status === status;
+ return matchesSearch && matchesRole && matchesStatus;
+ });
+
+ renderUsers(filtered);
+ }, 300);
+
+ searchUsers?.addEventListener("input", performUsersSearch);
+ roleFilter?.addEventListener("change", performUsersSearch);
+ statusFilter?.addEventListener("change", performUsersSearch);
+}
diff --git a/lost-and-found/web/js/main.js b/lost-and-found/web/js/main.js
new file mode 100644
index 0000000..534530d
--- /dev/null
+++ b/lost-and-found/web/js/main.js
@@ -0,0 +1,349 @@
+// Main.js - Shared functions across all dashboards
+const API_URL = "http://localhost:8080";
+
+// Auth utilities
+function getToken() {
+ return localStorage.getItem("token");
+}
+
+function getCurrentUser() {
+ const user = localStorage.getItem("user");
+ return user ? JSON.parse(user) : null;
+}
+
+function setAuth(token, user) {
+ localStorage.setItem("token", token);
+ localStorage.setItem("user", JSON.stringify(user));
+}
+
+function clearAuth() {
+ localStorage.removeItem("token");
+ localStorage.removeItem("user");
+}
+
+// Check authentication - FIXED
+function checkAuth() {
+ const token = getToken();
+ const user = getCurrentUser();
+
+ if (!token || !user) {
+ window.location.href = "/login"; // FIXED: tambah /
+ return null;
+ }
+
+ return user;
+}
+
+// Logout - FIXED
+function logout() {
+ if (confirm("Apakah Anda yakin ingin logout?")) {
+ clearAuth();
+ window.location.href = "/login"; // FIXED: tambah /
+ }
+}
+
+// API call helper
+async function apiCall(endpoint, options = {}) {
+ const token = getToken();
+
+ const defaultOptions = {
+ headers: {
+ "Content-Type": "application/json",
+ ...(token && { Authorization: `Bearer ${token}` }),
+ },
+ };
+
+ const finalOptions = {
+ ...defaultOptions,
+ ...options,
+ headers: {
+ ...defaultOptions.headers,
+ ...options.headers,
+ },
+ };
+
+ try {
+ const response = await fetch(`${API_URL}${endpoint}`, finalOptions);
+ const data = await response.json();
+
+ if (!response.ok) {
+ // Handle 401 Unauthorized
+ if (response.status === 401) {
+ showAlert("Session expired. Please login again.", "danger");
+ setTimeout(() => {
+ clearAuth();
+ window.location.href = "/login"; // FIXED: tambah /
+ }, 1500);
+ throw new Error("Unauthorized");
+ }
+
+ throw new Error(data.error || "Request failed");
+ }
+
+ return data;
+ } catch (error) {
+ console.error("API call error:", error);
+ throw error;
+ }
+}
+
+// API call for file upload - FIXED: support PUT method
+async function apiUpload(endpoint, formData, method = "POST") {
+ const token = getToken();
+
+ try {
+ const response = await fetch(`${API_URL}${endpoint}`, {
+ method: method, // FIXED: bisa POST atau PUT
+ headers: {
+ ...(token && { Authorization: `Bearer ${token}` }),
+ // JANGAN set Content-Type untuk FormData, browser akan set otomatis dengan boundary
+ },
+ body: formData,
+ });
+
+ const data = await response.json();
+
+ if (!response.ok) {
+ if (response.status === 401) {
+ showAlert("Session expired. Please login again.", "danger");
+ setTimeout(() => {
+ clearAuth();
+ window.location.href = "/login"; // FIXED: tambah /
+ }, 1500);
+ throw new Error("Unauthorized");
+ }
+
+ throw new Error(data.error || "Upload failed");
+ }
+
+ return data;
+ } catch (error) {
+ console.error("Upload error:", error);
+ throw error;
+ }
+}
+
+// Tab switching
+function switchTab(tabName) {
+ // Remove active class from all tabs
+ document.querySelectorAll(".tab-btn").forEach((btn) => {
+ btn.classList.remove("active");
+ });
+ document.querySelectorAll(".tab-content").forEach((content) => {
+ content.classList.remove("active");
+ });
+
+ // Add active class to selected tab
+ event.target.classList.add("active");
+ document.getElementById(tabName + "Tab").classList.add("active");
+
+ // Trigger load function for specific tab if exists
+ const loadFunctionName = `load${capitalize(tabName)}`;
+ if (typeof window[loadFunctionName] === "function") {
+ window[loadFunctionName]();
+ }
+}
+
+// Modal utilities
+function openModal(modalId) {
+ document.getElementById(modalId).classList.add("active");
+}
+
+function closeModal(modalId) {
+ document.getElementById(modalId).classList.remove("active");
+}
+
+// Close modal when clicking outside
+window.addEventListener("click", (e) => {
+ if (e.target.classList.contains("modal")) {
+ e.target.classList.remove("active");
+ }
+});
+
+// Alert notification
+function showAlert(message, type = "info") {
+ const alertDiv = document.createElement("div");
+ alertDiv.className = `alert alert-${type}`;
+ alertDiv.textContent = message;
+ alertDiv.style.cssText = `
+ position: fixed;
+ top: 80px;
+ right: 20px;
+ padding: 15px 20px;
+ border-radius: 10px;
+ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
+ z-index: 9999;
+ animation: slideInRight 0.3s;
+ `;
+
+ // Set colors based on type
+ const colors = {
+ success: { bg: "#d1fae5", color: "#10b981", border: "#10b981" },
+ danger: { bg: "#fee2e2", color: "#ef4444", border: "#ef4444" },
+ warning: { bg: "#fef3c7", color: "#f59e0b", border: "#f59e0b" },
+ info: { bg: "#dbeafe", color: "#2563eb", border: "#2563eb" },
+ };
+
+ const colorScheme = colors[type] || colors.info;
+ alertDiv.style.background = colorScheme.bg;
+ alertDiv.style.color = colorScheme.color;
+ alertDiv.style.border = `2px solid ${colorScheme.border}`;
+
+ document.body.appendChild(alertDiv);
+
+ setTimeout(() => {
+ alertDiv.style.animation = "slideOutRight 0.3s";
+ setTimeout(() => alertDiv.remove(), 300);
+ }, 3000);
+}
+
+// Format date
+function formatDate(dateString) {
+ const date = new Date(dateString);
+ const options = { year: "numeric", month: "long", day: "numeric" };
+ return date.toLocaleDateString("id-ID", options);
+}
+
+// Format datetime
+function formatDateTime(dateString) {
+ const date = new Date(dateString);
+ const options = {
+ year: "numeric",
+ month: "long",
+ day: "numeric",
+ hour: "2-digit",
+ minute: "2-digit",
+ };
+ return date.toLocaleDateString("id-ID", options);
+}
+
+// Capitalize first letter
+function capitalize(str) {
+ return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+// Get status badge HTML
+function getStatusBadge(status) {
+ const statusMap = {
+ unclaimed: { label: "Unclaimed", class: "badge-primary" },
+ pending_claim: { label: "Pending Claim", class: "badge-warning" },
+ verified: { label: "Verified", class: "badge-success" },
+ case_closed: { label: "Case Closed", class: "badge-success" },
+ expired: { label: "Expired", class: "badge-danger" },
+ pending: { label: "Pending", class: "badge-warning" },
+ approved: { label: "Approved", class: "badge-success" },
+ rejected: { label: "Rejected", class: "badge-danger" },
+ active: { label: "Active", class: "badge-success" },
+ blocked: { label: "Blocked", class: "badge-danger" },
+ };
+
+ const statusInfo = statusMap[status] || {
+ label: status,
+ class: "badge-primary",
+ };
+ return `${statusInfo.label}`;
+}
+
+// Get role badge HTML
+function getRoleBadge(role) {
+ const roleMap = {
+ admin: { label: "Admin", class: "badge-danger" },
+ manager: { label: "Manager", class: "badge-warning" },
+ user: { label: "User", class: "badge-primary" },
+ };
+
+ const roleInfo = roleMap[role] || { label: role, class: "badge-primary" };
+ return `${roleInfo.label}`;
+}
+
+// Confirm dialog
+function confirmAction(message) {
+ return confirm(message);
+}
+
+// Loading state
+function setLoading(elementId, isLoading) {
+ const element = document.getElementById(elementId);
+ if (!element) return;
+
+ if (isLoading) {
+ element.innerHTML = `
+
+ `;
+ }
+}
+
+// Empty state
+function showEmptyState(elementId, icon, message) {
+ const element = document.getElementById(elementId);
+ if (!element) return;
+
+ element.innerHTML = `
+
+
${icon}
+
Tidak ada data
+
${message}
+
+
+
+
${item.name}
+
+ 📍 ${item.location}
+ 📅 ${formatDate(item.date_found)}
+ ${getStatusBadge(item.status)}
+
+
+
+ ${
+ item.status !== "case_closed" && item.status !== "expired"
+ ? ``
+ : ""
+ }
+ ${
+ item.status === "verified"
+ ? ``
+ : ""
+ }
+
+
+
${item.name}
+
+
Kategori: ${item.category}
+
Lokasi Ditemukan: ${item.location}
+
Tanggal Ditemukan: ${formatDate(
+ item.date_found
+ )}
+
Status: ${getStatusBadge(item.status)}
+
Pelapor: ${item.reporter_name}
+
Kontak: ${item.reporter_contact}
+
+ Deskripsi Keunikan (Rahasia):
+ ${item.description}
+
+
+
🤝
+
Gagal memuat data klaim
+
+
🤝
+
Belum ada klaim yang masuk
+
+
+
+
Pengklaim: ${claim.user_name}
+
Kontak: ${claim.contact}
+
Tanggal Klaim: ${formatDate(
+ claim.created_at
+ )}
+ ${
+ claim.match_percentage
+ ? `
+
Match:
+
+ ${claim.match_percentage}%
+
+
+ `
+ : ""
+ }
+
+
+ Deskripsi dari Pengklaim:
+ ${claim.description}
+
+ ${
+ claim.status === "pending"
+ ? `
+
+
+
+
+
+ `
+ : ""
+ }
+ ${
+ claim.status === "rejected" && claim.notes
+ ? `
+
+ Alasan: ${claim.notes}
+
+ `
+ : ""
+ }
+
+
+
Deskripsi Asli Barang
+
+ ${claim.item_description}
+
+
+
+
Deskripsi dari Pengklaim
+
+ ${claim.description}
+
+
+
+
Bukti Pendukung
+
+
+ Similarity Match:
+
+ ${claim.match_percentage}%
+
+
+ `
+ : ""
+ }
+
+
+
Info Pengklaim:
+
+
Nama: ${claim.user_name}
+
Kontak: ${claim.contact}
+
+
+
+
+
+ `;
+
+ openModal("verifyClaimModal");
+ } catch (error) {
+ console.error("Error loading claim:", error);
+ showAlert("Gagal memuat data klaim", "danger");
+ }
+}
+
+// Approve claim - FIXED
+async function approveClaim(claimId) {
+ const notes = prompt("Catatan (opsional):");
+
+ try {
+ await apiCall(`/api/claims/${claimId}/verify`, {
+ method: "POST",
+ body: JSON.stringify({
+ approved: true,
+ notes: notes || "",
+ }),
+ });
+
+ showAlert("Klaim berhasil diapprove!", "success");
+ closeModal("verifyClaimModal");
+ await loadClaims();
+ await loadItems();
+ await loadStats();
+ } catch (error) {
+ console.error("Error approving claim:", error);
+ showAlert(error.message || "Gagal approve klaim", "danger");
+ }
+}
+
+// Reject claim - FIXED
+async function rejectClaim(claimId) {
+ const notes = prompt("Alasan penolakan (wajib):");
+ if (!notes) {
+ showAlert("Alasan penolakan harus diisi!", "warning");
+ return;
+ }
+
+ try {
+ await apiCall(`/api/claims/${claimId}/verify`, {
+ method: "POST",
+ body: JSON.stringify({
+ approved: false,
+ notes,
+ }),
+ });
+
+ showAlert("Klaim berhasil ditolak!", "success");
+ closeModal("verifyClaimModal");
+ await loadClaims();
+ await loadStats();
+ } catch (error) {
+ console.error("Error rejecting claim:", error);
+ showAlert(error.message || "Gagal reject klaim", "danger");
+ }
+}
+
+// Load lost items - FIXED
+async function loadLost() {
+ setLoading("lostItemsGrid", true);
+
+ try {
+ const response = await apiCall("/api/lost-items");
+ allLostItems = response.data || [];
+ renderLostItems(allLostItems);
+ } catch (error) {
+ console.error("Error loading lost items:", error);
+ showEmptyState("lostItemsGrid", "😢", "Gagal memuat data barang hilang");
+ }
+}
+
+// Render lost items
+function renderLostItems(items) {
+ const grid = document.getElementById("lostItemsGrid");
+
+ if (!items || items.length === 0) {
+ showEmptyState("lostItemsGrid", "😢", "Belum ada laporan barang hilang");
+ return;
+ }
+
+ grid.innerHTML = items
+ .map(
+ (item) => `
+
+
+
${item.name}
+
+ 🏷️ ${item.category}
+ 🎨 ${item.color}
+ 📅 ${formatDate(item.date_lost)}
+ ${item.location ? `📍 ${item.location}` : ""}
+
+
${
+ item.description
+ }
+
+ Pelapor: ${item.user_name}
+
+
+
+
+
🔍
+
Tidak ada barang yang cocok
+
Belum ada barang ditemukan yang mirip dengan laporan ini
+
Ditemukan ${
+ matches.length
+ } barang yang mungkin cocok:
+
+ ${matches
+ .map(
+ (match) => `
+
+
+
+
+
+ ${match.similarity}% Match
+
+
+
${match.name}
+
+ 📍 ${match.location}
+ 📅 ${formatDate(match.date_found)}
+ ${getStatusBadge(match.status)}
+
+
+
+
+ `
+ )
+ .join("")}
+
+
❌
+
Gagal mencari barang yang mirip
+
+
+
+
${item.name}
+
+ 📍 ${item.location}
+ 📅 ${formatDate(item.date_found)}
+ ${getStatusBadge(item.status)}
+
+
+
+
+
+
${item.name}
+
+ 📍 ${item.location}
+ 📅 ${formatDate(item.date_found)}
+ ${getStatusBadge(item.status)}
+
+ ${
+ item.status === "unclaimed"
+ ? `
`
+ : ""
+ }
+
+
${item.name}
+
+
Kategori: ${item.category}
+
Lokasi Ditemukan: ${item.location}
+
Tanggal Ditemukan: ${formatDate(
+ item.date_found
+ )}
+
Status: ${getStatusBadge(item.status)}
+
+
+
${item.name}
+
+ 🏷️ ${item.category}
+ 🎨 ${item.color}
+ 📅 ${formatDate(item.date_lost)}
+ ${item.location ? `📍 ${item.location}` : ""}
+
+
${
+ item.description
+ }
+
+
+
+
+
${item.name}
+
+ 📍 ${item.location}
+ 📅 ${formatDate(item.date_found)}
+ ${getStatusBadge(item.status)}
+
+
+
+
+
${claim.item_name}
+
+ 📅 ${formatDate(claim.created_at)}
+ ${getStatusBadge(claim.status)}
+
+
+ ${claim.description}
+
+ ${
+ claim.status === "rejected" && claim.notes
+ ? `
+
+ Alasan ditolak: ${claim.notes}
+
+ `
+ : ""
+ }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Barang Hilang Saya
+
0
+
+
+
Barang yang Saya Temukan
+
0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+