"use client";

import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
import { SklSettings } from "./_components/skl-settings";
import { SklData } from "./_components/skl-data";
import { SklPrint } from "./_components/skl-print";

export default function SklPage() {
  return (
    <div className="flex flex-col gap-6 p-6">
      <div>
        <h1 className="text-3xl font-bold tracking-tight">Surat Keterangan Lulus (SKL)</h1>
        <p className="text-muted-foreground">
          Kelola pengaturan, data nilai, dan pencetakan SKL untuk siswa tingkat akhir.
        </p>
      </div>

      <Tabs defaultValue="settings" className="w-full">
        <TabsList className="grid w-full grid-cols-3 lg:w-[400px]">
          <TabsTrigger value="settings">Pengaturan</TabsTrigger>
          <TabsTrigger value="data">Data Nilai</TabsTrigger>
          <TabsTrigger value="print">Cetak SKL</TabsTrigger>
        </TabsList>
        <div className="mt-6">
          <TabsContent value="settings">
            <Card>
              <CardHeader>
                <CardTitle>Pengaturan SKL</CardTitle>
                <CardDescription>Konfigurasi format surat dan informasi umum.</CardDescription>
              </CardHeader>
              <CardContent>
                <SklSettings />
              </CardContent>
            </Card>
          </TabsContent>
          <TabsContent value="data">
            <Card>
              <CardHeader>
                <CardTitle>Upload Data Nilai</CardTitle>
                <CardDescription>Upload nilai rapor dan ujian via Excel.</CardDescription>
              </CardHeader>
              <CardContent>
                <SklData />
              </CardContent>
            </Card>
          </TabsContent>
          <TabsContent value="print">
            <Card>
              <CardHeader>
                <CardTitle>Cetak SKL</CardTitle>
                <CardDescription>Preview dan cetak SKL per siswa.</CardDescription>
              </CardHeader>
              <CardContent>
                <SklPrint />
              </CardContent>
            </Card>
          </TabsContent>
        </div>
      </Tabs>
    </div>
  );
}