DataRush/services/frontend/src/pages/CompetitionSession/index.tsx

import { useState, useEffect } from "react";
import { useParams, Navigate } from "react-router-dom";
import { Task, TaskStatus } from "@/shared/types";
import { mockSolutions } from "@/shared/mocks/mocks"; // Keep mocks for solutions for now
import CompetitionHeader from "./components/CompetitionHeader";
import TaskContent from "./components/TaskContent";
import TaskSolution from "./modules/TaskSolution";
import { getCompetitionTasks } from "@/shared/api/session";
import { Loader2 } from "lucide-react";

const CompetitionSession = () => {
  const { id, taskId } = useParams<{ id: string; taskId?: string }>();
  const [tasks, setTasks] = useState<Task[]>([]);
  const [answer, setAnswer] = useState("");
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState<string | null>(null);

  const competitionId = id || "";

  useEffect(() => {
    const fetchTasks = async () => {
      try {
        setLoading(true);
        const fetchedTasks = await getCompetitionTasks(competitionId);
        setTasks(fetchedTasks);
        setError(null);
      } catch (err) {
        console.error("Failed to fetch tasks:", err);
        setError("Не удалось загрузить задания. Пожалуйста, попробуйте позже.");
      } finally {
        setLoading(false);
      }
    };

    if (competitionId) {
      fetchTasks();
    }
  }, [competitionId]);

  const currentTask = tasks.find(t => t.id === taskId) || null;

  if (!taskId && tasks.length > 0 && !loading) {
    return <Navigate to={`/competition/${competitionId}/tasks/${tasks[0].id}`} replace />;
  }

  const handleSubmit = async () => {
    if (!currentTask || !competitionId) return;
    
    try {

      console.log("Solution submitted successfully");
    } catch (err) {
      console.error("Failed to submit solution:", err);
    }
  };

  return (
    <div className="flex flex-col min-h-screen">
      <CompetitionHeader 
        title="Олимпиада DANO 2025. Индивидуальный этап"
        tasks={tasks} 
        competitionId={competitionId}  
      />
      
      <main className="flex-1 bg-[#F8F8F8] pb-8">
        <div className="max-w-6xl mx-auto px-4 py-6">
          {loading ? (
            <div className="flex flex-col items-center justify-center h-40 bg-white rounded-lg">
              <Loader2 className="h-8 w-8 animate-spin text-gray-400 mb-2" />
              <p className="font-hse-sans text-gray-500">
                Загрузка заданий...
              </p>
            </div>
          ) : error ? (
            <div className="flex justify-center items-center h-40 bg-white rounded-lg">
              <p className="font-hse-sans text-red-500">
                {error}
              </p>
            </div>
          ) : currentTask ? (
            <div className="flex flex-col md:flex-row gap-6 font-hse-sans">
              <TaskContent task={currentTask} />
              <TaskSolution 
                task={currentTask}
                solutions={mockSolutions} // Still using mock solutions
                answer={answer}
                setAnswer={setAnswer}
                onSubmit={handleSubmit}
              />
            </div>
          ) : (
            <div className="flex justify-center items-center h-40 bg-white rounded-lg">
              <p className="font-hse-sans text-gray-500">
                Задание не найдено
              </p>
            </div>
          )}
        </div>
      </main>
    </div>
  );
};

export default CompetitionSession;