Tersambung IPAL Komunal:

setIsConnected(true) } checked={isConnected === true} /> Ya

setIsConnected(false) } checked={isConnected === false} /> Tidak

{isConnected && (

Lampiran * {" "} :

)}

setIsUploadModalOpen(false)} onUpload={(file) => { setUploadedFile(file); // Handle the file upload logic here console.log("File uploaded:", file); }} /> {/* Main Form Table */}

{/* Section 1 */} {/* Technical Requirements */} {[ "Instalasi pengolah air limbah", "Flowmeter", "Titik pengambilan sampel", "Saluran air limbah & air hujan terpisah", "Izin pembuangan air limbah", ].map((item, index) => ( ))} {/* Implementation Section */} {[ { name: "Pengujian air limbah", hasAttachment: true, }, { name: "Pemenuhan baku mutu air limbah", hasAttachment: false, }, { name: "Pelaksanaan dan pemutusan wewenang", hasSelect: true, }, { name: "Pembuatan neraca air", hasSelect: true, }, { name: "Sertifikasi kompetensi", hasSelect: true, }, ].map((item, index) => ( ))}

No	Komponen	Hasil	Nilai	Lampiran
I	Nilai tingkat ketaatan pengelolaan air limbah (IKLl) (%)		100
A{index + 1}	{item} Deskripsi untuk {item}	{" "}	100
A{index + 6}	{item.name}		100	{item.hasAttachment && ( Data... )}

{/* Notes Section */}

Catatan

</div>

{/* Agreement & Submit Section */}
                            <div className="mt-8 space-y-6">
                                <div className="flex items-start gap-3 p-4 bg-green-50 rounded-lg border border-teal-200">
                                    <Checkbox id="agreement" className="mt-1" />
                                    <Label
                                        htmlFor="agreement"
                                        className="text-sm leading-relaxed text-gray-700"
                                    >
                                        Dengan mencentang ini, kami menyatakan
                                        bahwa laporan ini telah disusun
                                        berdasarkan ketentuan peraturan yang
                                        berlaku dan kami bersedia bertanggung
                                        jawab atas kebenaran data-data yang kami
                                        kirimkan sesuai dengan fakta dilapangan.
                                    </Label>
                                </div>

<div className="flex justify-end gap-4">
                                    <Button
                                        variant="outline"
                                        className="hover:bg-gray-100"
                                    >
                                        Simpan Draft
                                    </Button>
                                    <Button className="bg-[#166534] hover:bg-green-700 transition-colors px-8">
                                        Kirim Laporan
                                    </Button>
                                </div>
                            </div>
                        </div>
                    </CardContent>
                </Card>
            </div>
        </AuthenticatedLayout>
    );
};

export default PelaporanALForm;