"use client";
import { Button } from "@common/components/ui";
import { useRouter } from "next/navigation";

export default function Home() {
  const router = useRouter();
  return (
    <>
      <div className="flex flex-col gap-8 p-6">
        {/* 시설 등록 */}
        <div>
          <h2 className="text-xl font-semibold mb-4">시설 등록</h2>
          <div className="grid grid-cols-12 gap-4">
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltReg/pbnstReg')}}>
                  하수재이용 시설 등록
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltReg/rainReg')}}>
                  빗물재이용 시설 등록
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltReg/rswtReg')}}>
                중수도시설 등록
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltReg/htdflReg')}}>
                온배수시설 등록
              </Button>
            </div>
          </div>
        </div>

        {/* 지도점검 결과 */}
        <div>
          <h2 className="text-xl font-semibold mb-4">지도점검 결과</h2>
          <div className="grid grid-cols-12 gap-4">
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/prfmncReg/pbnstPrfmncReg')}}>
                  하수재이용실적 등록
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/prfmncSttn/pbnstPrfmncSttn')}}>
                  하수재이용실적 현황
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/prfmncReg/chkgdnReg')}}>
                  지도점검 결과 등록
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/prfmncSttn/chkgdnSttn')}}>
                  지도점검 결과 현황
              </Button>
            </div>
          </div>
        </div>

        {/* 시설 현황 */}
        <div>
          <h2 className="text-xl font-semibold mb-4">시설 현황</h2>
          <div className="grid grid-cols-12 gap-4">
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltSttn/pbnstSttn')}}>
                  하수재이용시설현황
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltSttn/rainSttn')}}>
                  빗물재이용시설현황
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltSttn/rswtSttn')}}>
                  중수도이용시설현황
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/ruseFcltMng/fcltSttn/htdflSttn')}}>
                  온배수현황
              </Button>
            </div>
          </div>
        </div>

        {/* 수요처 관리 */}
        <div>
          <h2 className="text-xl font-semibold mb-4">수요처 관리</h2>
          <div className="grid grid-cols-12 gap-4">
         
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/matMng/coMng/coSttn')}}>
                수요처 관리
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/matMng/coMng/ldrmntCoSttn')}}>
                잠재수요처 관리
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/matMng/coMng/drgtSttn')}}>
                우리동네가뭄
              </Button>
            </div>
          </div>
        </div>

        {/* 수요처 매칭 */}
        <div>
          <h2 className="text-xl font-semibold mb-4">수요처 매칭</h2>
          <div className="grid grid-cols-12 gap-4">
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/matMng/coMat/coMatRvw')}}>
                수요처 매칭 검토
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/matMng/coMat/ruseRvwHstry')}}>
                재이용검토이력
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/matMng/coMat/ruseCaseMng')}}>
                물재이용사례 관리
              </Button>
            </div>
          </div>
        </div>
          {/* 통계*/}
        <div>
          <h2 className="text-xl font-semibold mb-4">통계 매칭</h2>
          <div className="grid grid-cols-12 gap-4">
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/stats/rainStat')}}>
                빗물재이용시설통계
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/stats/rswtStat')}}>
                중수도시설통계
              </Button>
            </div>
          </div>
        </div>

        {/* 시설 현황(지도) */}
        <div>
          <h2 className="text-xl font-semibold mb-4">시설 현황(지도)</h2>
          <div className="grid grid-cols-12 gap-4">
            <div className="col-span-2">
              <Button className="w-full" onClick={() => {router.push('/map/mainMap')}}>
                시설 현황(지도)
              </Button>
            </div>
          </div>
        </div>
      </div>
    </>
  );
}