"use client"; import React, { useEffect, useState } from "react"; import { useRouter } from "next/navigation"; import { usePsychometricApi } from "@/hooks/usePsychometricApi"; import useAuth from "@/app/useAuth"; type Library = { id: number; name: string; title?: string; description?: string; noOfQuestions?: number; }; const CreateExam = () => { const psychApi = usePsychometricApi(); const [libraries, setLibraries] = useState([]); const [title, setTitle] = useState(""); const [description, setDescription] = useState(""); const [duration, setDuration] = useState(30); const [selectedLibraryId, setSelectedLibraryId] = useState( null, ); const [loading, setLoading] = useState(false); const router = useRouter(); // admin useAuth performs redirect as a side-effect and does not return auth fields const auth = useAuth() as any; // State for viewing library questions in modal const [viewingLibraryId, setViewingLibraryId] = useState(null); const [viewingLibraryQuestions, setViewingLibraryQuestions] = useState( [], ); const [viewingLibraryName, setViewingLibraryName] = useState(""); const [loadingViewQuestions, setLoadingViewQuestions] = useState(false); // State for editing a question const [editingQuestionId, setEditingQuestionId] = useState( null, ); const [editingQuestion, setEditingQuestion] = useState(null); const [editTitle, setEditTitle] = useState(""); const [editTopic, setEditTopic] = useState(""); const [editOptions, setEditOptions] = useState<{ [key: string]: string }>({}); const [editWeights, setEditWeights] = useState<{ [key: string]: number }>({}); const [editAnswer, setEditAnswer] = useState(""); const [savingQuestion, setSavingQuestion] = useState(false); const [isAddingQuestion, setIsAddingQuestion] = useState(false); useEffect(() => { // Init data on mount; useAuth will redirect to signin if missing token fetchLibraries(); }, []); const fetchLibraries = async () => { try { setLoading(true); const libs = await psychApi.getQuestionLibraries(); // Fetch actual question counts for each library const normalized = await Promise.all( (libs || []).map(async (l: any) => { let questionCount = 0; // Always fetch questions to get accurate count try { const questions = await psychApi.getQuestions(l.id); questionCount = Array.isArray(questions) ? questions.length : 0; } catch (err) { console.debug( `Could not fetch questions for library ${l.id}:`, err, ); // Fallback to library's noOfQuestions if API fails questionCount = l.noOfQuestions || 0; } return { id: l.id, name: (l as any).name || l.title || l.title_en || l.subject || "Untitled", title: l.title, description: l.description, noOfQuestions: questionCount, }; }), ); setLibraries(normalized); } catch (err) { console.error("Failed to fetch libraries", err); } finally { setLoading(false); } }; const handleCreateExam = async (e: React.FormEvent) => { e.preventDefault(); if (!selectedLibraryId) return alert("Please select a question library"); if (!title.trim()) return alert("Please enter exam title"); try { setLoading(true); const payload = { psychometricQuestionLibraryId: selectedLibraryId, title: title, description: description || "", duration: duration || 30, isActive: true, }; await psychApi.createExam(payload as any); alert("Exam created successfully!"); setTitle(""); setDescription(""); setDuration(30); setSelectedLibraryId(null); fetchLibraries(); } catch (err: any) { const errorMessage = err instanceof Error ? err.message : String(err); console.error("Create exam failed:", errorMessage, err); alert("Failed to create exam: " + errorMessage); } finally { setLoading(false); } }; // Function to view questions for a specific library in modal const handleViewLibraryQuestions = async ( libraryId: number, libraryName: string, ) => { try { setLoadingViewQuestions(true); setViewingLibraryId(libraryId); setViewingLibraryName(libraryName); // Use getQuestions to get questions for this library const questions = await psychApi.getQuestions(libraryId); setViewingLibraryQuestions(questions || []); } catch (err) { console.error("Failed to fetch library questions", err); setViewingLibraryQuestions([]); alert("Failed to load questions for this library"); } finally { setLoadingViewQuestions(false); } }; const handleCreateNewLibrary = () => { sessionStorage.setItem("redirectTo", "create-exam"); router.push("/psychometric-test/create-questionset"); }; const handleDeleteQuestion = async (questionId: number) => { if (!window.confirm("Are you sure you want to delete this question?")) { return; } try { await psychApi.deleteQuestion(questionId); // Refresh both the libraries list (to update question count) and the questions view await fetchLibraries(); if (viewingLibraryId) { handleViewLibraryQuestions(viewingLibraryId, viewingLibraryName); } } catch (err: any) { console.error("Failed to delete question:", err); alert("Failed to delete question"); } }; const handleDeleteLibrary = async (libraryId: number) => { if ( !window.confirm( "Are you sure you want to delete this library and all its questions?", ) ) { return; } try { await psychApi.deleteQuestionLibrary(libraryId); setViewingLibraryId(null); setViewingLibraryQuestions([]); setViewingLibraryName(""); fetchLibraries(); if (selectedLibraryId === libraryId) { setSelectedLibraryId(null); } } catch (err: any) { console.error("Failed to delete library:", err); alert("Failed to delete library"); } }; // Function to close the viewing modal const handleCloseViewQuestions = () => { setViewingLibraryId(null); setViewingLibraryQuestions([]); setViewingLibraryName(""); }; // Function to open edit modal for a question const handleEditQuestion = (question: any) => { setEditingQuestionId(question.id); setEditingQuestion(question); setEditTitle(question.questionText || ""); setEditTopic(question.topic || ""); setEditOptions(question.options || { A: "", B: "", C: "", D: "" }); setEditWeights(question.weights || { A: 0, B: 0, C: 0, D: 0 }); setEditAnswer(question.answer || ""); }; // Function to close edit modal const handleCloseEditQuestion = () => { setEditingQuestionId(null); setEditingQuestion(null); setEditTitle(""); setEditTopic(""); setEditOptions({}); setEditWeights({}); setEditAnswer(""); setIsAddingQuestion(false); }; // Open add-question modal const handleOpenAddQuestion = () => { setIsAddingQuestion(true); setEditingQuestionId(null); setEditingQuestion(null); setEditTitle(""); setEditTopic(""); // default two options setEditOptions({ A: "", B: "" }); setEditWeights({ A: 0, B: 0 }); setEditAnswer(""); }; // Function to add a new option const handleAddOption = () => { const currentKeys = Object.keys(editOptions); let nextKey = "E"; // Find the next available key for (let i = 0; i < 26; i++) { const letter = String.fromCharCode(65 + i); // A=65, Z=90 if (!currentKeys.includes(letter)) { nextKey = letter; break; } } setEditOptions({ ...editOptions, [nextKey]: "" }); setEditWeights({ ...editWeights, [nextKey]: 0 }); }; // Function to remove an option const handleRemoveOption = (optionKey: string) => { const newOptions = { ...editOptions }; const newWeights = { ...editWeights }; delete newOptions[optionKey]; delete newWeights[optionKey]; // Update answer if it was the removed option if (editAnswer === optionKey) { setEditAnswer(""); } setEditOptions(newOptions); setEditWeights(newWeights); }; // Function to save edited question const handleSaveEditedQuestion = async (e: React.FormEvent) => { e.preventDefault(); if (!editTitle.trim()) return alert("Question title is required"); if (!editAnswer) return alert("Correct answer is required"); try { setSavingQuestion(true); const payload = { psychometricQuestionLibraryId: viewingLibraryId, questionText: editTitle, topic: editTopic, options: editOptions, weights: editWeights, answer: editAnswer, }; if (isAddingQuestion) { await psychApi.createQuestion(payload as any); alert("Question created successfully!"); } else { await psychApi.updateQuestion(editingQuestionId!, payload as any); alert("Question updated successfully!"); } handleCloseEditQuestion(); // Refresh both the libraries list (to update question count) and the questions view await fetchLibraries(); if (viewingLibraryId) { handleViewLibraryQuestions(viewingLibraryId, viewingLibraryName); } } catch (err: any) { console.error("Failed to update question:", err); alert("Failed to update question"); } finally { setSavingQuestion(false); } }; return ( <>
{/* Left Column: Create Exam */}
Create New Exam
setTitle(e.target.value)} placeholder="e.g., Software Engineer Assessment" className="form-control" />