import { Button, Descriptions, Modal } from "antd";
import PreviewImg from "zy-react-library/components/PreviewImg";
import PreviewPdf from "zy-react-library/components/PreviewPdf";
import { getFileSuffix } from "zy-react-library/utils";

const ViewQualificationDetailsModal = (props) => {
  const previewFile = () => {
    const imgFiles = [];
    const pdfFiles = [];
    for (let i = 0; i < props.data.files.length; i++) {
      if (getFileSuffix(props.data.files[i].fileName) === "pdf") {
        pdfFiles.push(props.data.files[i]);
      }
      else {
        imgFiles.push(props.data.files[i]);
      }
    }
    if (imgFiles.length > 0 && pdfFiles.length > 0) {
      return (
        <>
          <div><PreviewImg files={imgFiles} /></div>
          <div style={{ marginTop: 20 }}><PreviewPdf files={pdfFiles} urlKey="url" /></div>
        </>
      );
    }
    if (imgFiles.length > 0) {
      return <PreviewImg files={imgFiles} />;
    }
    if (pdfFiles.length > 0) {
      return <PreviewPdf files={pdfFiles} />;
    }
  };

  return (
    <Modal
      title={`${props.data.dataName}资质`}
      width={800}
      open
      maskClosable={false}
      onCancel={props.onCancel}
      footer={[
        <Button key="cancel" onClick={props.onCancel}>取消</Button>,
      ]}
    >
      <Descriptions
        bordered
        column={1}
        styles={{ label: { width: 200 } }}
        items={[
          { label: "资质", children: previewFile() },
          ...(props.data.isValidity === 0
            ? [{ label: "有效期开始时间", children: props.data.qualificationsTermStart }, { label: "有效期结束时间", children: props.data.qualificationsTermEnd }]
            : []),
        ]}
      />
    </Modal>
  );
};

export default ViewQualificationDetailsModal;