import { useState } from "react";
import SearchForm from "@/components/module/SearchForm";
import { TabDataGrid } from '@rsone/components';
import SubmitButton from "@/components/button/SumitButton";
import SaveButton from "@/components/button/SaveButton";
import LastYearDataButton from "@/components/button/LastYearDataButton";
import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
import OperateDateButton from "@/components/button/OperateDataButton";

import { RegionalFacilityStatusMngColumn } from "@/components/util/column/input/sewagePipe/RegionalFacilityStatusMngColumn";
import { FacilityInstallStatusMngColumn } from "@/components/util/column/input/sewagePipe/FacilityInstallStatusMngColumn";
import { PipeTypeStatusMngColumn } from "@/components/util/column/input/sewagePipe/PipeTypeStatusMngColumn";
import { PipeDiameterStatusMngColumn } from "@/components/util/column/input/sewagePipe/PipeDiameterStatusMngColumn";
import { ManholeStatusMngColumn } from "@/components/util/column/input/sewagePipe/ManholeStatusMngColumn";
import { 
    AdminAreaConnectionMngColumn, 
    TreatmentPlantConnectionMngColumn 
} from "@/components/util/column/input/sewagePipe/ConnectionStatusMngColumn";

// 하수도 통계 관리 > 02. 하수관로 
const SewagePipeInp = () => {
    const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());

    // tab List
    const SewagePipeInpColumnList = [
        RegionalFacilityStatusMngColumn,
        FacilityInstallStatusMngColumn,
        PipeTypeStatusMngColumn,
        PipeDiameterStatusMngColumn,
        ManholeStatusMngColumn,
        // 일단 각 tab으로 구현 
        AdminAreaConnectionMngColumn,
        TreatmentPlantConnectionMngColumn
    ];

    const SubmitExceptionFunc = () => {
        console.log('submit exception');
        // 예외 제출 로직 
    };

    const getLastYearDataFunc = () => {
        console.log('get last year data');
        // 전년도 데이터 가져오기
    };

    const submitFunc = () => {
        console.log('submit');
        // 제출 로직
    };

    const saveFunc = () => {
        console.log('save');
        // 저장 로직
    };

    // 화면정의서 때문에 추가한 button 
    const getOperateDataFunc = () => {
    };

    return (
        <>
            <SearchForm userMenual={true} />
            <div className="card !py-0">
                <div className="flex justify-end items-center gap-[0.6rem] mx-[0.6rem]">
                    <SubmitExceptionButton SubmitExceptionFunc={SubmitExceptionFunc} />
                    <LastYearDataButton getLastYearDataFunc={getLastYearDataFunc} />
                    <OperateDateButton getOperateDataFunc={getOperateDataFunc} />
                    <SubmitButton submitFunc={submitFunc} />
                    <SaveButton saveFunc={saveFunc} />
                </div>
            </div>
            <TabDataGrid columnInfo={SewagePipeInpColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
        </>
    );
};

export default SewagePipeInp;