import React from "react";
import Table from "../../component/Table.jsx";
import Button from "../../component/Button.jsx";
import { useNavigate } from "react-router";
import DetailSearch from "../../component/AgencySearch.jsx";
import ContentTitle from "../../component/ContentTitle.jsx";
import SubTitle from "../../component/SubTitle.jsx";

export default function SeniorSelect() {
  const navigate = useNavigate();

  //게시판
  const thead = [
    "No",
    "소속기관명",
    "이름",
    "성별",
    "생년월일",
    "연락처",
    "ID",
    "승인여부",
  ];
  const key = [
    "No",
    "center",
    "name",
    "gender",
    "birth",
    "phone",
    "ID",
    "worker",
  ];
  const content = [
    {
      No: 1,
      center: "A복지관",
      name: "홍길동",
      gender: "여",
      birth: "920516",
      phone: "010-1234-1234",
      ID: "a123",
      worker: (<div className="btn-wrap">
      <Button
        className={"btn-small green-btn"}
        btnName={"승인"}
        onClick={() => {
          navigate("/SeniorInsert");
        }}
      />
      <Button className={"btn-small green-btn"} btnName={"반려"} />
    </div>)
    },
    {
      No: 2,
      center: "A복지관",
      name: "홍길동",
      gender: "여",
      birth: "920506",
      phone: "010-1234-1234",
      ID: "b123",
      worker: (<div className="btn-wrap">
      <Button
        className={"btn-small green-btn"}
        btnName={"승인"}
        onClick={() => {
          navigate("/SeniorInsert");
        }}
      />
      <Button className={"btn-small green-btn"} btnName={"반려"} />
    </div>)
    },
    {
      No: 3,
      center: "A복지관",
      name: "홍길동",
      gender: "여",
      birth: "920519",
      phone: "010-1234-1234",
      ID: "c123",
      worker: (<div className="btn-wrap">
      <Button
        className={"btn-small green-btn"}
        btnName={"승인"}
        onClick={() => {
          navigate("/SeniorInsert");
        }}
      />
      <Button className={"btn-small green-btn"} btnName={"반려"} />
    </div>)
    },

  ];

  //select option 동적 생성
  // const optionList = () => {
  //   let year = [];
  //   let month = [];
  //   let days = [];
  //   let currentDate = new Date();
  //   let currentYear = currentDate.getFullYear();

  //   for (let i = 1910; i < currentYear.length; i++) {
  //     year.push(i);
  //   }

  //   for (let j = 1; i < 13; j++) {
  //     month.push(j);
  //   }

  //   for (let k = 1; i < 32; k++) {
  //     days.push(k);
  //   }
  //   return year, month, days;
  // };

  // React.useEffect(() => {
  //   optionList();
  // }, []);

  return (
    <main>
      <div className="content-wrap">
        <ContentTitle contentTitle={"사용자 계정 승인"} />
        <div>
          <div className="board-wrap">
            <div className="flex">
              <SubTitle className="margin-bottom" explanation={"승인버튼을 누르면 시행기관의 복지사로 등록됩니다."} />
              
            </div >
            <Table
              className={"senior-table"}
              head={thead}
              contents={content}
              contentKey={key}
              
            />

          </div>
        </div>
      </div>
    </main>
  );
}
