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 NotApplicableCheckButton from "@/components/button/NotApplicableCheckButton";

import { ComplaintInpColumn } from "@/components/util/column/input/sewerageServiceLevel/ComplaintInpColumn";
import { ResidentFriendlyFactInpColumn } from "@/components/util/column/input/sewerageServiceLevel/ResidentFriendlyFactInpColumn";

// 하수도 통계 관리 > 13. 하수도 서비스 수준
const SewerageServiceLevelInp = () => {
    
    // tab List
    const SewerageServiceLevelInpTabList = [
        ComplaintInpColumn,
        ResidentFriendlyFactInpColumn
    ];

    const submitExceptionFunc = () => {
        // 예외 제출 로직
    };

    const getLastYearDataFunc = () => {
        // 지난연도 데이터 가져오기 로직
    };

    const submitFunc = () => {
        // 제출 로직
    };

    const saveFunc = () => {
        // 저장 로직
    };

    const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
    const [isNotApplicable, setIsNotApplicable] = useState(false);

    return (
        <>
            <SearchForm />
            <div className="card !py-0">
                <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
                    <SubmitExceptionButton SubmitExceptionFunc={submitExceptionFunc} />
                    <LastYearDataButton getLastYearDataFunc={getLastYearDataFunc} />
                    <SubmitButton submitFunc={submitFunc} />
                    <SaveButton saveFunc={saveFunc} />
                </div>
            </div>
            <div className="card !py-0">
                <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
                    <NotApplicableCheckButton isCheck={isNotApplicable} setIsCheck={setIsNotApplicable} />
                </div>
            </div>
            <TabDataGrid 
                columnInfo={SewerageServiceLevelInpTabList} 
                rowDataMap={rowDataMap} 
                setRowDataMap={setRowDataMap} 
            />
        </>
    );
};

export default SewerageServiceLevelInp;