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

export default function EquipmentManagementInsert() {
  return (
    <main>
      <div className="content-wrap">
        <div className="page-title  margin-bottom">장비 등록</div>
        <div className="flex-align-start margin-bottom2 insert">         
          <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-start">
                  <input type="checkbox" />
                    <label htmlFor="">
                      
                      스마트 약상자
                    </label>
                    <input type="checkbox" />
                    <label htmlFor="">
                      
                      심전도
                    </label>
                  </div>
                </td>
              </tr>
              <tr>
                <th>사용자</th>
                <td colSpan={5}>
                  <div className="flex">
                    <input type="text" disabled />
                  </div>
                </td>
              </tr>
              <tr>
                <th>주소</th>
                <td colSpan={5}>
                  <div className="flex">
                    <input type="text" disabled />
                  </div>
                </td>
              </tr>
              <tr>
                <th>대여일</th>
                <td>
                  <input type="date"/>
                </td>
                <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>
              <tr>
                <th>아침</th>
                <td>
                  <select name="" id="" className="select100">
                    <option value="">미사용</option>
                    <option value="">사용</option>
                  </select>
                </td>
                <th>점심</th>
                <td>
                  <select name="" id="" className="select100">
                    <option value="">미사용</option>
                    <option value="">사용</option>
                  </select>
                </td>
                <th>저녁</th>
                <td>
                  <select name="" id="" className="select100">
                    <option value="">미사용</option>
                    <option value="">사용</option>
                  </select>
                </td>
              </tr>
              <tr>
                <th>비고</th>
                <td colSpan={5}>
                  <textarea name="" id="" cols="30" rows="10" style={{height:"167px"}}></textarea>
                </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>
  );
}