'use client'

/**
 * Klausur-Korrektur Lehrer Page
 *
 * Hauptseite fuer die KI-gestuetzte Abitur-Korrektur.
 * Zeigt alle Klausuren und ermoeglicht das Erstellen neuer Klausuren.
 */

import { useKlausurList } from '@/components/klausur-korrektur/useKlausurList'
import ErrorBanner from '@/components/klausur-korrektur/ErrorBanner'
import ListTabNav from '@/components/klausur-korrektur/ListTabNav'
import WillkommenTab from '@/components/klausur-korrektur/WillkommenTab'
import KlausurenTab from '@/components/klausur-korrektur/KlausurenTab'
import ErstellenTab from '@/components/klausur-korrektur/ErstellenTab'
import DirektuploadTab from '@/components/klausur-korrektur/DirektuploadTab'
import StatistikenTab from '@/components/klausur-korrektur/StatistikenTab'

export default function KlausurKorrekturPage() {
  const list = useKlausurList({ basePath: '/lehrer/klausur-korrektur' })

  return (
    <div>
      {list.error && <ErrorBanner error={list.error} onDismiss={() => list.setError(null)} />}

      <ListTabNav
        activeTab={list.activeTab}
        onTabChange={list.setActiveTab}
        markAsVisited={list.markAsVisited}
      />

      {list.activeTab === 'willkommen' && (
        <WillkommenTab
          klausuren={list.klausuren}
          onNavigate={list.setActiveTab}
          markAsVisited={list.markAsVisited}
        />
      )}

      {list.activeTab === 'klausuren' && (
        <KlausurenTab
          klausuren={list.klausuren}
          loading={list.loading}
          basePath={list.basePath}
          onNavigate={list.setActiveTab}
          onDelete={list.handleDeleteKlausur}
        />
      )}

      {list.activeTab === 'erstellen' && (
        <ErstellenTab
          form={list.form}
          ehForm={list.ehForm}
          templates={list.templates}
          creating={list.creating}
          loadingTemplates={list.loadingTemplates}
          onFormChange={list.setForm}
          onEhFormChange={list.setEhForm}
          onSubmit={list.handleCreateKlausur}
          onCancel={() => list.setActiveTab('klausuren')}
        />
      )}

      {list.activeTab === 'direktupload' && (
        <DirektuploadTab
          direktForm={list.direktForm}
          direktStep={list.direktStep}
          uploading={list.uploading}
          onFormChange={list.setDirektForm}
          onStepChange={list.setDirektStep}
          onUpload={list.handleDirektupload}
          onCancel={() => list.setActiveTab('willkommen')}
        />
      )}

      {list.activeTab === 'statistiken' && (
        <StatistikenTab
          klausuren={list.klausuren}
          gradeInfo={list.gradeInfo}
        />
      )}
    </div>
  )
}