"use client"; import { useEffect, useState } from "react"; import { useParams, useRouter } from "next/navigation"; import { Button } from "@/components/ui/button"; import { ArrowLeft, CalendarDays, MapPin, Users, Clock, ExternalLink, Video, UserCheck, FileText, Save, Loader2, GraduationCap, } from "lucide-react"; interface Student { id: string; status: string; createdAt: string; user: { id: string; phone: string; fullName?: string; profile?: { fullName?: string | null } | null; }; } interface CoachProfile { id: string; profile?: { fullName?: string | null } | null; coachSports?: { id: string; sport: { id: string; name: string }; coachLevel?: string }[]; } interface CourseCoach { id: string; isMain: boolean; coach: CoachProfile; } interface Course { id: string; title: string; slug: string; description?: string; sport: { id: string; name: string }; type: string; status: string; price: string; capacity: number; startDate?: string | null; endDate?: string | null; location?: string | null; onlineLink?: string | null; image?: string | null; surveyTemplateId: string | null; coaches: CourseCoach[]; _count: { registrations: number; files: number }; } export default function CoachCourseDetail() { const { slug } = useParams<{ slug: string }>(); const router = useRouter(); const [course, setCourse] = useState(null); const [students, setStudents] = useState([]); const [onlineLink, setOnlineLink] = useState(""); const [description, setDescription] = useState(""); const [location, setLocation] = useState(""); const [saving, setSaving] = useState(false); const [loading, setLoading] = useState(true); const [message, setMessage] = useState(""); const [evaluations, setEvaluations] = useState>({}); const [grading, setGrading] = useState(false); const [gradeMessage, setGradeMessage] = useState(""); const token = typeof window !== "undefined" ? localStorage.getItem("auth_token") : null; useEffect(() => { (async () => { const [courseRes, regsRes] = await Promise.all([ fetch(`/api/courses/${slug}`, { headers: { Authorization: `Bearer ${token}` } }), fetch("/api/registrations", { headers: { Authorization: `Bearer ${token}` } }), ]); if (courseRes.ok) { const c: Course = await courseRes.json(); setCourse(c); setOnlineLink(c.onlineLink || ""); setDescription(c.description || ""); setLocation(c.location || ""); } if (regsRes.ok) { const data = await regsRes.json(); const mapped: Student[] = (Array.isArray(data) ? data : []).map((r: any) => ({ id: r.id, status: r.status, createdAt: r.createdAt, user: { id: r.user?.id || r.userId, phone: r.user?.phone || "", fullName: r.user?.fullName, profile: r.user?.profile || null, }, })); setStudents(mapped); } setLoading(false); })(); }, [slug]); useEffect(() => { if (!course || course.status !== "COMPLETED") return; (async () => { const res = await fetch(`/api/evaluations?courseId=${course.id}`, { headers: { Authorization: `Bearer ${token}` }, }); if (res.ok) { const data = await res.json(); const map: Record = {}; for (const ev of data) { map[ev.userId] = { score: ev.score != null ? String(ev.score) : "", comment: ev.comment || "", }; } setEvaluations(map); } })(); }, [course]); const handleSave = async () => { if (!course) return; setSaving(true); setMessage(""); const res = await fetch(`/api/courses/${course.id}`, { method: "PATCH", headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` }, body: JSON.stringify({ onlineLink: onlineLink || null, description: description || null, location: location || null, }), }); setSaving(false); if (res.ok) { setMessage("تغییرات ذخیره شد"); setTimeout(() => setMessage(""), 3000); } else { setMessage("خطا در ذخیره"); } }; const handleGradeSave = async () => { if (!course) return; setGrading(true); setGradeMessage(""); const evals = students .filter((s) => s.user.id) .map((s) => ({ userId: s.user.id, score: evaluations[s.user.id]?.score ? parseInt(evaluations[s.user.id].score) : null, comment: evaluations[s.user.id]?.comment || null, })); const res = await fetch("/api/evaluations", { method: "POST", headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` }, body: JSON.stringify({ courseId: course.id, evaluations: evals }), }); setGrading(false); if (res.ok) { setGradeMessage("نمرات ذخیره شد"); setTimeout(() => setGradeMessage(""), 3000); } else { const data = await res.json().catch(() => ({})); setGradeMessage(data.error || "خطا در ذخیره نمرات"); } }; if (loading) { return
; } if (!course) { return
دوره یافت نشد
; } const typeLabel = course.type === "ONLINE" ? "آنلاین" : course.type === "IN_PERSON" ? "حضوری" : "ترکیبی"; const statusLabel: Record = { DRAFT: "پیش‌نویس", ACTIVE: "فعال", COMPLETED: "تکمیل شده", CANCELLED: "لغو شده" }; const statusColor: Record = { ACTIVE: "bg-green-50 text-green-700", DRAFT: "bg-gray-100 text-gray-600", COMPLETED: "bg-blue-50 text-blue-700", CANCELLED: "bg-red-50 text-red-700", }; const mainCoach = course.coaches.find((c) => c.isMain) || course.coaches[0]; const regStatusLabel: Record = { PENDING: "در انتظار", CONFIRMED: "تأیید شده", COMPLETED: "تکمیل شده", CANCELLED: "لغو شده", }; const regStatusColor: Record = { PENDING: "bg-amber-50 text-amber-700", CONFIRMED: "bg-green-50 text-green-700", COMPLETED: "bg-blue-50 text-blue-700", CANCELLED: "bg-red-50 text-red-700", }; return (
{/* Course Info */}
{course.sport.name} {typeLabel} {statusLabel[course.status]}

{course.title}