import React from "react";
import "./UI81.css";
import "../../assets/css/basic.css";
import { useNavigate } from "react-router-dom";
import ConfirmButton from "../../components/ConfirmButton";
import DecorLine from "../../components/DecorLine";
import errorIcon from "../../assets/error.png";

const UI81: React.FC = () => {
  const navigate = useNavigate();

  const handleConfirm = () => {
    navigate("/UI9");
  };

  return (
    <div className="basic-root">
      <div className="basic-white-block">
        <div className="basic-content">
          <div className="ui81-error-container">
            <img src={errorIcon} alt="error" />
            <span className="basic-title">温馨提示</span>
          </div>
          <DecorLine />

          <span className="ui81-paragraph">
            <h4>
              尊敬的 {localStorage.getItem("name")}
              先生/女士，体检过程中请您特别留意：
            </h4>
            <ol className="ui81-list">
              <li>
                请您先行完成需要空腹的项目后再用餐（需空腹：腹部超声、静脉采血、上腹部
                CT/MR、幽门螺旋杆菌呼气检测等）。
              </li>
              <li>
                怀孕、备孕及哺乳期的妇女，请勿进行胸片、钼靶、CT、口腔全景片等放射科检查。
              </li>
              <li>
                有假乳（植入假体）或有乳房重塑手术病史的女性，不建议行乳腺钼靶检查。
              </li>
              <li>
                自愿放弃检查时，需您签字确认，明确理解弃检项目的意义，自愿承担因弃检导致筛查信息不完整的后果。
              </li>
              <li>所有延期项目请在一个月内完成，否则将按自动弃检处理。</li>
              <li>体检完成后请将该体检导引单交至 B1 楼前台的工作人员。</li>
              <li>
                若您有长期服用任何药物，或体检过程中感到头晕、心慌等不适，请随时告知工作人员。
              </li>
            </ol>
          </span>

          <div className="ui81-confirm-section">
            <ConfirmButton text="我知道了" onClick={handleConfirm} />
          </div>
        </div>
      </div>
    </div>
  );
};

export default UI81;
