import AuthenticatedLayout from "@/layouts/authenticated-layout"; import { Head } from "@inertiajs/react"; import React from "react"; import { useState } from "react"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/components/ui/table"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { BadgeCheck, ChevronLeft, ChevronRight, ChevronUp, Download, FileText, Search, Upload, } from "lucide-react"; import Select from "react-select"; interface SKLData { no: number; namaPerusahaan: string; tahun: number; periodePelaporan: string; skl: number; spbm: number; hasil: { il: string; al: string; lb3: string; sb: string; bs: string; stb: string; lp: string; kdm: string; }; stt: string; se: string; } export default function PelaporanIndex() { const [year, setYear] = useState("2025"); const [quarter, setQuarter] = useState("Triwulan 1"); // const [company, setCompany] = useState("PT Ajinomoto Indonesia"); const companyOptions = [ { value: "PT Ajinomoto Indonesia", label: "PT Ajinomoto Indonesia" }, { value: "PT Unilever Indonesia", label: "PT Unilever Indonesia" }, { value: "PT Indofood Sukses Makmur", label: "PT Indofood Sukses Makmur", }, { value: "PT Mayora Indah", label: "PT Mayora Indah" }, ]; const [company, setCompany] = useState<{ value: string; label: string; } | null>(companyOptions[0]); // Color coding helper const getStatusColor = (status: string) => { switch (status) { case "belum": return "bg-red-100 text-red-800"; case "pending": return "bg-gray-100 text-gray-800"; case "siap": return "bg-orange-100 text-orange-800"; case "selesai": return "bg-green-100 text-green-800"; default: return ""; } }; return (

{/* Filter Section */}

setYear(e.target.value)} className="w-24" />