import { message, Modal } from "antd";
import { useRef } from "react";
import Signature from "zy-react-library/components/Signature";

const NeedToKnowModal = (props) => {
  const signatureUrl = useRef("");
  const signatureFile = useRef({});

  return (
    <Modal
      open
      title="安全进港须知"
      width={800}
      maskClosable={false}
      onCancel={props.onCancel}
      onOk={() => {
        if (!signatureUrl.current) {
          message.warning("请签名");
          return;
        }
        props.onOk({
          base64: signatureUrl.current,
          file: signatureFile.current,
        });
      }}
    >
      <div>
        <p style={{ textAlign: "justify", textIndent: "2rem" }}>欢迎您到访秦皇岛港。为保障您的人身安全及港口生产作业秩序，请注意港口属于重点安全监管区域，存在大型机械作业、货物装卸、车辆往来等生产场景，可能面临机械伤害、物体打击、车辆碰撞等安全风险。请您认真阅读以下须知内容，确认遵守后签字：</p>
        <p style={{ textAlign: "justify", textIndent: "2rem" }}>1. 入港时请主动出示有效身份证件，配合安保人员进行身份核验与信息登记，凭港口核发的《临时访客证》入港，自觉接受出港查验；不转借、冒用访客凭证，不将无关人员带入港口。</p>
        <p style={{ textAlign: "justify", textIndent: "2rem" }}>2. 入港后请严格在指定区域活动，未经陪同人员及港口负责人许可，绝不擅自进入标有“禁止入内”“危险区域”等标识的场所，不靠近起重机械、输送设备、危险品存储点等高危部位，不跨越安全护栏、警戒线，不在作业区域逗留围观。</p>
        <p style={{ textAlign: "justify", textIndent: "2rem" }}>3. 遵守港口生产秩序，不干扰装卸、运输、检修等正常工作；不随意触摸、操作生产设备、仪器仪表及安全设施，不移动、遮挡安全警示标识；如需拍摄港口场景，须提前征得港口方同意，不拍摄涉及安全、商业秘密的内容。</p>
        <p style={{ textAlign: "justify", textIndent: "2rem" }}>4. 严格遵守消防安全规定，不在港口内吸烟，不携带火种、易燃易爆物品、管制器具等违禁物品入港；发现火灾、设备故障等隐患或突发情况，第一时间告知陪同人员或港口工作人员，配合应急处置，不擅自行动引发次生风险。</p>
        <p style={{ textAlign: "justify", textIndent: "2rem" }}>5. 注意自身安全防护，行走时主动避让作业车辆与机械，不擅自横穿作业通道；雨天、雾天等恶劣天气下，听从陪同人员安排，加强安全防范。</p>
        <p style={{ textAlign: "justify", textIndent: "2rem" }}>6. 已知晓港口所去区域应急逃生路线，遇紧急情况按港口指引有序疏散。</p>
        <p>本人确认已完整阅读并理解以上须知，承诺严格遵守。如因违反本须知及港口安全规定导致自身人身伤害或港口、他人财产损失，自愿承担全部责任。</p>
      </div>
      <Signature
        onConfirm={(value) => {
          signatureUrl.current = value.base64;
          signatureFile.current = value.file;
        }}
        url={props.signatureUrl}
      />
    </Modal>
  );
};

export default NeedToKnowModal;
