"use client" import { useState, useEffect } from "react" import { TestLayout } from "@/components/test-layout" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group" import { Label } from "@/components/ui/label" import { useRouter } from "next/navigation" import { logicQuestions } from "@/lib/questions/logic-questions" export default function LogicTestPage() { const router = useRouter() const [currentQuestion, setCurrentQuestion] = useState(0) const [answers, setAnswers] = useState>({}) const [timeRemaining, setTimeRemaining] = useState(20 * 60) // 20 minutes in seconds // Timer effect useEffect(() => { const timer = setInterval(() => { setTimeRemaining((prev) => { if (prev <= 1) { handleSubmit() return 0 } return prev - 1 }) }, 1000) return () => clearInterval(timer) }, []) const formatTime = (seconds: number) => { const mins = Math.floor(seconds / 60) const secs = seconds % 60 return `${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}` } const handleAnswerChange = (value: string) => { setAnswers((prev) => ({ ...prev, [currentQuestion]: value, })) } const handleNext = () => { if (currentQuestion < logicQuestions.length - 1) { setCurrentQuestion((prev) => prev + 1) } } const handlePrevious = () => { if (currentQuestion > 0) { setCurrentQuestion((prev) => prev - 1) } } const handleSubmit = () => { // Calculate score let correctAnswers = 0 logicQuestions.forEach((question, index) => { if (answers[index] === question.correctAnswer) { correctAnswers++ } }) const score = Math.round((correctAnswers / logicQuestions.length) * 100) // Store results in localStorage const results = { type: "logic", score, correctAnswers, totalQuestions: logicQuestions.length, answers, completedAt: new Date().toISOString(), } localStorage.setItem("logicTestResults", JSON.stringify(results)) router.push("/results/logic") } const currentQ = logicQuestions[currentQuestion] const isLastQuestion = currentQuestion === logicQuestions.length - 1 const hasAnswer = answers[currentQuestion] !== undefined return ( router.push("/")} >
{currentQ.question} {currentQ.options.map((option, index) => (
))}
{/* Navigation */}
{isLastQuestion ? ( ) : ( )}
{logicQuestions.map((_, index) => ( ))}
{/* Progress Summary */}
已完成 {Object.keys(answers).length} / {logicQuestions.length} 題
) }