import Link from "next/link";

type RouteItem = { label: string; href: string };

const STATIC_ROUTES: RouteItem[] = [
  { label: "홈", href: "/" },
  { label: "교육 과정 목록", href: "/course-list" },
  { label: "학습 자료실 목록", href: "/resources" },
  { label: "공지사항 목록", href: "/notices" },
  { label: "내 강좌실 - 강좌 목록", href: "/menu/courses" },
  { label: "내 강좌실 - 학습 결과", href: "/menu/results" },
  { label: "내 정보 수정", href: "/menu/account" },
  { label: "로그인", href: "/login" },
  { label: "회원가입", href: "/register" },
  { label: "아이디 찾기", href: "/find-id" },
  { label: "비밀번호 재설정", href: "/reset-password" },
];

// 예시가 필요한 동적 라우트
const DYNAMIC_EXAMPLES: RouteItem[] = [
  { label: "공지사항 상세(예시)", href: "/notices/1" },
  { label: "자료실 상세(예시)", href: "/resources/1" },
  { label: "강좌 상세(예시)", href: "/menu/courses/abc123" },
  // { label: "레슨 시작(예시)", href: "/menu/courses/lessons/c1l1/start" },
  // { label: "레슨 이어서(예시)", href: "/menu/courses/lessons/c1l1/continue" },
  { label: "영상", href: "/c1l1/review" },
];

export default function AllPages() {
  return (
    <main className="mx-auto max-w-[960px] p-8">

      <section className="mb-10">
        <h2 className="mb-3 text-[18px] font-semibold leading-[1.5] text-[#333c47]">
          기본/정적 페이지
        </h2>
        <ul className="list-disc pl-6">
          {STATIC_ROUTES.map((r) => (
            <li key={r.href} className="mb-1">
              <Link href={r.href} className="text-[#1f2b91] underline">
                {r.label}
              </Link>
            </li>
          ))}
        </ul>
      </section>

      <section>
        <h2 className="mb-3 text-[18px] font-semibold leading-[1.5] text-[#333c47]">
          동적 페이지 (예시 링크)
        </h2>
        <ul className="list-disc pl-6">
          {DYNAMIC_EXAMPLES.map((r) => (
            <li key={r.href} className="mb-1">
              <Link href={r.href} className="text-[#1f2b91] underline">
                {r.label}
              </Link>
            </li>
          ))}
        </ul>
      </section>
    </main>
  );
}


