"use client"; import { useEffect, useState } from "react"; import Link from "next/link"; type Education = { id: number; institution: string; degree: string; field: string | null; startDate: string; endDate: string | null; description: string | null; }; export default function EducationAdminPage() { const [educations, setEducations] = useState([]); const [loading, setLoading] = useState(true); const [sidebarOpen, setSidebarOpen] = useState(false); const [deletingId, setDeletingId] = useState(null); // ========================================================= // GET EDUCATION // ========================================================= const getEducations = async () => { try { setLoading(true); const response = await fetch("/api/education", { cache: "no-store", }); const result = await response.json(); if (result.success) { setEducations(result.data); } else { alert(result.message || "Failed to load education data."); } } catch (error) { console.error("GET EDUCATION ERROR:", error); alert("Failed to load education data."); } finally { setLoading(false); } }; useEffect(() => { getEducations(); }, []); // ========================================================= // DELETE EDUCATION // ========================================================= const deleteEducation = async (id: number) => { const education = educations.find((item) => item.id === id); const confirmDelete = window.confirm( `Delete education data from "${ education?.institution || "this institution" }"?` ); if (!confirmDelete) return; setDeletingId(id); try { const response = await fetch(`/api/education?id=${id}`, { method: "DELETE", }); const result = await response.json(); if (!response.ok || !result.success) { alert(result.message || "Failed to delete education."); return; } alert("Education successfully deleted."); await getEducations(); } catch (error) { console.error("DELETE EDUCATION ERROR:", error); alert("An error occurred while deleting education."); } finally { setDeletingId(null); } }; // ========================================================= // FORMAT YEAR // ========================================================= const formatYear = (date: string) => { const parsedDate = new Date(date); if (Number.isNaN(parsedDate.getTime())) { return "-"; } return parsedDate.getFullYear(); }; // ========================================================= // DEGREE LABEL // ========================================================= const getDegreeLabel = (degree: string) => { switch (degree) { case "SMA": return "High School"; case "SMK": return "Vocational High School"; case "D3": return "Diploma"; case "S1": return "Bachelor's Degree"; case "S2": return "Master's Degree"; case "S3": return "Doctoral Degree"; default: return degree; } }; // ========================================================= // STATISTICS // ========================================================= const totalEducation = educations.length; const currentEducation = educations.filter( (education) => !education.endDate ).length; const completedEducation = educations.filter( (education) => education.endDate ).length; // ========================================================= // CLOSE SIDEBAR // ========================================================= const closeSidebar = () => { setSidebarOpen(false); }; return ( <>
{/* ================================================== MOBILE OVERLAY ================================================== */} {sidebarOpen && (
); }