/*
 * Author: 黎永顺
 * name: 工资单模板基础设置
 * Description:
 * Date: 2023/6/12
 */
import React, { Component } from "react";
import { WeaCheckbox, WeaFormItem, WeaLocaleProvider, WeaSearchGroup, WeaSelect } from "ecCom";
import { message } from "antd";
import { getSalaryBillBaseSetForm, salaryBillBaseSetSave } from "../../apis/payroll";
import WaterMarkSetModal from "./components/waterMarkSetModal";
import "./index.less";

const getLabel = WeaLocaleProvider.getLabel;

class TemplateBaseSettings extends Component {
  constructor(props) {
    super(props);
    this.state = {
      watermarkStatus: "0",
      watermark: "DEFAULT",
      wmSetting: null,
      watermarkSet: {
        visible: false, watermarkSetting: null
      }
    };
  }

  componentDidMount() {
    this.getSalaryBillBaseSetForm();
  }

  getSalaryBillBaseSetForm = () => {
    const { watermarkSet } = this.state;
    getSalaryBillBaseSetForm().then(({ status, data }) => {
      if (status) {
        const { watermarkStatus, watermark = "DEFAULT", watermarkSetting } = data;
        this.setState({
          watermark, watermarkStatus: watermarkStatus ? "1" : "0",
          watermarkSet: {
            ...watermarkSet,
            watermarkSetting
          }
        }, () => window.localStorage.setItem("wmSetting", JSON.stringify({ wmSetting: watermarkSetting })));
      }
    });
  };
  salaryBillBaseSetSave = () => {
    const { watermark, watermarkStatus, wmSetting } = this.state;
    let payload = { watermarkStatus: watermarkStatus === "1" };
    if (watermarkStatus === "1") payload = { ...payload, watermark };
    if (!_.isNil(wmSetting)) payload = { ...payload, watermark, ...wmSetting };
    this.props.onChangeLoading(true);
    salaryBillBaseSetSave(payload).then(({ status, errormsg }) => {
      this.props.onChangeLoading(false);
      if (status) {
        message.success(getLabel(111, "保存成功"));
        this.getSalaryBillBaseSetForm();
      } else {
        message.error(errormsg || getLabel(111, "保存失败"));
      }
    }).catch(() => this.props.onChangeLoading(false));
  };

  render() {
    const { watermarkStatus, watermark, watermarkSet } = this.state;
    return (
      <WeaSearchGroup title={getLabel(111, "水印设置")} showGroup needTigger className="waterMarkWrapper">
        <WeaFormItem label={getLabel(111, "启用水印")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
          <WeaCheckbox value={watermarkStatus} display="switch"
                       onChange={watermarkStatus => this.setState({ watermarkStatus, watermark: "DEFAULT" })}/>
        </WeaFormItem>
        {
          watermarkStatus === "1" &&
          <WeaFormItem label={getLabel(111, "水印类型")} labelCol={{ span: 2 }} wrapperCol={{ span: 4 }}>
            <WeaSelect
              value={watermark}
              options={[
                { key: "DEFAULT", showname: getLabel(111, "系统默认水印") },
                { key: "CUSTOM", showname: getLabel(111, "自定义水印") }
              ]}
              onChange={watermark => this.setState({ watermark })}
            />
            {
              watermark === "CUSTOM" &&
              <span className="waterMarkTitle" onClick={() => this.setState({
                watermarkSet: {
                  ...watermarkSet,
                  visible: true
                }
              })}>{getLabel(111, "水印设置")}</span>
            }
            <WaterMarkSetModal {...watermarkSet}
                               onClose={() => this.setState({ watermarkSet: { ...watermarkSet, visible: false } })}
                               onChange={wmSetting => this.setState({ wmSetting })}
            />
          </WeaFormItem>
        }
      </WeaSearchGroup>
    );
  }
}

export default TemplateBaseSettings;