"use client"; import { FormEvent, useState } from "react"; import Link from "next/link"; export default function CreateEducationPage() { const [saving, setSaving] = useState(false); const [sidebarOpen, setSidebarOpen] = useState(false); const [form, setForm] = useState({ institution: "", degree: "S1", field: "", startDate: "", endDate: "", description: "", }); // ========================================= // HANDLE CHANGE // ========================================= const handleChange = ( e: React.ChangeEvent< HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement > ) => { const { name, value } = e.target; setForm((prev) => ({ ...prev, [name]: value, })); }; // ========================================= // SUBMIT // BACKEND TIDAK DIUBAH // ========================================= const handleSubmit = async (e: FormEvent) => { e.preventDefault(); if (!form.institution.trim()) { alert("Institution is required."); return; } if (!form.startDate) { alert("Start year is required."); return; } setSaving(true); try { const response = await fetch("/api/education", { method: "POST", headers: { "Content-Type": "application/json", }, body: JSON.stringify({ institution: form.institution.trim(), degree: form.degree, field: form.field.trim(), startDate: form.startDate, endDate: form.endDate || null, description: form.description.trim(), }), }); const result = await response.json(); if (!response.ok || !result.success) { console.error("CREATE EDUCATION API ERROR:", result); alert(result.message || "Failed to add education."); return; } alert("Education successfully added."); window.location.href = "/secure-panel/education"; } catch (error) { console.error("CREATE EDUCATION ERROR:", error); alert("An error occurred while adding education."); } finally { setSaving(false); } }; // ========================================= // CLOSE SIDEBAR // ========================================= const closeSidebar = () => { setSidebarOpen(false); }; return ( <>
{/* ====================================== MOBILE OVERLAY ====================================== */} {sidebarOpen && (
); }