import type { JSX } from "react"
import Link from "next/link"
import { PlusCircle, BarChart3, ClipboardList } from "lucide-react"
import { getTranslations } from "next-intl/server"
import { Button } from "@/shared/components/ui/button"
import { EmptyState } from "@/shared/components/ui/empty-state"
import { ListPagination, computePagination } from "@/shared/components/ui/list-pagination"
import { WidgetBoundary } from "@/shared/components/widget-boundary"
import { requirePermission } from "@/shared/lib/auth-guard"
import { Permissions } from "@/shared/types/permissions"
import { getParam, type SearchParams } from "@/shared/lib/search-params"
import { getTeacherClasses } from "@/modules/classes/data-access"
import { getGradeRecords } from "@/modules/grades/data-access"
import { getSubjectOptions } from "@/modules/school/data-access"
import { GradeQueryFilters } from "@/modules/grades/components/grade-query-filters"
import { GradeRecordList } from "@/modules/grades/components/grade-record-list"
import { ExportButton } from "@/modules/grades/components/export-button"
import { ExcelImportDialog } from "@/modules/grades/components/excel-import-dialog"
import { isGradeType, isSemester } from "@/modules/grades/lib/type-guards"

export const dynamic = "force-dynamic"

const PAGE_SIZE = 20

export default async function TeacherGradesPage({
  searchParams,
}: {
  searchParams: Promise<SearchParams>
}): Promise<JSX.Element> {
  const sp = await searchParams
  const ctx = await requirePermission(Permissions.GRADE_RECORD_READ)
  const t = await getTranslations("grades")

  const classId = getParam(sp, "classId")
  const subjectId = getParam(sp, "subjectId")
  const type = getParam(sp, "type")
  const semester = getParam(sp, "semester")

  // P3 修复：使用 DB 层分页，移除重复计算
  const { page } = computePagination(sp, PAGE_SIZE)
  const offset = (page - 1) * PAGE_SIZE

  const [classes, allSubjects, result] = await Promise.all([
    getTeacherClasses(),
    getSubjectOptions(),
    getGradeRecords({
      scope: ctx.dataScope,
      currentUserId: ctx.userId,
      classId: classId && classId !== "all" ? classId : undefined,
      subjectId: subjectId && subjectId !== "all" ? subjectId : undefined,
      type: type && type !== "all" ? isGradeType(type) ? type : undefined : undefined,
      semester: semester && semester !== "all" ? isSemester(semester) ? semester : undefined : undefined,
      limit: PAGE_SIZE,
      offset,
    }),
  ])

  const classOptions = classes.map((c) => ({ id: c.id, name: c.name }))
  const subjectOptions = allSubjects.map((s) => ({ id: s.id, name: s.name }))

  // 使用 DB 返回的 total 和 totalPages，移除重复计算
  const total = result.total
  const totalPages = Math.max(1, Math.ceil(total / PAGE_SIZE))
  const currentPage = Math.min(page, totalPages)
  const pagedRecords = result.records
  const hasFilters = Boolean(classId || subjectId || type || semester)

  return (
    <div className="h-full flex-1 flex-col space-y-8 p-8 md:flex">
      <div className="flex items-center justify-between space-y-2">
        <div>
          <h1 className="text-2xl font-bold tracking-tight">{t("title.list")}</h1>
          <p className="text-muted-foreground">{t("page.list.description")}</p>
        </div>
        <div className="flex items-center gap-2">
          <Button asChild variant="outline">
            <Link href="/teacher/grades/stats">
              <BarChart3 className="mr-2 h-4 w-4" aria-hidden="true" />
              {t("page.list.stats")}
            </Link>
          </Button>
          <Button asChild variant="outline">
            <Link href="/teacher/grades/entry">
              <ClipboardList className="mr-2 h-4 w-4" aria-hidden="true" />
              {t("page.list.batchEntry")}
            </Link>
          </Button>
          <ExportButton
            classId={classId && classId !== "all" ? classId : ""}
            subjectId={subjectId && subjectId !== "all" ? subjectId : undefined}
            variant="outline"
          />
          <ExcelImportDialog
            classId={classId && classId !== "all" ? classId : (classes[0]?.id ?? "")}
            classes={classes.map((c) => ({ id: c.id, name: c.name }))}
            subjects={allSubjects.map((s) => ({ id: s.id, name: s.name ?? "Unknown" }))}
          />
          <Button asChild>
            <Link href="/teacher/grades/entry">
              <PlusCircle className="mr-2 h-4 w-4" aria-hidden="true" />
              {t("page.list.enterGrades")}
            </Link>
          </Button>
        </div>
      </div>

      <GradeQueryFilters classes={classOptions} subjects={subjectOptions} />

      {total === 0 && !hasFilters ? (
        <EmptyState
          title={t("page.list.emptyTitle")}
          description={t("page.list.emptyDescription")}
          icon={ClipboardList}
          action={{
            label: t("page.list.emptyActionLabel"),
            href: "/teacher/grades/entry",
          }}
        />
      ) : (
        <div className="space-y-4">
          {/* P1-9: 用 WidgetBoundary 包裹独立数据区块，隔离故障域 */}
          <WidgetBoundary title={t("title.list")}>
            <GradeRecordList records={pagedRecords} />
          </WidgetBoundary>
          {total > 0 ? (
            <ListPagination
              page={currentPage}
              pageSize={PAGE_SIZE}
              total={total}
              totalPages={totalPages}
              basePath="/teacher/grades"
              searchParams={sp}
              itemLabel={t("page.list.recordUnit")}
            />
          ) : null}
        </div>
      )}
    </div>
  )
}