import React from "react";
import Button from "../../component/Button.jsx";
import ContentTitle from "../../component/ContentTitle.jsx";

export default function EquipmentManagementInsert() {
  return (
    <main>
      <div className="content-wrap">
      <ContentTitle contentTitle={"장비 등록"} />
        <div className="margin-bottom2 insert">
          {/* <div className="flex30">
            <div className="flex margin-bottom">
              <input
                type="text"
                name=""
                id=""
                className="flex80"
                placeholder="사용자 검색"
              />
              <Button btnName={"검색"} className={"flex20"} />
            </div>
            <ul className="user-list">
              <li>검색 내역이 없습니다.</li>
            </ul>
          </div> */}
          <table className="flex70 margin-bottom">
            <tbody className="equipment-insert">
              <tr>
                <th>장비 시리얼 넘버</th>
                <td colSpan={5}>
                  <input type="text" name="" id="" />
                </td>
              </tr>
              <tr>
                <th>기기종류</th>
                <td colSpan={5}>
                  <div className="flex">
                  <input type="checkbox" />
                    <label htmlFor="">
                      
                      스마트 약상자
                    </label>
                    <input type="checkbox" />
                    <label htmlFor="">
                      
                      심전도
                    </label>
                  </div>
                </td>
              </tr>             
              <tr>
                <th>구매일</th>
                <td>
                  <input type="date" />
                </td>
                <th>기기 상태</th>
                <td>
                  <select name="" id="" className="select100">
                    <option value="">양호</option>
                    <option value="">수리중</option>
                    <option value="">불량</option>
                  </select>
                </td>
              </tr>              
            </tbody>
          </table>
        </div>
        <div className="btn-wrap flex-center">
          <Button className={"btn-large gray-btn"} btnName={"취소"} />
          <Button className={"btn-large green-btn"} btnName={"등록"} />
        </div>
      </div>
    </main>
  );
}