"use client";
import Link from "next/link";
import { Button } from "@common/components/ui";

export default function Home() {
  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">
                <Link href="ruseFcltMng/fcltReg/pbnstReg">
                  하수재이용 시설 등록
                </Link>
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full">
                <Link href="ruseFcltMng/fcltReg/rainReg">
                  빗물재이용 시설 등록
                </Link>
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full">
                <Link href="ruseFcltMng/fcltReg/rswtReg">중수도시설 등록</Link>
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full">
                <Link href="ruseFcltMng/fcltReg/htdflReg">온배수 등록</Link>
              </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">
                <Link href="ruseFcltMng/prfmncReg/pbnstPrfmncReg">
                  하수재이용실적 등록
                </Link>
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full">
                <Link href="ruseFcltMng/prfmncReg/chkgdnReg">
                  지도점검 결과 등록
                </Link>
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full">
                <Link href="ruseFcltMng/prfmncSttn/chkgdnSttn">지도점검 결과 현황</Link>
              </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">
                <Link href="ruseFcltMng/fcltSttn/pbnstSttn">
                  하수재이용시설현황
                </Link>
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full">
                <Link href="ruseFcltMng/fcltSttn/rainSttn">
                  빗물재이용시설현황
                </Link>
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full">
                <Link href="ruseFcltMng/fcltSttn/rswtSttn">
                  중수도이용시설현황
                </Link>
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full">
                <Link href="ruseFcltMng/fcltSttn/htdflSttn">
                  온배수현황
                </Link>
              </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">
                <Link href="matMng/matDmd/coReg">수요처 등록</Link>
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full">
                <Link href="matMng/matDmd/coSttn">수요처 관리</Link>
              </Button>
            </div>
            <div className="col-span-2">
              <Button className="w-full">
                <Link href="matMng/matDmd/ldrmntCoSttn">잠재수요처 관리</Link>
              </Button>
            </div>
          </div>
        </div>
      </div>
    </>
  );
}