HasilPemeriksaan

import React, { Fragment } from "react";
import axios from 'axios';
import swal from 'sweetalert2';
import { Link } from "react-router-dom";
import * as moment from 'moment'
import {
Input,
Col,
Row,
Select,
Button,
Modal,
DatePicker,
AutoComplete,
Checkbox,
Layout,
Icon,
Tooltip,
message,
Spin,
Skeleton,
Popconfirm,
Form,
Alert,

} from 'antd';
import DataGrid, { Column } from 'devextreme-react/data-grid';
import TabelKonversi from '../TabelKonversi';
import {
getBarangPemberitahuanPFPD,
getCekBmtPFPD,
getCekLartasPFPD,
getMaxSeriBarangPFPD,
getDokumenPabeanPFPD,
getBMTPFPD,
getBarangPenetapanPFPD,
setLoadingPenetapan,
resetBarangPemberitahuanPFPD,
resetBarangPenetapanPFPD,
getListBarangPFPD,
getListKesalahanPFPD,
getCekKuotaLartasPFPD,
resetKeselahanPFPD,
resetLartas
} from "../../../../appRedux/reducers/pfpd";
import {
setInput,
setMultiInput,
resetInput,
} from "../../../../appRedux/reducers/core";
import {
getSatuanBarang
} from "../../../../appRedux/reducers/satuan_barang";
import {
getKemasan
} from "../../../../appRedux/reducers/kemasan";
import {
getTarifSubKomoditiCukai,
} from "../../../../appRedux/reducers/tarif_sub_komoditi_cukai";
import { connect } from 'react-redux';
import _ from "lodash";
import '../barang.css';
import RekamLPPT from '../RekamLPPT'
import RekamLPPNP from '../RekamLPPNP'
import Listkesalahan from '../Listkesalahan'
import DetailLPPNP from "../DetailLPPNP"
import RisalahPenetapan from "../RisalahPenetapan";
import DetailLPPT from "../DetailLPPT";
// import { ExclamationCircleOutlined } from '@ant-design/icons';

const { confirm } = Modal;

const { Header, Footer, Sider, Content } = Layout;
const InputGroup = Input.Group;
const { Search, TextArea } = Input;
const { Option } = Select;

function onChange(value) {
console.log(`selected ${value}`);
}

function onBlur() {
console.log('blur');
}

function onFocus() {
console.log('focus');
}

function onSearch(val) {
console.log('search:', val);
}

class HasilPemeriksaan extends React.Component {
formRef = React.createRef();
constructor(props) {
  super(props);
  this.state = {
    modalRequired : false,
    formLayout: 'horizontal',
    size: 'default',
    openmodalBM: false,
    openmodalBMKITE: false,
    openmodalCukai: false,
    loading: false,
    buttonInput : false,
    buttonInputB : false,
    buttonUpdate : true,
    butttonDelete : true,
    iconLoading: false,
    spbl: false,
    color: false,
    loading : false,
    modalFasilitas: false,
    bg: false,
    spbl: false,
    color: false,
    loading : false,
    unlock_tarif: true,
    unlock_hasil: true,
    showModalBarang: false,
    penetapan : true,
    modalLPPT : false,
    modalLPPNP : false,
    showListKesalahan : false,
    cekKonfirm : true,
    formData: {
      asuransi: 0,
      bahanBakuList: [
        {
          bahanBakuDokumenList: [
            {
              idBahanBakuDokumen: null,
              idDokumen: null
            }
          ],
          cif: null,
          cifRupiah: 0,
          hargaPenyerahan: 0,
          hargaPerolehan: 0,
          idBahanBaku: null,
          jumlahSatuan: null,
          kodeAsalBahanBaku: "",
          kodeBarang: null,
          kodeDokAsal: "",
          kodeDokumen: "",
          kodeFasilitas: "",
          kodeKantor: "",
          kodeSatuanBarang: "",
          kodeSkemaTarif: "",
          merkBarang: "",
          ndpbm: 0,
          netto: 0,
          nomorAjuDokAsal: "",
          nomorDaftarDokAsal: "",
          nomorDokumen: "",
          posTarif: null,
          seriBahanBaku: 0,
          seriBarang: null,
          seriBarangDokAsal: 0,
          seriIjin: 0,
          spesifikasiLainBarang: "",
          tanggalDaftarDokAsal: "25-12-2019",
          tanggalDokumen: "25-12-2019",
          tipeBarang: "",
          ukuranBarang: "",
          uraianBarang: ""
        }
      ],
      barangDokumenList: [
        {
          idBarang: this.props.input.idBarang || "",
          idBarangDokumen: "",
          idDokumen: "",
          seriIjin: 0
        }
      ],
      barangSpekKhususList: [
        {
          idBarangSpekKhusus: "",
          kodeSpekKhusus: 0,
          uraianBarangSpekKhusus: ""
        }
      ],
      tarifBm: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifBmkite: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifBmad: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifBmp: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifBmi: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifBmtp: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifPpn: {
        idHeader : null,
        idBarang : null,
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifPpnbm :{
        idHeader : null,
        idBarang : null,
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifPph : {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null,
        kodeKomoditiCukai : null,
      },
      tarifCukais: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null,
        kodeKomoditiCukai : null,
      },
      tarifBk : {},
      barangVdList: [
        {
          biayaPengurang: 0,
          biayaTambahan: 0,
          idBarangVd: "",
          kodeJenisVd: "",
          nilaiBarangVd: 0,
          tanggalPenyelesaian: "25-12-2019"
        }
      ],
      bruto: 0,
      cif: null,
      diskon: 0,
      flagLartas: "",
      flagSelesaiSpbl: "",
      flagTis: "",
      fob: 0,
      freight: 0,
      hargaEkspor: 0,
      hargaPatokan: 0,
      hargaPenyerahan: 0,
      hargaSatuan: 0,
      hjeCukai: 0,
      idBarang: this.props.datas.idBarang || "",
      idHeader: this.props.input.idHeader,
      idProses: null,
      identitasEksportir: this.props.datas.identitasEksportir || '1',
      isiPerKemasan: 0,
      jatuhTempoRoyalti: "25-12-2019",
      jumlahBahanBaku: 0,
      jumlahDilekatkan: 0,
      jumlahKemasan: null,
      jumlahPitaCukai: 0,
      jumlahRealisasi: 0,
      jumlahSatuan: null,
      kapasitasSilinder: 0,
      kodeAsalBarang: "",
      kodeBarang: null,
      kodeDaerahAsal: "",
      kodeDokumen: "",
      kodeGunaBarang: "",
      kodeJenisBkc: "",
      kodeJenisKemasan: "",
      kodeJenisNilai: "",
      kodeKategoriBarang: "",
      kodeKomoditiBkc: "",
      kodeKondisiBarang: "",
      kodeLokasiBayar: "",
      kodeNegaraAsal: null,
      kodePerhitungan: "",
      kodeProses: "",
      kodeSatuanBarang: this.props.datas.kodeSatuanBarang || null,
      kodeSubKomoditiBkc: "",
      lartas: "",
      merk: null,
      namaEksportir: "",
      netto:  null,
      nilaiBarang: 0,
      nilaiDanaSawit: 0,
      nilaiDevisa: 0,
      nilaiTambah: 0,
      pemberitahuan: "",
      penetapan: "",
      pernyataanLartas: "",
      persentaseImpor: 0,
      pfpdKesalahanList: [],
      posTarif:  null,
      saldoAkhir: 0,
      saldoAwal: 0,
      seriBarang:  null,
      seriBarangDokAsal: 0,
      seriIjin: 0,
      spesifikasiLain: null,
      statusPfpdBarang: "O",
      tahunPembuatan: 0,
      tarifCukai: 0,
      tipe:  null,
      ukuran: null,
      uraian: null,
      uraianBarang: null,
      volume: 0,
      namaValuta : null,
      kodeTetap : null,
      identifikasiBarang : null,
      dasarPenetapanTarif : null,
    },
    formLartas: {
      idBarang: '',
      idHeader: '',
      idPfpdSpbl: '',
      lartas: '',
      pemberitahuan: '',
      penetapan: '',
      seriBarang: '',
      uraianBarang: ''
    },
    formDelete: {
      idBarang: null,
      idHeader: null,
      seriBarang: null,
      statusPfpdBarang: "D",
    },
    dataNegara: [],
    posTarif: [],
    jenisTarif: [],
    fasilitasTarif: [],
    dataValuta: [],
    satuanBarang: [],
    tarifSubKomuditi: [],
    barangPemberitahuan : [],
    maxSeri: [],
    ambilTarifBm : [],
    isUpdate : false,
    isInsert : false,
    isNotPenalty : false,
    modalUraian : false,
    loadingLartas : false,
    formEmpty : [],
    listLPPNPKosong : null,
    listLPPTKosong: null,
    seriBarangKosong : null,
    tombolSelesai : null,
    detiailLPPNP : false,
    detailLPPT : false,
    postFinishPhase: 0,
    syaratNilaiTransaksiLPPT : null,
    refreshListBarang : 0,
    idBarangTrigger : ""
  };
  this.onFormChange = this.onFormChange.bind(this)
  // console.log("simpan_input", JSON.stringify(formData, "", 3));
  this.showModalFasilitas = this.showModalFasilitas.bind(this)
  this.showModalBarang = this.showModalBarang.bind(this)
}

cekTombolSelesai = () => {
  const idHeader = this.props.input.idHeader
  axios({
    method: 'GET',
    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/check-keputusan-pfpd/' + idHeader,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD
    },
  })
    .then(res => {
      let result = res.data.result
      this.setState({
        tombolSelesai : result
      })
    })
    .catch(err => {
      console.log(err)
    })
}

getNegara = () => {
  axios({
    method: 'GET',
    url: process.env.REACT_APP_REFERENSI + '/v1/negara/all',
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
    },
  })
    .then(res => {
      let result = res.data
      this.setState({
        dataNegara: result.data
      })
    })
    .catch(err => {
      console.log(err)
    })
}
getKodeHs = (value) => {
  let myData = { ...this.state.formData }
  myData.posTarif = value
  console.log('valst', value)
  axios({
    method: 'GET',
    url: `${process.env.REACT_APP_REFERENSI}/v1/pos-tarif/kata/${value}`,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
    },
  })
    .then(res => {
      let result = res.data
      this.setState({
        posTarif: result.data,
        formData: myData
      })
    })
    .then(res => {
      this.ambilTarifReferensi()
    })
    .catch(err => {
      console.log(err)
    })
}
ambilTarifReferensi = () => {
  console.log("dari Referensi",this.state.formData.posTarif)
  let kodeHs = this.state.formData.posTarif
  axios({
    method: 'GET',
    url: `${process.env.REACT_APP_REFERENSI}/v1/pos-tarif/TrPosTarif/`+ kodeHs,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
    },
  })
    .then(res => {
      let result = res.data.data
      let bm = _.find(result,["kodeJenisPungutan", "BM"]) || {}
      let bk = _.find(result,["kodeJenisPungutan", "BK"]) || {}
      let bmkite = _.find(result,["kodeJenisPungutan", "BMKITE"]) || {}
      let bmad = _.find(result,["kodeJenisPungutan", "BMAD"]) || {}
      let bmp = _.find(result,["kodeJenisPungutan", "BMP"]) || {}
      let bmi = _.find(result,["kodeJenisPungutan", "BMI"]) || {}
      let bmtp = _.find(result,["kodeJenisPungutan", "BMTP"]) || {}
      let ppn = _.find(result,["kodeJenisPungutan", "PPN"]) || {}
      let pph = _.find(result,["kodeJenisPungutan", "PPH"]) || {}
      let ppnbm = _.find(result,["kodeJenisPungutan", "PPNBM"]) || {}
      let cukai = _.find(result,["kodeJenisPungutan", "CUKAI"]) || {}

      let postData = {...this.state.formData}
      postData.tarifBm.tarif = bm.tarif
      postData.tarifPpn.tarif = ppn.tarif
      postData.tarifBk.tarif = bk.tarif
      postData.tarifCukais.tarif = cukai.tarif
      postData.tarifBmkite.tarif = bmkite.tarif
      postData.tarifBmad.tarif = bmad.tarif
      postData.tarifBmp.tarif = bmp.tarif
      postData.tarifBmi.tarif = bmi.tarif
      postData.tarifBmtp.tarif = bmtp.tarif
      postData.tarifPph.tarif = pph.tarif
      postData.tarifPpnbm.tarif = ppnbm.tarif


      console.log("dari Referensi bm", bm.tarif)
      console.log("dari Referensi Ppn", ppn.tarif)
      console.log("dari Referensi", postData)
      console.log("dari Refernsi", result)
      this.setState({
        formData : postData
      })
    })
    .catch(err => {
      console.log(err)
    })

}
handleposTarif = (key, value) => {
  console.log('vals', value)
}
getJenisTarif = () => {
  axios({
    method: 'GET',
    url: `${process.env.REACT_APP_REFERENSI}/v1/jenis-tarif/all`,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
    }
  })
    .then(res => {
      let result = res.data
      this.setState({
        jenisTarif: result.data
      })
    })
    .catch(err => {
      console.log(err)
    })
}
getFasilitasTarif = () => {
  let kode = this.props.kodeDokumen.kodeDokumen
  axios({
    method: 'GET',
    url: `${process.env.REACT_APP_REFERENSI}/v1/fasilitas-tarif/all?kodeDokumen=` + kode,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
    }
  })
    .then(res => {
      let result = res.data
      this.setState({
        fasilitasTarif: result.data
      })
    })
    .catch(err => {
      console.log(err)
    })
}
getValuta = () => {
  axios({
    method: 'GET',
    url: `${process.env.REACT_APP_REFERENSI}/v1/valuta/all`,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
    }
  })
    .then(res => {
      let result = res.data
      this.setState({
        dataValuta: result.data
      })
    })
    .catch(err => {
      console.log(err)
    })
}
getSatBarang = () => {

  axios({
    method: 'GET',
    url: `${process.env.REACT_APP_REFERENSI}/v1/satuan-barang/all`,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
    }
  })
    .then(res => {
      let result = res.data
      this.setState({
        satuanBarang: result.data
      })
    })
    .catch(err => {
      console.log(err)
    })
}
getKomuditi = () => {
  axios({
    method: 'GET',
    url: `${process.env.REACT_APP_REFERENSI}/v1/tarif-sub-komoditi-cukai/getAll`,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_REFERENSI
    }
  })
    .then(res => {
      let result = res.data
      this.setState({
        tarifSubKomuditi: result.data
      })
    })
    .catch(err => {
      console.log(err)
    })
}
onFormChange(event) {
  let idHeader = JSON.parse(localStorage.getItem('idHeader'))
  let idBarang = JSON.parse(localStorage.getItem('idBarang'))
  let seriBarang = JSON.parse(localStorage.getItem('seriBarang'))
  let reduxPenetapan = this.props.datas2
  let dataForm = { ...this.state.formLartas };
  dataForm.idHeader = idHeader
  dataForm.idBarang = idBarang
  dataForm.seriBarang = seriBarang
  dataForm.uraianBarang = reduxPenetapan.uraian
  dataForm[event.target.name] = event.target.value;
  this.setState(
    {
      formLartas: dataForm,

    },
    () => {
      console.log(JSON.stringify(this.state.formLartas, null, 3));
    }
  );
}
handleResetSpbl = () => {
  this.setState({
    formLartas: {
      idBarang: null,
      idHeader: null,
      idPfpdSpbl: null,
      lartas: null,
      pemberitahuan: null,
      penetapan: null,
      seriBarang: null,
      uraianBarang: null
    },
  })
}
onsubmit = () => {
  this.setState({
    loadingLartas : true
  })
  axios({
    method: "post",
    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/simpan-data-spbl/',
    data: this.state.formLartas,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
    }

  })
    .then(res => {
      console.log(res)
      this.setState({
        loadingLartas : false
      })

      swal.fire("Sukses!", "Data SPBL Berhasil disimpan", "success");
      this.handleCancel()
      this.handleResetSpbl()
    })

    .catch(err => {
      this.setState({
        loadingLartas : false
      })
      console.log(err)
   swal.fire("Gagal!", "Data SPBL Gagal disimpan", "error");
    });


}

showModalFasilitas() {
  // console.log("debug:modalFasilitas")
  this.setState({
    modalFasilitas: true
  })
}

showModalBarang() {
  // console.log("debug:modalFasilitas")
  this.props.resetBarangPemberitahuanPFPD()
  this.props.resetBarangPenetapanPFPD()
  this.props.resetKeselahanPFPD()
  this.props.resetLartas()

  this.setState({
    buttonInput : false,
    buttonInputB : false,
    buttonUpdate : true,
    butttonDelete : true,
    modalBarang: true,
    isUpdate : false,
    isInsert : false,
    isNotPenalty : false,
    showListKesalahan : false,
    formEmpty : []
  })

  this.handleResetState();
}

toogleUpdateButtonStatus = () => {
  this.setState({
    buttonInput : true,
    buttonInputB : true,
    buttonUpdate : false,
    butttonDelete : false
  })
}

detailLPPNP = () => {
  this.setState({
    detailLPPNP : true
  })
}
showModal = () => {
  console.log("debug:kliksubmitlhp")
  this.setState({
    spbl: true
  })
}

// API_PFPD_050
barangBelumLPPNP = async () => {
  const ID_HEADER = this.props.input.idHeader
  let timerInterval
  swal.fire({
    title: 'Checking....',
    text: 'Mengecek Persyaratan Saat Menyelesaikan Penetapan',
    timer: 5000,
    timerProgressBar : true,
    onBeforeOpen: () => {
      swal.showLoading()
      timerInterval = setInterval(() => {
        const content = swal.getContent()
        if (content) {
          const b = content.querySelector('b')
          if (b) {
            b.textContent = swal.getTimerLeft()
          }
        }
      }, 100)
    },
    onClose: () => {
      clearInterval(timerInterval)
    }
  }).then((result) => {
    /* Read more about handling dismissals below */
    if (result.dismiss === swal.DismissReason.timer) {
      console.log('I was closed by the timer')
    }
  })
  this.setState({
     postFinishPhase: 1
    });


  await axios({
    method: 'GET',
    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/daftar-barang-belum-lppnp/' + ID_HEADER,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
    }
  }).then( async (res) => {
    let result = res.data
    let seriBarang1 = res.data.listKodeTetapKosong
    this.setState({
      listLPPNPKosong : result,
      seriBarangKosong : seriBarang1
    })

    let seriBarang = "";
    for (let i = 0; i < this.state.seriBarangKosong.length; i++) {
      if (i < this.state.seriBarangKosong.length - 1) {
        seriBarang += `${this.state.seriBarangKosong[i].seriBarang},`
      } else {
        seriBarang += `${this.state.seriBarangKosong[i].seriBarang}`
      }
    }

    localStorage.setItem('seriBarangKonf', JSON.stringify(seriBarang))
    // console.log("[debug] Seri Barang :", seriBarang);

    if (res.data.listKodeTetapKosong.length > 0 || res.data.listDasarPenetapanKosong.length > 0){
      this.setState({
        modalLPPNP : true
      })
      // swal.fire({
      //   title : "Anda Harus Mengisi LPPNP Kosong atas seri Barang" + seriBarang,
      //   text : `${seriBarang}`,
      //   timer : 500,
      //   timerProgressBar : true
      // })
    }else {
      await this.cekNilaiTransaksi()
    }
  }).catch(err => {
    console.log(err)
  })
}

// API_PFPD_052 [KodeSalah_4]
cekNilaiTransaksi = async () => {
  const ID_HEADER = this.props.input.idHeader

  this.setState({ postFinishPhase: 2 });

  await axios({
    method: 'GET',
    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/cek-syarat-nilai-transaksi/' + ID_HEADER + '?KODE_SALAH=4',
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
    }
  }).then(async (res) => {
    let result = res.data.data
    this.setState({
      syaratNilaiTransaksi : result
    })
    if(result == true){
      this.setState({
        detailLPPNP : true
      })
    }else{
      await this.fetchAPI_PFPD_055()
    }
    }).catch(err => {
    console.log(err)
  })
  //Detail LPPNP
}

//cek Nilai Transaksi API LPPT Belum || API_PFPD_052
cekNilaiTransaksiLPPT = async () => {
  const ID_HEADER = this.props.input.idHeader

  this.setState({ postFinishPhase: 4 });

  await axios({
    method: 'GET',
    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/cek-syarat-nilai-transaksi/' + ID_HEADER + '?KODE_SALAH=1',
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
    }
  }).then(async (res) => {
    let result = res.data.data
    this.setState({
      syaratNilaiTransaksiLPPT : result
    })
    if(result == true){
      this.setState({
        detailLPPT : true
      })
    }else{
      await this.selesaikanPenetapan()
    }
    }).catch(err => {
    console.log(err)
  })
  //Detail LPPNP
}

// API_PFPD_055
fetchAPI_PFPD_055 = async () => {
  const ID_HEADER = this.props.input.idHeader;
  const url = `${process.env.REACT_APP_PFPD}/pemeriksaan-dokumen/daftar-barang-belum-lppt?ID_HEADER=${ID_HEADER}`;

  this.setState({ postFinishPhase: 3 });

  await axios
    .get(url, {
      headers: { "Beacukai-Api-Key": process.env.REACT_APP_SECRET_KEY_PFPD }
    })
    .then(async (res) => {
      let result = res.data.data;

      if (result.length > 0){
        this.setState({
          listLPPTKosong: result,
          modalLPPT : true
        })
      } else {
        await this.cekNilaiTransaksiLPPT()
      }

      // console.log("[debug] Result API_PD_055?", result);

    })
    .catch((err) => {
      console.log("[debug] Fetch API_PD_055 Error :", err);
    });
  }

// API_PFPD_041
selesaikanPenetapan = () => {
  const ID_HEADER = this.props.input.idHeader
  this.setState({
    loading : true
  })
  // API_041
  axios({
    method: 'post',
    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/selesaikan-penetapan/?ID_HEADER=' + ID_HEADER,
    // data: this.state.formData,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
    }
  }).then(res => {
    this.setState({
      loading : false
    })
    swal.fire("Sukses!", "Data Behasil di selesaikan", "success");
  }).catch(err => {
    this.setState({
      loading : false
    })
    console.log(err)
  })
}


postSelesai = async () => {
  await this.barangBelumLPPNP();
}

// Handle Reset State
handleResetState = () => {
  this.setState({
    formData : {
      asuransi: 0,
      bahanBakuList: [
        {
          bahanBakuDokumenList: [
            {
              idBahanBakuDokumen: null,
              idDokumen: null,
            },
          ],
          cif: null,
          cifRupiah: 0,
          hargaPenyerahan: 0,
          hargaPerolehan: 0,
          idBahanBaku: "",
          jumlahSatuan: null,
          kodeAsalBahanBaku: "",
          kodeBarang: "",
          kodeDokAsal: "",
          kodeDokumen: "",
          kodeFasilitas: "",
          kodeKantor: "",
          kodeSatuanBarang: "",
          kodeSkemaTarif: "",
          merkBarang: "",
          ndpbm: 0,
          netto: null,
          nomorAjuDokAsal: "",
          nomorDaftarDokAsal: "",
          nomorDokumen: "",
          posTarif: null,
          seriBahanBaku: 0,
          seriBarang: null,
          seriBarangDokAsal: 0,
          seriIjin: 0,
          spesifikasiLainBarang: "",
          tanggalDaftarDokAsal: "25-12-2019",
          tanggalDokumen: "25-12-2019",
          tipeBarang: "",
          ukuranBarang: "",
          uraianBarang: "",
        },
      ],
      barangDokumenList: [
        {
          idBarang: null,
          idBarangDokumen: "",
          idDokumen: "",
          seriIjin: 0,
        },
      ],
      barangSpekKhususList: [
        {
          idBarangSpekKhusus: "",
          kodeSpekKhusus: 0,
          uraianBarangSpekKhusus: "",
        },
      ],
      tarifBm: {
        tarif: null,
        kodeJenisTarif: null,
        kodeFasilitasTarif: null,
        jumlahSatuan: null,
        tarifFasilitas: null,
        kodeSatuanBarang: null,
      },
      tarifBmkite: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifBmad: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifBmp: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifBmi: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifBmtp: {
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifPpn: {
        tarif: null,
        kodeJenisTarif: null,
        kodeFasilitasTarif: null,
        jumlahSatuan: null,
        tarifFasilitas: null,
        kodeSatuanBarang: null,
      },
      tarifPpnbm: {
        idHeader : null,
        idBarang : null,
        tarif : null,
        kodeJenisTarif : null,
        kodeFasilitasTarif : null,
        jumlahSatuan : null,
        tarifFasilitas : null,
        kodeSatuanBarang : null
      },
      tarifPph: {
        tarif: null,
        kodeJenisTarif: null,
        kodeFasilitasTarif: null,
        jumlahSatuan: null,
        tarifFasilitas: null,
        kodeSatuanBarang: null,
      },
      tarifCukais: {
        tarif: null,
        kodeJenisTarif: null,
        kodeFasilitasTarif: null,
        jumlahSatuan: null,
        tarifFasilitas: null,
        kodeSatuanBarang: null,
        kodeKomoditiCukai: null,
      },
      tarifBk: {},
      barangVdList: [
        {
          biayaPengurang: 0,
          biayaTambahan: 0,
          idBarangVd: "",
          kodeJenisVd: "",
          nilaiBarangVd: 0,
          tanggalPenyelesaian: "25-12-2019",
        },
      ],
      bruto: 0,
      cif: null,
      diskon: 0,
      flagLartas: "",
      flagSelesaiSpbl: "",
      flagTis: "",
      fob: 0,
      freight: 0,
      hargaEkspor: 0,
      hargaPatokan: 0,
      hargaPenyerahan: 0,
      hargaSatuan: 0,
      hjeCukai: 0,
      idBarang: null,
      idHeader: this.props.input.idHeader,
      idProses: null,
      identitasEksportir: "1",
      isiPerKemasan: 0,
      jatuhTempoRoyalti: "25-12-2019",
      jumlahBahanBaku: 0,
      jumlahDilekatkan: 0,
      jumlahKemasan: null,
      jumlahPitaCukai: 0,
      jumlahRealisasi: 0,
      jumlahSatuan: null,
      kapasitasSilinder: 0,
      kodeAsalBarang: "",
      kodeBarang: null,
      kodeDaerahAsal: "",
      kodeDokumen: "",
      kodeGunaBarang: "",
      kodeJenisBkc: "",
      kodeJenisKemasan: "",
      kodeJenisNilai: "",
      kodeKategoriBarang: "",
      kodeKomoditiBkc: "",
      kodeKondisiBarang: "",
      kodeLokasiBayar: "",
      kodeNegaraAsal: null,
      kodePerhitungan: "",
      kodeProses: "",
      kodeSatuanBarang: null,
      kodeSubKomoditiBkc: "",
      lartas: "",
      merk: null,
      namaEksportir: "",
      netto: null,
      nilaiBarang: 0,
      nilaiDanaSawit: 0,
      nilaiDevisa: 0,
      nilaiTambah: 0,
      pemberitahuan: "",
      penetapan: "",
      pernyataanLartas: "",
      persentaseImpor: 0,
      pfpdKesalahanList: [],
      posTarif: null,
      saldoAkhir: 0,
      saldoAwal: 0,
      seriBarang: null,
      seriBarangDokAsal: 0,
      seriIjin: 0,
      spesifikasiLain: null,
      statusPfpdBarang: "",
      tahunPembuatan: 0,
      tarifCukai: 0,
      tipe: null,
      ukuran: null,
      uraian: null,
      uraianBarang: null,
      volume: 0,
      namaValuta: null,
      kodeTetap : null,
      identifikasiBarang : null,
      dasarPenetapanTarif : null,
    }
  })
}

detailLPPT = () => {
  this.setState({
    detailLPPT : true
  })
}

cekLartas = () => {
  let data = this.state.formData.posTarif
  let apiPemberitahuan = this.props.datas.posTarif
  let tanggalBerlaku = moment(this.props.input.tanggalDaftar).format('DD-MM-YYYY')

 if(data != apiPemberitahuan){
  // this.props.getCekNegaraFtaPFPD(this.props.input.idBarang)
  this.props.getCekKuotaLartasPFPD(data, tanggalBerlaku)
  this.props.getCekLartasPFPD(data, tanggalBerlaku)
  this.props.getCekBmtPFPD(data, tanggalBerlaku)
  }else{
    console.log('no')
  }

}

// Fungsi Post Konfirmasi
postKonfirmasi = () => {
  // Variabel untuk Post Data
  const data = { ...this.state.formData };
  const listSalah = this.props.listKesalahan
  const dataLocal = JSON.parse(localStorage.getItem('kodeTetap')) || null
  const identifikasiBarang = JSON.parse(localStorage.getItem('dataIdentifikasi')) || null
  const dataPenetapanTarif = JSON.parse(localStorage.getItem('dataPenetapanTarif')) || null

  console.log("[debug] postKonfirmasi", data);

  const ID_HEADER = this.props.input.idHeader

  // Redux Pemberitahuan @this.props.datas
  const reduxPemberitahuan = this.props.datas;

  const tarifBmPemberitahuan = this.props.datas.tarifBm || {}
  const tarifBmkitePemberitahuan =  this.props.datas.tarifBmkite || {}
  const tarifBmadPemberitahuan =  this.props.datas.tarifBmad || {}
  const tarifBmpPemberitahuan =  this.props.datas.tarifBmp || {}
  const tarifBmiPemberitahuan =  this.props.datas.tarifBmi || {}
  const tarifBmtpPemberitahuan =  this.props.datas.tarifBmtp || {}
  const tarifPpnPemberitahuan = this.props.datas.tarifPpn || {}
  const tarifPpnbmPemberitahuan = this.props.datas.tarifPpnbm || {}
  const tarifPphPemberitahuan = this.props.datas.tarifPph || {}
  const tarifCukaiPemberitahuan = this.props.datas.tarifCukais || {}

  // Redux Penetapan @this.props.datas2
  const reduxPenetapan = this.props.datas2;
  const tarifBmPenetapan = this.props.datas2.tarifBm || {}
  const tarifBmkitePenetapan = this.props.datas2.tarifBmkite || {}
  const tarifBmadPenetapan = this.props.datas2.tarifBmad || {}
  const tarifBmpPenetapan = this.props.datas2.tarifBmp || {}
  const tarifBmiPenetapan = this.props.datas2.tarifBmi || {}
  const tarifBmtpPenetapan = this.props.datas2.tarifBmtp || {}
  const tarifPpnPenetapan = this.props.datas2.tarifPpn || {}
  const tarifPpnbmPenetapan = this.props.datas2.tarifPpnbm || {}
  const tarifPphPenetapan = this.props.datas2.tarifPph || {}
  const tarifCukaisPenetapan = this.props.datas2.tarifCukais || {}

  // Fungsi Check Redux Kosong atau Tidak
  const isEmpty = obj => {
    for(let key in obj) { if(obj.hasOwnProperty(key)) return false; }
    return true;
  }

  // this.setState({ loading : true });

  if (!isEmpty(reduxPenetapan)) {
    /* UTAMA */
    data.statusPfpdBarang = reduxPenetapan.statusPfpdBarang
    data.idBarang = reduxPenetapan.idBarang || null
    data.idHeader = reduxPenetapan.idHeader || null
    data.idProses = data.idProses !== null ? data.idProses : reduxPenetapan.idProses || null
    data.cif = data.cif !== null ? data.cif : reduxPenetapan.cif || 0
    data.uraian = data.uraian !== null ? data.uraian : reduxPenetapan.uraian || null
    data.merk = data.merk !== null ? data.merk : reduxPenetapan.merk || null
    data.tipe = data.tipe !== null ? data.tipe : reduxPenetapan.tipe || null
    data.ukuran = data.ukuran !== null ? data.ukuran : reduxPenetapan.ukuran || null
    data.spesifikasiLain = data.spesifikasiLain !== null ? data.spesifikasiLain : reduxPenetapan.spesifikasiLain || null
    data.kodeBarang = data.kodeBarang !== null ? data.kodeBarang : reduxPenetapan.kodeBarang || null
    data.kodeNegaraAsal = data.kodeNegaraAsal !== null ? data.kodeNegaraAsal : reduxPenetapan.kodeNegaraAsal || null
    data.netto = data.netto !== null ? data.netto : reduxPenetapan.netto || null
    data.jumlahSatuan = data.jumlahSatuan !== null ? data.jumlahSatuan : reduxPenetapan.jumlahSatuan || null
    data.jumlahKemasan = data.jumlahKemasan !== null ? data.jumlahKemasan : reduxPenetapan.jumlahKemasan || null
    data.kodeJenisKemasan = data.kodeJenisKemasan !== "" ? data.kodeJenisKemasan : reduxPenetapan.kodeJenisKemasan || null
    data.kodeProses = data.kodeProses !== "" ? data.kodeProses : reduxPenetapan.kodeProses || null
    data.kodeSatuanBarang = data.kodeSatuanBarang !== null ? data.kodeSatuanBarang : reduxPenetapan.kodeSatuanBarang || null
    data.namaValuta = data.namaValuta !== null ? data.namaValuta : reduxPenetapan.namaValuta || null
    data.posTarif = data.posTarif !== null ? data.posTarif : reduxPenetapan.posTarif || null
    data.seriBarang = data.seriBarang !== null ? data.seriBarang : reduxPenetapan.seriBarang || null
    data.kodeTetap = data.kodeTetap !== null ? data.kodeTetap : reduxPenetapan.kodeTetap || dataLocal
    data.pfpdKesalahanList = listSalah

    // data.pfpdKesalahanList

    /* TARIF BM */
    // Dari Redux
    data.tarifBm.idBarang = tarifBmPenetapan.idBarang || null
    data.tarifBm.idHeader = tarifBmPenetapan.idHeader || null
    data.tarifBm.idBarangTarif = tarifBmPenetapan.idBarangTarif || null
    data.tarifBm.seriBarang = tarifBmPenetapan.seriBarang || null
    data.tarifBm.kodeJenisPungutan = tarifBmPenetapan.kodeJenisPungutan || null

    // Dari State
    data.tarifBm.tarif = data.tarifBm.tarif !== null ? data.tarifBm.tarif : tarifBmPenetapan.tarif || null
    data.tarifBm.kodeJenisTarif = data.tarifBm.kodeJenisTarif !== null ? data.tarifBm.kodeJenisTarif.toString() : tarifBmPenetapan.kodeJenisTarif || null
    data.tarifBm.kodeFasilitasTarif = data.tarifBm.kodeFasilitasTarif !== null ? data.tarifBm.kodeFasilitasTarif : tarifBmPenetapan.kodeFasilitasTarif || null
    data.tarifBm.jumlahSatuan = data.tarifBm.jumlahSatuan !== null ? data.tarifBm.jumlahSatuan : tarifBmPenetapan.jumlahSatuan || null
    data.tarifBm.tarifFasilitas = data.tarifBm.tarifFasilitas !== null ? data.tarifBm.tarifFasilitas : tarifBmPenetapan.tarifFasilitas || null
    data.tarifBm.kodeSatuanBarang = data.tarifBm.kodeSatuanBarang !== null ? data.tarifBm.kodeSatuanBarang : tarifBmPenetapan.kodeSatuanBarang || null

    // Tidak Digunakan [?]
    // data.tarifBm.namaSatuanBarang = tarifBmPenetapan.namaSatuanBarang || null
    // data.tarifBm.namaJenisTarif = tarifBmPenetapan.namaJenisTarif || null

    /* TARIF BM-KITE */
    // Dari Redux
    data.tarifBmkite.idBarang = tarifBmkitePenetapan.idBarang || null
    data.tarifBmkite.idHeader = tarifBmkitePenetapan.idHeader || null
    data.tarifBmkite.idBarangTarif = tarifBmkitePenetapan.idBarangTarif || null
    data.tarifBmkite.seriBarang = tarifBmkitePenetapan.seriBarang || null
    data.tarifBmkite.kodeJenisPungutan = tarifBmkitePenetapan.kodeJenisPungutan || null

    // Dari State
    data.tarifBmkite.tarif = data.tarifBmkite.tarif !== null ? data.tarifBmkite.tarif : tarifBmkitePenetapan.tarif || null
    data.tarifBmkite.kodeJenisTarif = data.tarifBmkite.kodeJenisTarif !== null ? data.tarifBmkite.kodeJenisTarif.toString() : tarifBmkitePenetapan.kodeJenisTarif || null
    data.tarifBmkite.kodeFasilitasTarif = data.tarifBmkite.kodeFasilitasTarif !== null ? data.tarifBmkite.kodeFasilitasTarif : tarifBmkitePenetapan.kodeFasilitasTarif || null
    data.tarifBmkite.jumlahSatuan = data.tarifBmkite.jumlahSatuan !== null ? data.tarifBmkite.jumlahSatuan : tarifBmkitePenetapan.jumlahSatuan || null
    data.tarifBmkite.tarifFasilitas = data.tarifBmkite.tarifFasilitas !== null ? data.tarifBmkite.tarifFasilitas : tarifBmkitePenetapan.tarifFasilitas || null
    data.tarifBmkite.kodeSatuanBarang = data.tarifBmkite.kodeSatuanBarang !== null ? data.tarifBmkite.kodeSatuanBarang : tarifBmkitePenetapan.kodeSatuanBarang || null

    // Tidak Digunakan [?]
    // data.tarifBmkite.namaSatuanBarang = tarifBmkitePenetapan.namaSatuanBarang || null
    // data.tarifBmkite.namaJenisTarif = tarifBmkitePenetapan.namaJenisTarif || null

    /* TARIF BM-AD */
    // Dari Redux
    data.tarifBmad.idBarang = tarifBmadPenetapan.idBarang || null
    data.tarifBmad.idHeader = tarifBmadPenetapan.idHeader || null
    data.tarifBmad.idBarangTarif = tarifBmadPenetapan.idBarangTarif || null
    data.tarifBmad.seriBarang = tarifBmadPenetapan.seriBarang || null
    data.tarifBmad.kodeJenisPungutan = tarifBmadPenetapan.kodeJenisPungutan || null

    // Dari State
    data.tarifBmad.tarif = data.tarifBmad.tarif !== null ? data.tarifBmad.tarif : tarifBmadPenetapan.tarif || null
    data.tarifBmad.kodeJenisTarif = data.tarifBmad.kodeJenisTarif !== null ? data.tarifBmad.kodeJenisTarif.toString() : tarifBmadPenetapan.kodeJenisTarif || null
    data.tarifBmad.kodeFasilitasTarif = data.tarifBmad.kodeFasilitasTarif !== null ? data.tarifBmad.kodeFasilitasTarif : tarifBmadPenetapan.kodeFasilitasTarif || null
    data.tarifBmad.jumlahSatuan = data.tarifBmad.jumlahSatuan !== null ? data.tarifBmad.jumlahSatuan : tarifBmadPenetapan.jumlahSatuan || null
    data.tarifBmad.tarifFasilitas = data.tarifBmad.tarifFasilitas !== null ? data.tarifBmad.tarifFasilitas : tarifBmadPenetapan.tarifFasilitas || null
    data.tarifBmad.kodeSatuanBarang = data.tarifBmad.kodeSatuanBarang !== null ? data.tarifBmad.kodeSatuanBarang : tarifBmadPenetapan.kodeSatuanBarang || null

    // Tidak Digunakan [?]
    // data.tarifBmad.namaSatuanBarang = tarifBmadPenetapan.namaSatuanBarang || null
    // data.tarifBmad.namaJenisTarif = tarifBmadPenetapan.namaJenisTarif || null

    /* TARIF BM-P */
    // Dari Redux
    data.tarifBmp.idBarang = tarifBmpPenetapan.idBarang || null
    data.tarifBmp.idHeader = tarifBmpPenetapan.idHeader || null
    data.tarifBmp.idBarangTarif = tarifBmpPenetapan.idBarangTarif || null
    data.tarifBmp.seriBarang = tarifBmpPenetapan.seriBarang || null
    data.tarifBmp.kodeJenisPungutan = tarifBmpPenetapan.kodeJenisPungutan || null

    // Dari State
    data.tarifBmp.tarif = data.tarifBmp.tarif !== null ? data.tarifBmp.tarif : tarifBmpPenetapan.tarif || null
    data.tarifBmp.kodeJenisTarif = data.tarifBmp.kodeJenisTarif !== null ? data.tarifBmp.kodeJenisTarif.toString() : tarifBmpPenetapan.kodeJenisTarif || null
    data.tarifBmp.kodeFasilitasTarif = data.tarifBmp.kodeFasilitasTarif !== null ? data.tarifBmp.kodeFasilitasTarif : tarifBmpPenetapan.kodeFasilitasTarif || null
    data.tarifBmp.jumlahSatuan = data.tarifBmp.jumlahSatuan !== null ? data.tarifBmp.jumlahSatuan : tarifBmpPenetapan.jumlahSatuan || null
    data.tarifBmp.tarifFasilitas = data.tarifBmp.tarifFasilitas !== null ? data.tarifBmp.tarifFasilitas : tarifBmpPenetapan.tarifFasilitas || null
    data.tarifBmp.kodeSatuanBarang = data.tarifBmp.kodeSatuanBarang !== null ? data.tarifBmp.kodeSatuanBarang : tarifBmpPenetapan.kodeSatuanBarang || null

    // Tidak Digunakan [?]
    // data.tarifBmp.namaSatuanBarang = tarifBmpPenetapan.namaSatuanBarang || null
    // data.tarifBmp.namaJenisTarif = tarifBmpPenetapan.namaJenisTarif || null

    /* TARIF BM-I */
    // Dari Redux
    data.tarifBmi.idBarang = tarifBmiPenetapan.idBarang || null
    data.tarifBmi.idHeader = tarifBmiPenetapan.idHeader || null
    data.tarifBmi.idBarangTarif = tarifBmiPenetapan.idBarangTarif || null
    data.tarifBmi.seriBarang = tarifBmiPenetapan.seriBarang || null
    data.tarifBmi.kodeJenisPungutan = tarifBmiPenetapan.kodeJenisPungutan || null

    // Dari State
    data.tarifBmi.tarif = data.tarifBmi.tarif !== null ? data.tarifBmi.tarif : tarifBmiPenetapan.tarif || null
    data.tarifBmi.kodeJenisTarif = data.tarifBmi.kodeJenisTarif !== null ? data.tarifBmi.kodeJenisTarif.toString() : tarifBmiPenetapan.kodeJenisTarif || null
    data.tarifBmi.kodeFasilitasTarif = data.tarifBmi.kodeFasilitasTarif !== null ? data.tarifBmi.kodeFasilitasTarif : tarifBmiPenetapan.kodeFasilitasTarif || null
    data.tarifBmi.jumlahSatuan = data.tarifBmi.jumlahSatuan !== null ? data.tarifBmi.jumlahSatuan : tarifBmiPenetapan.jumlahSatuan || null
    data.tarifBmi.tarifFasilitas = data.tarifBmi.tarifFasilitas !== null ? data.tarifBmi.tarifFasilitas : tarifBmiPenetapan.tarifFasilitas || null
    data.tarifBmi.kodeSatuanBarang = data.tarifBmi.kodeSatuanBarang !== null ? data.tarifBmi.kodeSatuanBarang : tarifBmiPenetapan.kodeSatuanBarang || null

    // Tidak Digunakan [?]
    // data.tarifBmi.namaSatuanBarang = tarifBmiPenetapan.namaSatuanBarang || null
    // data.tarifBmi.namaJenisTarif = tarifBmiPenetapan.namaJenisTarif || null

    /* TARIF BM-TP */
    // Dari Redux
    data.tarifBmtp.idBarang = tarifBmtpPenetapan.idBarang || null
    data.tarifBmtp.idHeader = tarifBmtpPenetapan.idHeader || null
    data.tarifBmtp.idBarangTarif = tarifBmtpPenetapan.idBarangTarif || null
    data.tarifBmtp.seriBarang = tarifBmtpPenetapan.seriBarang || null
    data.tarifBmtp.kodeJenisPungutan = tarifBmtpPenetapan.kodeJenisPungutan || null

    // Dari State
    data.tarifBmtp.tarif = data.tarifBmtp.tarif !== null ? data.tarifBmtp.tarif : tarifBmtpPenetapan.tarif || null
    data.tarifBmtp.kodeJenisTarif = data.tarifBmtp.kodeJenisTarif !== null ? data.tarifBmtp.kodeJenisTarif.toString() : tarifBmtpPenetapan.kodeJenisTarif || null
    data.tarifBmtp.kodeFasilitasTarif = data.tarifBmtp.kodeFasilitasTarif !== null ? data.tarifBmtp.kodeFasilitasTarif : tarifBmtpPenetapan.kodeFasilitasTarif || null
    data.tarifBmtp.jumlahSatuan =  data.tarifBmtp.jumlahSatuan !== null ? data.tarifBmtp.jumlahSatuan : tarifBmtpPenetapan.jumlahSatuan || null
    data.tarifBmtp.tarifFasilitas = data.tarifBmtp.tarifFasilitas !== null ? data.tarifBmtp.tarifFasilitas : tarifBmtpPenetapan.tarifFasilitas || null
    data.tarifBmtp.kodeSatuanBarang = data.tarifBmtp.kodeSatuanBarang !== null ? data.tarifBmtp.kodeSatuanBarang : tarifBmtpPenetapan.kodeSatuanBarang || null

    // Tidak Digunakan [?]
    // data.tarifBmtp.namaSatuanBarang = tarifBmtpPenetapan.namaSatuanBarang || null
    // data.tarifBmtp.namaJenisTarif = tarifBmtpPenetapan.namaJenisTarif || null

    /* TARIF PPN */
    // Dari Redux
    data.tarifPpn.idBarang = tarifPpnPenetapan.idBarang || null
    data.tarifPpn.idHeader = tarifPpnPenetapan.idHeader || null
    data.tarifPpn.idBarangTarif = tarifPpnPenetapan.idBarangTarif || null
    data.tarifPpn.seriBarang = tarifPpnPenetapan.seriBarang || null
    data.tarifPpn.kodeSatuanBarang =  tarifPpnPenetapan.kodeSatuanBarang || null
    data.tarifPpn.jumlahSatuan = tarifPpnPenetapan.jumlahSatuan || null
    data.tarifPpn.kodeJenisPungutan =  tarifPpnPenetapan.kodeJenisPungutan || null

    // Dari State
    data.tarifPpn.tarif = data.tarifPpn.tarif !== null ? data.tarifPpn.tarif : tarifPpnPenetapan.tarif || null
    data.tarifPpn.kodeFasilitasTarif = data.tarifPpn.kodeFasilitasTarif !== null ? data.tarifPpn.kodeFasilitasTarif : tarifPpnPenetapan.kodeFasilitasTarif || null
    data.tarifPpn.tarifFasilitas = data.tarifPpn.tarifFasilitas !== null ? data.tarifPpn.tarifFasilitas : tarifPpnPenetapan.tarifFasilitas || null

    // Tidak Digunakan [?]
    // data.tarifPpn.namaJenisTarif =  tarifPpnPenetapan.namaJenisTarif || null
    // data.tarifPpn.namaSatuanBarang =  tarifPpnPenetapan.namaSatuanBarang || null

    /* TARIF PPH */
    // Dari Redux
    data.tarifPph.idBarang = tarifPphPenetapan.idBarang  || null
    data.tarifPph.idHeader = tarifPphPenetapan.idHeader  || null
    data.tarifPph.idBarangTarif =  tarifPphPenetapan.idBarangTarif || null
    data.tarifPph.seriBarang =  tarifPphPenetapan.seriBarang || null
    data.tarifPph.kodeSatuanBarang =  tarifPphPenetapan.kodeSatuanBarang || null
    data.tarifPph.jumlahSatuan =  tarifPphPenetapan.jumlahSatuan || null
    data.tarifPph.kodeJenisPungutan = tarifPphPenetapan.kodeJenisPungutan || null

    // Dari State
    data.tarifPph.tarif = data.tarifPph.tarif !== null ? data.tarifPph.tarif : tarifPphPenetapan.tarif || null
    data.tarifPph.kodeFasilitasTarif = data.tarifPph.kodeFasilitasTarif !== null ? data.tarifPph.kodeFasilitasTarif : tarifPphPenetapan.kodeFasilitasTarif || null
    data.tarifPph.tarifFasilitas = data.tarifPph.tarifFasilitas !== null ? data.tarifPph.tarifFasilitas : tarifPphPenetapan.tarif || null

    // Tidak Digunakan [?]
    // data.tarifPph.namaSatuanBarang =  tarifPphPenetapan.namaSatuanBarang || null
    // data.tarifPph.namaJenisTarif = tarifPphPenetapan.namaJenisTarif || null

    /* TARIF PPN-BM */
    // Dari Redux
    data.tarifPpnbm.idBarang = tarifPpnbmPenetapan.idBarang || null
    data.tarifPpnbm.idHeader = tarifPpnbmPenetapan.idHeader || null
    data.tarifPpnbm.idBarangTarif = tarifPpnbmPenetapan.idBarangTarif || null
    data.tarifPpnbm.kodeJenisTarif = tarifPpnbmPenetapan.kodeJenisTarif || null
    data.tarifPpnbm.seriBarang = tarifPpnbmPenetapan.seriBarang || null
    data.tarifPpnbm.kodeSatuanBarang = tarifPpnbmPenetapan.kodeSatuanBarang || null
    data.tarifPpnbm.jumlahSatuan =  tarifPpnbmPenetapan.jumlahSatuan || null
    data.tarifPpnbm.kodeJenisPungutan = tarifPpnbmPenetapan.kodeJenisPungutan || null

    // Dari State
    data.tarifPpnbm.tarif = data.tarifPpnbm.tarif !== null ? data.tarifPpnbm.tarif : tarifPpnbmPenetapan.tarif || null
    data.tarifPpnbm.kodeFasilitasTarif = data.tarifPpnbm.kodeFasilitasTarif !== null ? data.tarifPpnbm.kodeFasilitasTarif : tarifPpnbmPenetapan.kodeFasilitasTarif || null
    data.tarifPpnbm.tarifFasilitas = data.tarifPpnbm.tarifFasilitas !== null ? data.tarifPpnbm.tarifFasilitas : tarifPpnbmPenetapan.tarifFasilitas || null

    // Tidak Digunakan [?]
    // data.tarifPpnbm.namaJenisTarif = tarifPpnbmPenetapan.namaJenisTarif || null
    // data.tarifPpnbm.namaSatuanBarang = tarifPpnbmPenetapan.namaSatuanBarang || null

    /* TARIF CUKAI-S */
    // Dari Redux
    data.tarifCukais.idBarang = tarifCukaisPenetapan.idBarang || null
    data.tarifCukais.idHeader = tarifCukaisPenetapan.idHeader || null
    data.tarifCukais.idBarangTarif = tarifCukaisPenetapan.idBarangTarif || null
    data.tarifCukais.seriBarang = tarifCukaisPenetapan.seriBarang || null
    data.tarifCukais.kodeSatuanBarang = tarifCukaisPenetapan.kodeSatuanBarang || null
    data.tarifCukais.kodeJenisPungutan = tarifCukaisPenetapan.kodeJenisPungutan || null

    // Dari State
    data.tarifCukais.jumlahSatuan = data.tarifCukais.jumlahSatuan !== null ? data.tarifCukais.jumlahSatuan : tarifCukaisPenetapan.jumlahSatuan || null
    data.tarifCukais.kodeFasilitasTarif = data.tarifCukais.kodeFasilitasTarif !== null ? data.tarifCukais.kodeFasilitasTarif : tarifCukaisPenetapan.kodeFasilitasTarif || null
    data.tarifCukais.kodeJenisTarif = data.tarifCukais.kodeJenisTarif !== null ? data.tarifCukais.kodeJenisTarif.toString() : tarifCukaisPenetapan.kodeJenisTarif || null
    data.tarifCukais.tarif = data.tarifCukais.tarif !== null ? data.tarifCukais.tarif : tarifCukaisPenetapan.tarif || null
    data.tarifCukais.tarifFasilitas = data.tarifCukais.tarifFasilitas !== null ? data.tarifCukais.tarifFasilitas : tarifCukaisPenetapan.tarifFasilitas || null

    // Tidak Digunakan [?]
    // data.tarifCukais.namaSatuanBarang = tarifCukaisPenetapan.namaSatuanBarang || null
    // data.tarifCukais.namaJenisTarif = tarifCukaisPenetapan.namaJenisTarif || null
  } else if (!isEmpty(reduxPemberitahuan)) {
    if (this.state.isUpdate) {
      data.statusPfpdBarang = 'U'
    } else {
      data.statusPfpdBarang = 'O'
      data.idBarang = reduxPemberitahuan.idBarang || null
      data.idHeader = reduxPemberitahuan.idHeader || null
      data.cif = reduxPemberitahuan.cif || 0
      data.uraian = reduxPemberitahuan.uraian || null
      data.merk = reduxPemberitahuan.merk || null
      data.tipe = reduxPemberitahuan.tipe || null
      data.ukuran = reduxPemberitahuan.ukuran || null
      data.spesifikasiLain = reduxPemberitahuan.spesifikasiLain || null
      data.kodeBarang = reduxPemberitahuan.kodeBarang || null
      data.kodeNegaraAsal = reduxPemberitahuan.kodeNegaraAsal || null
      data.netto = reduxPemberitahuan.netto || null
      data.jumlahSatuan = reduxPemberitahuan.jumlahSatuan || null
      data.jumlahKemasan = reduxPemberitahuan.jumlahKemasan || null
      data.kodeJenisKemasan = reduxPemberitahuan.kodeJenisKemasan || null
      data.idProses = reduxPemberitahuan.idProses || null
      data.kodeProses = reduxPemberitahuan.kodeProses || null
      data.kodeSatuanBarang = reduxPemberitahuan.kodeSatuanBarang || null
      data.namaValuta = reduxPemberitahuan.namaValuta || null

      data.posTarif = reduxPemberitahuan.posTarif || null
      data.seriBarang = reduxPemberitahuan.seriBarang || null

      data.tarifBm.idBarang = tarifBmPemberitahuan.idBarang || null
      data.tarifBm.idHeader = tarifBmPemberitahuan.idHeader || null
      data.tarifBm.idBarangTarif = tarifBmPemberitahuan.idBarangTarif || null
      data.tarifBm.tarif = tarifBmPemberitahuan.tarif || null
      data.tarifBm.tarifFasilitas = tarifBmPemberitahuan.tarifFasilitas || null
      data.tarifBm.kodeJenisTarif = tarifBmPemberitahuan.kodeJenisTarif || null
      data.tarifBm.seriBarang = tarifBmPemberitahuan.seriBarang || null
      data.tarifBm.kodeSatuanBarang = tarifBmPemberitahuan.kodeSatuanBarang || null
      data.tarifBm.namaSatuanBarang = tarifBmPemberitahuan.namaSatuanBarang || null
      data.tarifBm.jumlahSatuan = tarifBmPemberitahuan.jumlahSatuan || null
      data.tarifBm.namaJenisTarif = tarifBmPemberitahuan.namaJenisTarif || null
      data.tarifBm.kodeJenisPungutan = tarifBmPemberitahuan.kodeJenisPungutan || null
      data.tarifBm.kodeFasilitasTarif = tarifBmPemberitahuan.kodeFasilitasTarif || null

      data.tarifBmkite.idBarang = tarifBmkitePemberitahuan.idBarang || null
      data.tarifBmkite.idHeader = tarifBmkitePemberitahuan.idHeader || null
      data.tarifBmkite.idBarangTarif = tarifBmkitePemberitahuan.idBarangTarif || null
      data.tarifBmkite.tarif = tarifBmkitePemberitahuan.tarif || null
      data.tarifBmkite.tarifFasilitas = tarifBmkitePemberitahuan.tarifFasilitas || null
      data.tarifBmkite.kodeJenisTarif = tarifBmkitePemberitahuan.kodeJenisTarif || null
      data.tarifBmkite.seriBarang = tarifBmkitePemberitahuan.seriBarang || null
      data.tarifBmkite.kodeSatuanBarang = tarifBmkitePemberitahuan.kodeSatuanBarang || null
      data.tarifBmkite.namaSatuanBarang = tarifBmkitePemberitahuan.namaSatuanBarang || null
      data.tarifBmkite.jumlahSatuan = tarifBmkitePemberitahuan.jumlahSatuan || null
      data.tarifBmkite.namaJenisTarif = tarifBmkitePemberitahuan.namaJenisTarif || null
      data.tarifBmkite.kodeJenisPungutan = tarifBmkitePemberitahuan.kodeJenisPungutan || null
      data.tarifBmkite.kodeFasilitasTarif = tarifBmkitePemberitahuan.kodeFasilitasTarif || null

      data.tarifBmad.idBarang = tarifBmadPemberitahuan.idBarang || null
      data.tarifBmad.idHeader = tarifBmadPemberitahuan.idHeader || null
      data.tarifBmad.idBarangTarif = tarifBmadPemberitahuan.idBarangTarif || null
      data.tarifBmad.tarif = tarifBmadPemberitahuan.tarif || null
      data.tarifBmad.tarifFasilitas = tarifBmadPemberitahuan.tarifFasilitas || null
      data.tarifBmad.kodeJenisTarif = tarifBmadPemberitahuan.kodeJenisTarif || null
      data.tarifBmad.seriBarang = tarifBmadPemberitahuan.seriBarang || null
      data.tarifBmad.kodeSatuanBarang = tarifBmadPemberitahuan.kodeSatuanBarang || null
      data.tarifBmad.namaSatuanBarang = tarifBmadPemberitahuan.namaSatuanBarang || null
      data.tarifBmad.jumlahSatuan = tarifBmadPemberitahuan.jumlahSatuan || null
      data.tarifBmad.namaJenisTarif = tarifBmadPemberitahuan.namaJenisTarif || null
      data.tarifBmad.kodeJenisPungutan = tarifBmadPemberitahuan.kodeJenisPungutan || null
      data.tarifBmad.kodeFasilitasTarif = tarifBmadPemberitahuan.kodeFasilitasTarif || null

      data.tarifBmp.idBarang = tarifBmpPemberitahuan.idBarang || null
      data.tarifBmp.idHeader = tarifBmpPemberitahuan.idHeader || null
      data.tarifBmp.idBarangTarif = tarifBmpPemberitahuan.idBarangTarif || null
      data.tarifBmp.tarif = tarifBmpPemberitahuan.tarif || null
      data.tarifBmp.tarifFasilitas = tarifBmpPemberitahuan.tarifFasilitas || null
      data.tarifBmp.kodeJenisTarif = tarifBmpPemberitahuan.kodeJenisTarif || null
      data.tarifBmp.seriBarang = tarifBmpPemberitahuan.seriBarang || null
      data.tarifBmp.kodeSatuanBarang = tarifBmpPemberitahuan.kodeSatuanBarang || null
      data.tarifBmp.namaSatuanBarang = tarifBmpPemberitahuan.namaSatuanBarang || null
      data.tarifBmp.jumlahSatuan = tarifBmpPemberitahuan.jumlahSatuan || null
      data.tarifBmp.namaJenisTarif = tarifBmpPemberitahuan.namaJenisTarif || null
      data.tarifBmp.kodeJenisPungutan = tarifBmpPemberitahuan.kodeJenisPungutan || null
      data.tarifBmp.kodeFasilitasTarif = tarifBmpPemberitahuan.kodeFasilitasTarif || null

      data.tarifBmi.idBarang = tarifBmiPemberitahuan.idBarang || null
      data.tarifBmi.idHeader = tarifBmiPemberitahuan.idHeader || null
      data.tarifBmi.idBarangTarif = tarifBmiPemberitahuan.idBarangTarif || null
      data.tarifBmi.tarif = tarifBmiPemberitahuan.tarif || null
      data.tarifBmi.tarifFasilitas = tarifBmiPemberitahuan.tarifFasilitas || null
      data.tarifBmi.kodeJenisTarif = tarifBmiPemberitahuan.kodeJenisTarif || null
      data.tarifBmi.seriBarang = tarifBmiPemberitahuan.seriBarang || null
      data.tarifBmi.kodeSatuanBarang = tarifBmiPemberitahuan.kodeSatuanBarang || null
      data.tarifBmi.namaSatuanBarang = tarifBmiPemberitahuan.namaSatuanBarang || null
      data.tarifBmi.jumlahSatuan = tarifBmiPemberitahuan.jumlahSatuan || null
      data.tarifBmi.namaJenisTarif = tarifBmiPemberitahuan.namaJenisTarif || null
      data.tarifBmi.kodeJenisPungutan = tarifBmiPemberitahuan.kodeJenisPungutan || null
      data.tarifBmi.kodeFasilitasTarif = tarifBmiPemberitahuan.kodeFasilitasTarif || null

      data.tarifBmtp.idBarang = tarifBmtpPemberitahuan.idBarang || null
      data.tarifBmtp.idHeader = tarifBmtpPemberitahuan.idHeader || null
      data.tarifBmtp.idBarangTarif = tarifBmtpPemberitahuan.idBarangTarif || null
      data.tarifBmtp.tarif = tarifBmtpPemberitahuan.tarif || null
      data.tarifBmtp.tarifFasilitas = tarifBmtpPemberitahuan.tarifFasilitas || null
      data.tarifBmtp.kodeJenisTarif = tarifBmtpPemberitahuan.kodeJenisTarif || null
      data.tarifBmtp.seriBarang = tarifBmtpPemberitahuan.seriBarang || null
      data.tarifBmtp.kodeSatuanBarang = tarifBmtpPemberitahuan.kodeSatuanBarang || null
      data.tarifBmtp.namaSatuanBarang = tarifBmtpPemberitahuan.namaSatuanBarang || null
      data.tarifBmtp.jumlahSatuan = tarifBmtpPemberitahuan.jumlahSatuan || null
      data.tarifBmtp.namaJenisTarif = tarifBmtpPemberitahuan.namaJenisTarif || null
      data.tarifBmtp.kodeJenisPungutan = tarifBmtpPemberitahuan.kodeJenisPungutan || null
      data.tarifBmtp.kodeFasilitasTarif = tarifBmtpPemberitahuan.kodeFasilitasTarif || null

      data.tarifPpn.idBarang = tarifPpnPemberitahuan.idBarang || null
      data.tarifPpn.idHeader = tarifPpnPemberitahuan.idHeader || null
      data.tarifPpn.idBarangTarif = tarifPpnPemberitahuan.idBarangTarif || null
      data.tarifPpn.seriBarang = tarifPpnPemberitahuan.seriBarang || null
      data.tarifPpn.tarif = tarifPpnPemberitahuan.tarif || null
      data.tarifPpn.tarifFasilitas = tarifPpnPemberitahuan.tarifFasilitas || null
      data.tarifPpn.kodeSatuanBarang = tarifPpnPemberitahuan.kodeSatuanBarang || null
      data.tarifPpn.namaSatuanBarang = tarifPpnPemberitahuan.namaSatuanBarang || null
      data.tarifPpn.jumlahSatuan = tarifPpnPemberitahuan.jumlahSatuan || null
      data.tarifPpn.namaJenisTarif = tarifPpnPemberitahuan.namaJenisTarif || null
      data.tarifPpn.kodeJenisPungutan = tarifPpnPemberitahuan.kodeJenisPungutan || null
      data.tarifPpn.kodeFasilitasTarif = tarifPpnPemberitahuan.kodeFasilitasTarif || null

      data.tarifPph.idBarang = tarifPphPemberitahuan.idBarang || null
      data.tarifPph.idHeader = tarifPphPemberitahuan.idHeader || null
      data.tarifPph.idBarangTarif = tarifPphPemberitahuan.idBarangTarif || null
      data.tarifPph.tarif = tarifPphPemberitahuan.tarif || null
      data.tarifPph.tarifFasilitas = tarifPphPemberitahuan.tarifFasilitas || null
      data.tarifPph.kodeJenisTarif = tarifPphPemberitahuan.kodeJenisTarif || null
      data.tarifPph.seriBarang = tarifPphPemberitahuan.seriBarang || null
      data.tarifPph.kodeSatuanBarang = tarifPphPemberitahuan.kodeSatuanBarang || null
      data.tarifPph.namaSatuanBarang = tarifPphPemberitahuan.namaSatuanBarang || null
      data.tarifPph.jumlahSatuan = tarifPphPemberitahuan.jumlahSatuan || null
      data.tarifPph.namaJenisTarif = tarifPphPemberitahuan.namaJenisTarif || null
      data.tarifPph.kodeJenisPungutan = tarifPphPemberitahuan.kodeJenisPungutan || null
      data.tarifPph.kodeFasilitasTarif = tarifPphPemberitahuan.kodeFasilitasTarif || null

      data.tarifCukais.idBarang = tarifCukaiPemberitahuan.idBarang || null
      data.tarifCukais.idHeader = tarifCukaiPemberitahuan.idHeader || null
      data.tarifCukais.tarif = tarifCukaiPemberitahuan.tarif || null
      data.tarifCukais.tarifFasilitas = tarifCukaiPemberitahuan.tarifFasilitas || null
      data.tarifCukais.idBarangTarif = tarifCukaiPemberitahuan.idBarangTarif || null
      data.tarifCukais.seriBarang = tarifCukaiPemberitahuan.seriBarang || null
      data.tarifCukais.kodeSatuanBarang = tarifCukaiPemberitahuan.kodeSatuanBarang || null
      data.tarifCukais.namaSatuanBarang = tarifCukaiPemberitahuan.namaSatuanBarang || null
      data.tarifCukais.jumlahSatuan = tarifCukaiPemberitahuan.jumlahSatuan || null
      data.tarifCukais.namaJenisTarif = tarifCukaiPemberitahuan.namaJenisTarif || null
      data.tarifCukais.kodeJenisTarif = tarifCukaiPemberitahuan.kodeJenisTarif || null
      data.tarifCukais.kodeJenisPungutan = tarifCukaiPemberitahuan.kodeJenisPungutan || null
      data.tarifCukais.kodeFasilitasTarif = tarifCukaiPemberitahuan.kodeFasilitasTarif || null
    }
  } else { // Kalau Redux Pemberitahuan atau Penetapan Kosong
    data.statusPfpdBarang = this.state.isInsert ? "I" : this.state.isNotPenalty ? "B" : ""
    data.kodeTetap = dataLocal
    data.identifikasiBarang = identifikasiBarang
    data.dasarPenetapanTarif = dataPenetapanTarif
  }


  console.log("[debug] AFTER Data : ", JSON.stringify(data, "", 3));

  if (
    data.seriBarang !== null  &&
    data.posTarif !== null &&
    data.posTarif !== "" &&
    data.uraian !== null &&
    data.uraian !== "" &&
    data.merk !== null &&
    data.merk !== "" &&
    data.tipe  !== null &&
    data.tipe  !== "" &&
    data.ukuran !== null &&
    data.ukuran !== "" &&
    data.spesifikasiLain !== null &&
    data.spesifikasiLain !== "" &&
    data.kodeBarang !== null &&
    data.kodeBarang !== "" &&
    data.kodeNegaraAsal !== null &&
    data.kodeNegaraAsal !== "" &&
    data.tarifBm.kodeJenisTarif !== null &&
    data.tarifBm.kodeJenisTarif !== "" &&
    data.tarifBm.tarif !== null &&
    data.tarifBm.tarif !== "" &&
    data.tarifBm.kodeFasilitasTarif !== null &&
    data.tarifBm.kodeFasilitasTarif !== "" &&
    data.tarifBm.tarifFasilitas !== null &&
    data.tarifBm.tarifFasilitas !== "" &&
    data.tarifPpn.tarif !== null &&
    data.tarifPpn.tarif !== "" &&
    data.tarifPpn.kodeFasilitasTarif !== null &&
    data.tarifPpn.kodeFasilitasTarif !== "" &&
    data.tarifPpn.tarifFasilitas !== null &&
    data.tarifPpn.tarifFasilitas !== "" &&
    data.tarifPph.tarif !== null &&
    data.tarifPph.tarif !== "" &&
    data.tarifPph.kodeFasilitasTarif !== null &&
    data.tarifPph.kodeFasilitasTarif !== "" &&
    data.tarifPph.tarifFasilitas !== null &&
    data.tarifPph.tarifFasilitas !== "" &&
    data.jumlahSatuan !== null &&
    data.jumlahSatuan !== "" &&
    data.cif !== null &&
    data.cif !== "" &&
    data.jumlahKemasan !== null &&
    data.jumlahKemasan !== "" &&
    data.kodeJenisKemasan !== null &&
    data.kodeJenisKemasan !== "" &&
    data.netto !== null &&
    data.netto !== "" &&
    data.kodeSatuanBarang !== null &&
    data.kodeSatuanBarang !== "" &&
    data.hargaSatuan !== null &&
    data.hargaSatuan !== "" &&
    data.namaValuta !== null &&
    data.namaValuta !== ""
    ) {
    let formRequired = [];

this.setState({ formEmpty: formRequired});
this.setState({ loading: true});
    axios({
      method: 'post',
      url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/simpan-penetapan/',
      data: data,
      headers: {
        'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
      }

    }).then(res => {
      this.setState({
        loading : false,
        buttonInput : false,
        buttonInputB : false,
        buttonUpdate : true,
        butttonDelete : true,
        refreshListBarang : this.state.refreshListBarang + 1,
      })
      swal.fire("Sukses!", "Data Behasil di Simpan", "success");
      // this.props.getListBarangPFPD(this.props.input.idHeader)
      this.props.resetBarangPemberitahuanPFPD()
      this.props.resetBarangPenetapanPFPD()
      this.handleResetState();



        if (
          localStorage.getItem("kodeTetap") != null || localStorage.getItem("idBarang")
        ) {
          localStorage.removeItem("kodeTetap");
          localStorage.removeItem("idBarang");
        }else{
          console.log("No data Removed")
        }

    }).catch(err => {
      this.setState({
        loading : false,
        buttonInput : false,
        buttonInputB : false,
        buttonUpdate : true,
        butttonDelete : true,
      })
      swal.fire("Gagal!", "Data gagal di Simpan", "error");
    })
    console.log("simpan_input", JSON.stringify(this.state.formData, "", 3));
    console.log(this.state.formData)

  } else {
if(this.props.input.kodeDokumen == "20"){
  let formRequired = [];
  if (data.seriBarang === null || data.seriBarang === "") formRequired.push("seriBarang");
  if (data.posTarif === null || data.posTarif === "") formRequired.push("Kode HS");
  if (data.uraian === null || data.uraian === "") formRequired.push("Uraian Barang");
  if (data.tipe === null || data.tipe === "") formRequired.push("Tipe");
  if (data.merk === null || data.merk === "") formRequired.push("Merk");
  if (data.ukuran === null || data.ukuran === "") formRequired.push("Ukuran");
  if (data.spesifikasiLain === null || data.spesifikasiLain === "") formRequired.push("Spesifikasi Lain");
  if (data.kodeBarang === null || data.kodeBarang === "") formRequired.push("Kode Barang");
  if (data.kodeNegaraAsal === null || data.kodeNegaraAsal === "") formRequired.push("Kode Negara Asal");
  if (data.tarifBm.kodeJenisTarif === null || data.tarifBm.kodeJenisTarif === "") formRequired.push("kodeJenisTarif");
  if (data.tarifBm.tarif === null || data.tarifBm.tarif === "") formRequired.push("tarifBm");
  if (data.tarifBm.kodeFasilitasTarif === null || data.tarifBm.kodeFasilitasTarif === "") formRequired.push("kode Fasilitas Bm");
  if (data.tarifBm.tarifFasilitas === null || data.tarifBm.tarifFasilitas === "") formRequired.push("TarifFasilitasBM");
  if (data.tarifPpn.tarif === null || data.tarifPpn.tarif === "") formRequired.push("tarifPpn");
  if (data.tarifPpn.kodeFasilitasTarif === null || data.tarifPpn.kodeFasilitasTarif === "") formRequired.push("Kode Fasilitas Ppn");
  if (data.tarifPpn.tarifFasilitas === null || data.tarifPpn.tarifFasilitas === "") formRequired.push("Tarif Fasilitas Ppn");
  if (data.tarifPph.tarif === null || data.tarifPph.tarif === "") formRequired.push("tarifPph");
  if (data.tarifPph.kodeFasilitasTarif === null || data.tarifPph.kodeFasilitasTarif === "") formRequired.push("Kode Fasilitas Pph");
  if (data.tarifPph.tarifFasilitas === null || data.tarifPph.tarifFasilitas === "") formRequired.push("Tarif Fasilitas Pph");
  if (data.jumlahSatuan === null || data.jumlahSatuan === "") formRequired.push("JumlahSatuan");
  if (data.cif === null || data.cif === "") formRequired.push("cif");
  if (data.netto === null || data.netto === "") formRequired.push("netto");
  if (data.jumlahKemasan === null || data.jumlahKemasan === "") formRequired.push("Jumlah Kemasan");
  if (data.kodeJenisKemasan === null || data.kodeJenisKemasan === "") formRequired.push("Kode Jenis Kemasan");
  if (data.kodeSatuanBarang === null || data.kodeSatuanBarang === "") formRequired.push("KodeSatuanBarang");
  if (data.namaValuta === null || data.namaValuta === "") formRequired.push("Nama Valuta");


  this.setState({ formEmpty: formRequired });
  swal.fire("Gagal!", "Mohon Isikan data dengan Valid", "error");
}else{
  alert('No')
}

  }
}


handleOk = e => {
  console.log(e);
  this.setState({
    spbl: false,
    modalBarang: false,
  });
};

sendNewIDBarang = () => {
  let data = JSON.parse(localStorage.getItem('idBarang'))
  this.setState({
    idBarangTrigger : data
  })
}
handleRollback = () => {
  let idBarang = this.props.input.idBarang
  this.setState({
    loading : true
  })
  // setTimeout(()=> {

  // }, 5000)
  axios({
    method: 'DELETE',
    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/hapus-penetapan/'+ idBarang,
    data: this.state.formData,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
    }

  }).then(res => {
    this.setState({
      loading : false,
      buttonInput : false,
      buttonInputB : false,
      buttonUpdate : true,
      butttonDelete : true,
      refreshListBarang : this.state.refreshListBarang + 1
    })
    // this.props.getListBarangPFPD(this.props.input.idBarang)
    this.props.resetBarangPemberitahuanPFPD()
    this.props.resetBarangPenetapanPFPD()
    // document.getElementById("hasilPemeriksaan").reset();
    swal.fire("Sukses!", "Data Behasil di Hapus", "success");
  }).catch(err => {
    this.setState({
      loading : false,
      buttonInput : false,
      buttonInputB : false,
      buttonUpdate : true,
      butttonDelete : true,
    })
    swal.fire("Gagal!", "Data gagal diHapus", "error");
  })
}
handleCancel = e => {
  console.log("kelua");
  this.setState({
    spbl: false,
    modalFasilitas: false,
    modalBarang: false,
    modalLPPT : false,
    modalLPPNP : false,
    modalUraian : false,
    modalRequired : false,
    detailLPPNP : false,
    detailLPPT : false,

  });
};

handleFormLayoutChange = e => {
  this.setState({ formLayout: e.target.value });
};

handleSizeChange = e => {
  this.setState({ size: e.target.value });
};

toggleBM() {
  this.setState({
    openmodalBM: !this.state.openmodalBM
  });
}

toggleBMKITE() {
  this.setState({
    openmodalBMKITE: !this.state.openmodalBMKITE
  });
}

toggleCukai() {
  this.setState({
    openmodalCukai: !this.state.openmodalCukai
  });
}


enterLoading = () => {
  this.setState({ loading: true });
};

enterIconLoading = () => {
  this.setState({ iconLoading: true });
};

handleCheckKesalahan = (target, value, type) => {
  const state = { ...this.state.formData }

  // console.log("[debug] target : ", target);

  const rekamKesalahan = (target, seri) => {
    state.pfpdKesalahanList.push({
      key: target,
      dbformDatanp1: "",
      dbnp2: "",
      kodeSalah: target === "tarif0" || target === "tarif1" || target === "tarif2" || target === "tarif3" || target === "tarif4" || target === "tarif5" || target === "tarif6" || target === "tarif7" || target === "tarif8" || target === "tarif9" ? "1" : target === "uraian" ? "2" :  target === "jumlahSatuan" ? "3" : "4",
      seriBarang: seri,
      seriKesalahan: 0
    });
    this.setState({ formData: state });

    console.log(`[debug] Added ${target}`);
  }

  const hapusKesalahan = index => {
    state.pfpdKesalahanList.splice(index, 1);
    this.setState({ formData: state });

    console.log(`[debug] Remove ${target}`);
  }

  if (this.state.isInsert) {
    if ((target === "tarif0" || target === "tarif1" || target === "tarif2" || target === "tarif3" || target === "tarif4" || target === "tarif5" || target === "tarif6" || target === "tarif7" || target === "tarif8" || target === "tarif9" || target === "uraian" || target === "jumlahSatuan" || target === "hargaSatuan" || target === "cif") && value.toString().length > 0) {
      if (!state.pfpdKesalahanList.find(x => x.key === target)) {
        rekamKesalahan(target, this.props.seri_barang);
      }
    } else if (state.pfpdKesalahanList.find(x => x.key === target)) {
      hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
    }
  } else if (this.state.isUpdate || (typeof type !== "undefined" && type === "isUpdate")) {
    const reduxPemberitahuan = this.props.datas;

    // Checking
    const isTarifBmNull = reduxPemberitahuan.tarifBm === null ? true : false;
    const isTarifBmkiteNull = reduxPemberitahuan.tarifBmkite === null ? true : false;
    const isTarifBmadNull = reduxPemberitahuan.tarifBmad === null ? true : false;
    const isTarifBmpNull = reduxPemberitahuan.tarifBmp === null ? true : false;
    const isTarifBmiNull = reduxPemberitahuan.tarifBmi === null ? true : false;
    const isTarifBmtpNull = reduxPemberitahuan.tarifBmtp === null ? true : false;
    const isTarifPpnNull = reduxPemberitahuan.tarifPpn === null ? true : false;
    const isTarifPpnbmNull = reduxPemberitahuan.tarifPpnbm === null ? true : false;
    const isTarifPphNull = reduxPemberitahuan.tarifPph === null ? true : false;
    const isTarifCukaisNull = reduxPemberitahuan.tarifCukais === null ? true : false;

    // console.log("[debug] @handleCheckKesalahan reduxPemberitahuan?", reduxPemberitahuan);

    if (type === "isUpdate") {

      for (let i = 0; i < target.length; i++) {
        // console.log("[debug] target?", target[i]);
        const valueCheck = value[i] === "" || value[i] === null ? "" : value[i]

        if(target[i] === "uraian") {
          if (value[i] !== reduxPemberitahuan.uraian) {
            rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
          }
        } else if (target[i] === "jumlahSatuan") {
          if (value[i] !== reduxPemberitahuan.jumlahSatuan) {
            rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
          }
        } else if (target[i] === "cif") {
          if (value[i] !== reduxPemberitahuan.cif) {
            rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
          }
        } else if (target[i] === "hargaSatuan") {
          if (value[i] !== reduxPemberitahuan.hargaSatuan) {
            rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
          }
        } else if (target[i] === "tarif0") {
          if (isTarifBmNull) {
            if (valueCheck !== "") {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          } else {
            if (value[i] !== reduxPemberitahuan.tarifBm.tarif) {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          }
        } else if (target[i] === "tarif1") {
          if (isTarifBmkiteNull) {
            if (valueCheck !== "") {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          } else {
            if (value[i] !== reduxPemberitahuan.tarifBmkite.tarif) {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          }
        } else if (target[i] === "tarif2") {
          if (isTarifBmadNull) {
            if (valueCheck !== "") {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          } else {
            if (value[i] !== reduxPemberitahuan.tarifBmad.tarif) {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          }
        } else if (target[i] === "tarif3") {
          if (isTarifBmpNull) {
            if (valueCheck !== "") {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          } else {
            if (value[i] !== reduxPemberitahuan.tarifBmp.tarif) {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          }
        } else if (target[i] === "tarif4") {
          if (isTarifBmiNull) {
            if (valueCheck !== "") {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          } else {
            if (value[i] !== reduxPemberitahuan.tarifBmi.tarif) {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          }
        } else if (target[i] === "tarif5") {
          if (isTarifBmtpNull) {
            if (valueCheck !== "") {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          } else {
            if (value[i] !== reduxPemberitahuan.tarifBmtp.tarif) {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          }
        } else if (target[i] === "tarif6") {
          if (isTarifPpnNull) {
            if (valueCheck !== "") {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          } else {
            if (value[i] !== reduxPemberitahuan.tarifPpn.tarif) {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          }
        } else if (target[i] === "tarif7") {
          if (isTarifPpnbmNull) {
            if (valueCheck !== "") {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          } else {
            if (value[i] !== reduxPemberitahuan.tarifPpnbm.tarif) {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          }
        } else if (target[i] === "tarif8") {
          if (isTarifPphNull) {
            if (valueCheck !== "") {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          } else {
            if (value[i] !== reduxPemberitahuan.tarifPph.tarif) {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          }
        } else if (target[i] === "tarif9") {
          if (isTarifCukaisNull) {
            if (valueCheck !== "") {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          } else {
            if (value[i] !== reduxPemberitahuan.tarifCukais.tarif) {
              rekamKesalahan(target[i], reduxPemberitahuan.seriBarang);
            }
          }
        }

      }
    } else if (this.state.isUpdate) {
      if (target === "uraian") {
        if (value !== reduxPemberitahuan.uraian) {
          if (!state.pfpdKesalahanList.find(x => x.key === target)) {
            rekamKesalahan(target, reduxPemberitahuan.seriBarang);
          }
        } else {
          if (state.pfpdKesalahanList.find(x => x.key === target)) {
            hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
          }
        }
      } else if (target === "jumlahSatuan") {
        if (Number(value) !== reduxPemberitahuan.jumlahSatuan) {
          if (!state.pfpdKesalahanList.find(x => x.key === target)) {
            rekamKesalahan(target, reduxPemberitahuan.seriBarang);
          }
        } else {
          if (state.pfpdKesalahanList.find(x => x.key === target)) {
            hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
          }
        }
      } else if (target === "cif") {
        if (Number(value) !== reduxPemberitahuan.cif) {
          if (!state.pfpdKesalahanList.find(x => x.key === target)) {
            rekamKesalahan(target, reduxPemberitahuan.seriBarang);
          }
        } else {
          if (state.pfpdKesalahanList.find(x => x.key === target)) {
            hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
          }
        }
      } else if (target === "hargaSatuan") {
        if (Number(value) !== reduxPemberitahuan.hargaSatuan) {
          if (!state.pfpdKesalahanList.find(x => x.key === target)) {
            rekamKesalahan(target, reduxPemberitahuan.seriBarang);
          }
        } else {
          if (state.pfpdKesalahanList.find(x => x.key === target)) {
            hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
          }
        }
      } else if (target === "tarif0") {
        if (isTarifBmNull) {
          if (value.toString().length === 0) {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          } else {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          }
        } else {
          if (Number(value) !== reduxPemberitahuan.tarifBm.tarif) {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          } else {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          }
        }
      } else if (target === "tarif1") {
        if (isTarifBmkiteNull) {
          if (value.toString().length === 0) {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          } else {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          }
        } else {
          if (Number(value) !== reduxPemberitahuan.tarifBmkite.tarif) {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          } else {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          }
        }
      } else if (target === "tarif2") {
        if (isTarifBmadNull) {
          if (value.toString().length === 0) {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          } else {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          }
        } else {
          if (Number(value) !== reduxPemberitahuan.tarifBmad.tarif) {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          } else {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          }
        }
      } else if (target === "tarif3") {
        if (isTarifBmpNull) {
          if (value.toString().length === 0) {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          } else {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          }
        } else {
          if (Number(value) !== reduxPemberitahuan.tarifBmp.tarif) {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          } else {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          }
        }
      } else if (target === "tarif4") {
        if (isTarifBmiNull) {
          if (value.toString().length === 0) {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          } else {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          }
        } else {
          if (Number(value) !== reduxPemberitahuan.tarifBmi.tarif) {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          } else {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          }
        }
      } else if (target === "tarif5") {
        if (isTarifBmtpNull) {
          if (value.toString().length === 0) {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          } else {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          }
        } else {
          if (Number(value) !== reduxPemberitahuan.tarifBmtp.tarif) {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          } else {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          }
        }
      } else if (target === "tarif6") {
        if (isTarifPpnNull) {
          if (value.toString().length === 0) {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          } else {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          }
        } else {
          if (Number(value) !== reduxPemberitahuan.tarifPpn.tarif) {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          } else {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          }
        }
      } else if (target === "tarif7") {
        if (isTarifPpnbmNull) {
          if (value.toString().length === 0) {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          } else {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          }
        } else {
          if (Number(value) !== reduxPemberitahuan.tarifPpnbm.tarif) {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          } else {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          }
        }
      } else if (target === "tarif8") {
        if (isTarifPphNull) {
          if (value.toString().length === 0) {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          } else {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          }
        } else {
          if (Number(value) !== reduxPemberitahuan.tarifPph.tarif) {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          } else {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          }
        }
      } else if (target === "tarif9") {
        if (isTarifCukaisNull) {
          if (value.toString().length === 0) {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          } else {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          }
        } else {
          if (Number(value) !== reduxPemberitahuan.tarifCukais.tarif) {
            if (!state.pfpdKesalahanList.find(x => x.key === target)) {
              rekamKesalahan(target, reduxPemberitahuan.seriBarang);
            }
          } else {
            if (state.pfpdKesalahanList.find(x => x.key === target)) {
              hapusKesalahan(state.pfpdKesalahanList.findIndex(x => x.key === target));
            }
          }
        }
      } // KOKO
    }
  }

  // this.handleCheckKesalahan(["tarif0", "tarif2", "tarif3", "tarif4", "tarif5", "uraian", "jumlahSatuan", "hargaSatuan", "cif"], [null, null, null, null, null, updateData.uraian || null, updateData.jumlahSatuan || null, null, updateData.cif || 0], "isUpdate");
  console.log("[debug] @CheckState : ", state.pfpdKesalahanList);
}

//! Jangan diubah, jangan ditiru!
handleInputChange = event => {

  // console.log("[debug] Event : ", event.target.name);

  //!handle Input API
  event.preventDefault();
  let myData = { ...this.state.formData }
  if (event.target.name === "kodeJenisTarif0") {
    myData.barangTarifList[0].kodeJenisTarif = event.target.value
  } else if (event.target.name === "jumlahSatuanBM") {
    myData.tarifBm.jumlahSatuan = event.target.value
  } else if (event.target.name === "tarif0") {
    myData.tarifBm.tarif = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  } else if (event.target.name === "tarifFasilitas0") {
    myData.tarifBm.tarifFasilitas = event.target.value
  } else if (event.target.name === "tarif1") {
    myData.tarifBmkite.tarif = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  } else if (event.target.name === "jumlahSatuanBmkite") {
    myData.tarifBmkite.jumlahSatuan = event.target.value
  } else if (event.target.name === "tarifFasilitasBmKite") {
    myData.tarifBmkite.tarifFasilitas = event.target.value
  } else if (event.target.name === "kodeFasilitasTarif1") {
    myData.tarifBmad.kodeFasilitastarif = event.target.value
  } else if (event.target.name === "tarifFasilitas1") {
    myData.tarifBmad.tarifFasilitas = event.target.value
  } else if (event.target.name === "tarif2") {
    myData.tarifBmad.tarif = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  } else if (event.target.name === "jumlahSatuanBmad") {
    myData.tarifBmad.jumlahSatuan = event.target.value
  } else if (event.target.name === "tarifFasilitas2") {
    myData.tarifBmad.tarifFasilitas = event.target.value
  } else if (event.target.name === "tarif3") {
    myData.tarifBmp.tarif = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  } else if (event.target.name === "tarifFasilitas3") {
    myData.tarifBmp.tarifFasilitas = event.target.value
  } else if (event.target.name === "jumlahSatuanBmp") {
    myData.tarifBmp.jumlahSatuan = event.target.value
  } else if (event.target.name === "tarifFasilitas4") {
    myData.tarifBmi.tarifFasilitas = event.target.value
  } else if (event.target.name === "tarif4") {
    myData.tarifBmi.tarif = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  } else if (event.target.name === "jumlahSatuanBmi") {
    myData.tarifBmi.jumlahSatuan = event.target.value
  } else if (event.target.name === "tarif5") {
    myData.tarifBmtp.tarif = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  } else if (event.target.name === "tarifFasilitas5") {
    myData.tarifBmtp.tarifFasilitas = event.target.value
  } else if (event.target.name === "jumlahSatuanBmtp") {
    myData.tarifBmtp.jumlahSatuan = event.target.value
  } else if (event.target.name === "tarif6") {
    myData.tarifPpn.tarif = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  } else if (event.target.name === "tarifFasilitas6") {
    myData.tarifPpn.tarifFasilitas = event.target.value
  } else if (event.target.name === "tarifFasilitas6") {
    myData.tarifPpn.tarifFasilitas = event.target.value
  } else if (event.target.name === "tarif7") {
    myData.tarifPpnbm.tarif = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  } else if (event.target.name === "tarifFasilitas7") {
    myData.tarifPpnbm.tarifFasilitas = event.target.value
  } else if (event.target.name === "tarif8") {
    myData.tarifPph.tarif = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  } else if (event.target.name === "tarifFasilitas8") {
    myData.tarifPph.tarifFasilitas = event.target.value
  } else if (event.target.name === "tarif9") {
    myData.tarifCukais.tarif = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  } else if (event.target.name === "tarifFasilitas9") {
    myData.tarifCukais.tarifFasilitas = event.target.value
  } else if (event.target.name === "jumlahSatuanCukai") {
    myData.tarifCukais.jumlahSatuan = event.target.value
  } else {
    myData[event.target.name] = event.target.value
    this.handleCheckKesalahan(event.target.name, event.target.value)
  }

  this.setState({ formData: myData });
  // this.props.setInput(event.target.name, event.target.value);

}

handleSelectBM = (value) => {
  let myData = { ...this.state.formData }
  let formEmpty = this.state.formEmpty

  myData.tarifBm.kodeJenisTarif = value
  myData.tarifBm.idHeader = this.props.input.idHeader || null
  myData.tarifBm.kodeJenisPungutan = "BM"

  if (formEmpty.find(x => x === 'kodeJenisTarif')) {
    formEmpty.splice(formEmpty.findIndex(x => x === 'kodeJenisTarif'), 1);
  }

  this.setState({ formEmpty: formEmpty, formData: myData });
}
handleFasilitasTarifBM = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBm.kodeFasilitasTarif = value
  this.setState({ formData: myData });
}
handleKodeSatuanBM = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBm.kodeSatuanBarang = value
  this.setState({ formData: myData });
}
handleSelectChangeBMKite = (value) => {
  //!handle Input API
  // event.preventDefault();
  let myData = { ...this.state.formData }
  myData.tarifBmkite.kodeJenisPungutan = "BMKITE"
  myData.tarifBmkite.idHeader = this.props.input.idHeader || null
  myData.tarifBmkite.kodeJenisTarif = value
  this.setState({ formData: myData });
}
handleFasilitasTarifBmkite = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmkite.kodeFasilitasTarif = value
  this.setState({ formData: myData });
}
handlekodeTetap = (event) => {
  console.log('valTet', event)
  let myData = {...this.state.formData}
  myData.kodeTetap = event
  this.setState({
    formData : myData
  })
  console.log("kodeTet", this.state.formData)
}
handleKodeSatuanBmkite = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmkite.kodeSatuanBarang = value
  this.setState({ formData: myData });
}
handleSelectBmad = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmad.idHeader = this.props.input.idHeader || null
  myData.tarifBmad.kodeJenisPungutan = "BMAD"
  myData.tarifBmad.kodeJenisTarif = value
  this.setState({ formData: myData });
}
handleSelectBmad2 = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmad.kodeFasilitasTarif = value
  this.setState({ formData: myData });
}
handleSatuanBmad = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmad.kodeSatuanBarang = value
  this.setState({ formData: myData });
}
handleSelectBMP = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmp.kodeJenisPungutan = "BMP"
  myData.tarifBmp.idHeader = this.props.input.idHeader || null
  myData.tarifBmp.kodeJenisTarif = value
  this.setState({ formData: myData });
}
handleSelectBMP2 = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmp.kodeFasilitasTarif = value
  this.setState({ formData: myData });
}
handleSatuanBmp = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmp.kodeSatuanBarang = value
  this.setState({ formData: myData });
}
handleSelectBMI = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmi.kodeJenisPungutan = "BMI"
  myData.tarifBmi.idHeader = this.props.input.idHeader || null
  myData.tarifBmi.kodeJenisTarif = value
  this.setState({ formData: myData });
}
handleSelectBMI2 = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmi.kodeFasilitasTarif = value
  this.setState({ formData: myData });
}
handleSatuanBmi = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmi.kodeSatuanBarang = value
  this.setState({ formData: myData });
}
handleSelectBMTP = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmtp.kodeJenisPungutan = "BMTP"
  myData.tarifBmtp.idHeader = this.props.input.idHeader || null
  myData.tarifBmtp.kodeJenisTarif = value
  this.setState({ formData: myData });
}
handleSelectBMTP2 = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmtp.kodeFasilitasTarif = value
  this.setState({ formData: myData });
}
handleSatuanBmtp = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifBmtp.kodeSatuanBarang = value
  this.setState({ formData: myData });
}
handleSelectPPN = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifPpn.kodeJenisPungutan = "PPN"
  myData.tarifPpn.idHeader = this.props.input.idHeader || null
  myData.tarifPpn.kodeFasilitasTarif = value
  this.setState({ formData: myData });
}
handleSelectPPNBM = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifPpnbm.kodeJenisPungutan = "PPNBM"
  myData.tarifPpnbm.idHeader = this.props.input.idHeader || null
  myData.tarifPpnbm.kodeFasilitasTarif = value
  this.setState({ formData: myData });
}
handleSelectPPH = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifPph.kodeJenisPungutan = "PPH"
  myData.tarifPph.idHeader = this.props.input.idHeader || null
  myData.tarifPph.kodeFasilitasTarif = value
  this.setState({ formData: myData });
}
handleSelectCUKAI = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifCukais.kodeJenisPungutan = "CUKAI"
  myData.tarifCukais.idHeader = this.props.input.idHeader || null
  myData.tarifCukais.kodeJenisTarif = value
  this.setState({ formData: myData });
}
handleSelectCUKAI2 = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifCukais.kodeKomoditiCukai = value
  this.setState({ formData: myData });
}
handleSelectCUKAI3 = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifCukais.kodeFasilitasTarif = value
  this.setState({ formData: myData });
}
handleKodeSatuanCukai = (value) => {
  let myData = { ...this.state.formData }
  myData.tarifCukais.kodeSatuanBarang = value
  this.setState({ formData: myData });
}


handleNegaraChange = (value) => {
  let myData = { ...this.state.formData }
  myData.kodeNegaraAsal = value
  this.setState({ formData: myData });

}
handleKemasan = (value) => {
  let myData = { ...this.state.formData }
  myData.kodeJenisKemasan = value
  this.setState({ formData: myData });
}
handleSatuan = (value) => {
  let myData = { ...this.state.formData }
  myData.kodeSatuanBarang = value
  this.setState({ formData: myData });
}
handleValuta = (value) => {
  let myData = { ...this.state.formData }
  myData.namaValuta = value
  this.setState({ formData: myData });
}
//!Akhir dari handle API Hasil Pemeriksaan
alertdebug = () => {
  // console.log("debug:020")
  message.success('Berhasil menambahkan data!');
  // message.error('Gagal menambahkan data!');
}
getSeriBarang = () => {
  let ID_HEADER = this.props.input.idHeader

  axios({
    method: 'GET',
    url:  process.env.REACT_APP_PFPD+'/pemeriksaan-dokumen/max-seri-barang/'+ID_HEADER,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD
    },
  })
    .then(res => {
      let result = res.data
      this.setState({
        maxSeri : result.data
      })
    })
    .catch(err => {
      console.log(err)
    })
}
componentDidMount() {
  this.props.resetLartas()
  this.props.getMaxSeriBarangPFPD(this.props.input.idHeader)
  this.props.getListBarangPFPD(this.props.input.idHeader)
  this.getSeriBarang()
  this.getKomuditi()
  this.getSatBarang()
  this.getValuta()
  this.getFasilitasTarif()
  this.getJenisTarif()
  this.getNegara()
  this.props.getSatuanBarang();
  this.props.getKemasan();
  this.cekTombolSelesai()
  this.props.getTarifSubKomoditiCukai();
  this.onRefresh();
  console.log('datas')
  console.log(this.props.datas)
  if (
    localStorage.getItem("kodeTetap") != null  ||  localStorage.getItem("idBarang") != null
  ) {
    localStorage.removeItem("idBarang");
    localStorage.removeItem("kodeTetap");
  }
}

onRefresh = () => {
  try {
    var d = {
      kodeHs: this.props.datas.posTarif
      // tanggalBerlaku : this.props.input.
    };
    console.log('rr', d)
  } catch (e) {
    console.log(e);
  }
  return this.props.getBMTPFPD(d);
};
statusDelete = () => {
  let dataPost = {...this.state.formDelete}
  dataPost.idHeader = this.props.input.idHeader
  dataPost.idBarang = this.props.input.idBarang
  dataPost.seriBarang = this.props.input.seriBarang
  dataPost.statusPfpdBarang = "D"

  this.setState({
    loading : true,
  })
  axios({
    method: 'post',
    url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/simpan-penetapan/',
    data: dataPost,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD,
    }


  }).then(res => {
    this.setState({
      loading : false,
      buttonInput : false,
      buttonInputB : false,
      buttonUpdate : true,
      butttonDelete : true,
    })
    swal.fire("Sukses!", "Data Behasil di Simpan", "success");
    console.log('datanya', JSON.stringify(this.state.formDelete))
  }).catch(err => {
    this.setState({
      loading : false,
      buttonInput : false,
      buttonInputB : false,
      buttonUpdate : true,
      butttonDelete : true,
    })
    swal.fire("Gagal!", "Data Gagal di Simpan", "error");
    console.log(err)
  })
}
//!The Input Red API

toggleInputBaru = (data) => {
  if (
   localStorage.getItem("idBarang") !== null
  ) {
    localStorage.removeItem("idBarang");
  }else{
    console.log("No data Removed")
  }
  this.setState({
    isInsert : true,
    isUpdate : false,
    isNotPenalty : false
  })
this.props.getMaxSeriBarangPFPD(this.props.input.idHeader)
this.getSeriBarang()

  var newinput = {
    idBarang: "",
    barang_data_posTarif:"",
    barang_data_status:"",
    barang_data_seriBarang:"",
    barang_data_seriBarangNew: null,
    barang_data_statusNew: null,
    kode_barang: null,
    merk: null,
    negaraAsal: null,
    spesifikasi_lain: null,
    tipe: null,
    ukuran: null,
    uraian_barang: "",
    kodeTetap : null,
    nomorDokumen : null,
    tanggalDokumen1 : null
  }

  // this.props.resetInput()
  this.props.setMultiInput(newinput)
  console.log('edo', this.state.maxSeri)
  data = data || [];

  this.setState({ unlock_hasil: false,
    showListKesalahan : true
  })
  this.setState({ unlock_tarif: false })


  this.props.setInput("statusPfpdBarang", "I")

  let formDatas = { ...this.state.formData }
  formDatas.statusPfpdBarang = 'I'
  formDatas.seriBarang = this.props.seri_barang
  formDatas.idBarang = ''

  formDatas.barangDokumenList[0].idBarang = ''
  formDatas.bahanBakuList[0].seriBarang = this.props.seri_barang
  this.setState({
    formData: formDatas,
    cekKonfirm : false
  })

  // let formDatas1 = {...this.state.formData}
  // formDatas1.seriBarang = this.props.seri_barang
  // this.setState({formData: formDatas1})

}
toggleTanpaDenda = () => {
  this.setState({
    isInsert : false,
    isUpdate : false,
    isNotPenalty : true,
  })
  this.props.getMaxSeriBarangPFPD(this.props.input.idHeader)
  this.getSeriBarang()


    // this.props.resetInput()

    console.log('edo', this.state.maxSeri)

    this.setState({ unlock_hasil: false})
    this.setState({ unlock_tarif: false })


    this.props.setInput("statusPfpdBarang", "B")

    let formDatas = { ...this.state.formData }
    formDatas.statusPfpdBarang = 'B'
    formDatas.seriBarang = this.props.seri_barang
    formDatas.idBarang = ''





    // formDatas.pfpdKesalahanList[0].seriBarang = this.props.seri_barang
    formDatas.barangDokumenList[0].idBarang = ''
    formDatas.bahanBakuList[0].seriBarang = this.props.seri_barang
    this.setState({
      formData: formDatas,
      cekKonfirm : false,
      showListKesalahan : true,
      isInsert : true
    })
}
ambilTarif = () => {
  const ID_BARANG = this.props.datas.idBarang
  const kodeHs = this.props.datas.posTarif
  const tanggalBerlaku = "31-01-2020"

  axios({
    method: 'GET',
    url: process.env.REACT_APP_PFPD+'/pemeriksaan-dokumen/ambil-tarif/'+ID_BARANG+'?kodeHs='+ kodeHs+'&tanggalBerlaku='+ tanggalBerlaku,
    headers: {
      'beacukai-api-key': process.env.REACT_APP_SECRET_KEY_PFPD
    },
  })
  .then(res => {
    console.log(res)
    let tarifBmUpdate = this.props.datas.tarifBm || null
    let tarifPpnUpdate = this.props.datas.tarifPpn || null
    let tarifCukaiUpdate = this.props.datas.tarifCukais || null
    let bm = _.find(res.data,["kodeJenisPungutan", "BM"]) || {}
    let ppn = _.find(res.data,["kodeJenisPungutan", "PPN"]) || {}
    let pph = _.find(res.data,["kodeJenisPungutan", "PPH"]) || {}

    let json = {...this.state.formData}
    // json.tarifBm.tarif = tarifBmUpdate == null ? null : bm.tarif
    // json.tarifBm.kodeJenisTarif = tarifBmUpdate == null ? null : bm.kodeJenisTarif
    json.tarifBm.tarif = bm.tarif
    json.tarifPpn.tarif = ppn.tarif
    json.tarifPph.tarif = pph.tarif

    // KOKO

   this.setState({
    formData : json
   },() => {
    //  console.log("Data", this.state.formData)
    const data = this.state.formData;
    this.handleCheckKesalahan(
      ["tarif0", "tarif1", "tarif2", "tarif3", "tarif4", "tarif5", "tarif6", "tarif7", "tarif8", "tarif9"],
      [data.tarifBm.tarif, data.tarifBmkite.tarif, data.tarifBmad.tarif, data.tarifBmp.tarif, data.tarifBmi.tarif, data.tarifBmtp.tarif, data.tarifPpn.tarif, data.tarifPpnbm.tarif, data.tarifPph.tarif, data.tarifCukais.tarif],
      "isUpdate"
    );
   }
   )
    console.log('bmmmm', this.state.ambilTarifBm.tarif)
  //  let b = this.state.ambilTarifBm
  })
  .catch(err => {
    console.log(err)
  })
}

toggleUbah = (data) => {

this.setState({
  isUpdate : true,
  isInsert : false,
  isNotPenalty : false,
})
  console.log(data)
  data = data || [];

  var newinput = {
    idBarang: data.idBarang,
    barang_data_seriBarangNew: data.seriBarang,
    barang_data_posTarif: data.posTarif,
    barang_data_statusNew: data.status,
    uraian_barang: data.uraian,
    hsCode:data.posTarif,
    merk: data.merk,
    tipe: data.tipe,
    ukuran: data.ukuran,
    spesifikasi_lain: data.spesifikasiLain,
    kode_barang: data.kodeBarang,
    negaraAsal: data.kodeNegaraAsal,
    cif_barang: data.cif_barang,
    posTarif: data.posTarif,
    statusPfpdBarang: "U",
    abc : data.abc
  }
  this.ambilTarif()
  this.props.setMultiInput(newinput)

  let ambilTarifBm = this.state.ambilTarifBm
  let formDatas = { ...this.state.formData }
  let updateData = this.props.datas
  let tarifBmUpdate = this.props.datas.tarifBm || {}
  let tarifBmkiteUpdate = this.props.datas.tarifBmkite || {}
  let tarifBmadUpdate = this.props.datas.tarifBmad || {}
  let tarifBmpUpdate = this.props.datas.tarifBmp || {}
  let tarifBmiUpdate = this.props.datas.tarifBmi || {}
  let tarifBmtpUpdate = this.props.datas.tarifBmtp || {}
  let tarifPpnUpdate = this.props.datas.tarifPpn || {}
  let tarifPpnbmUpdate = this.props.datas.tarifPpnbm || {}
  let tarifPphUpdate = this.props.datas.tarifPph || {}
  let tarifCukaiUpdate = this.props.datas.tarifCukais || {}


  formDatas.statusPfpdBarang = 'U'
  formDatas.idBarang = updateData.idBarang || null
  formDatas.idHeader = updateData.idHeader || null
  formDatas.cif = updateData.cif || 0
  formDatas.uraian = updateData.uraian || null
  formDatas.merk = updateData.merk || null
  formDatas.tipe = updateData.tipe || null
  formDatas.ukuran = updateData.ukuran || null
  formDatas.spesifikasiLain = updateData.spesifikasiLain || null
  formDatas.kodeBarang = updateData.kodeBarang || null
  formDatas.kodeNegaraAsal = updateData.kodeNegaraAsal || null
  formDatas.netto = updateData.netto || null
  formDatas.jumlahSatuan = updateData.jumlahSatuan || null
  formDatas.jumlahKemasan = updateData.jumlahKemasan || null
  formDatas.kodeJenisKemasan = updateData.kodeJenisKemasan || null
  formDatas.idProses = updateData.idProses || null
  formDatas.kodeProses = updateData.kodeProses || null
  formDatas.kodeSatuanBarang = updateData.kodeSatuanBarang || null
  formDatas.namaValuta = updateData.namaValuta || null

  formDatas.posTarif = updateData.posTarif || null
  formDatas.seriBarang = updateData.seriBarang || null

  formDatas.tarifBm.idBarang = tarifBmUpdate.idBarang || null
  formDatas.tarifBm.idHeader = tarifBmUpdate.idHeader || null
  formDatas.tarifBm.idBarangTarif = tarifBmUpdate.idBarangTarif || null
  formDatas.tarifBm.tarif = tarifBmUpdate.tarif || null
  formDatas.tarifBm.tarifFasilitas = tarifBmUpdate.tarifFasilitas || null
  formDatas.tarifBm.kodeJenisTarif = tarifBmUpdate.kodeJenisTarif || null
  formDatas.tarifBm.seriBarang = tarifBmUpdate.seriBarang || null
  formDatas.tarifBm.kodeSatuanBarang = tarifBmUpdate.kodeSatuanBarang || null
  formDatas.tarifBm.namaSatuanBarang = tarifBmUpdate.namaSatuanBarang || null
  formDatas.tarifBm.jumlahSatuan = tarifBmUpdate.jumlahSatuan || null
  formDatas.tarifBm.namaJenisTarif = tarifBmUpdate.namaJenisTarif || null
  formDatas.tarifBm.kodeJenisPungutan = tarifBmUpdate.kodeJenisPungutan || null
  formDatas.tarifBm.kodeFasilitasTarif = tarifBmUpdate.kodeFasilitasTarif || null
  formDatas.tarifBm.namaFasilitasTarif = tarifBmUpdate.namaFasilitasTarif || null

  formDatas.tarifBmkite.idBarang = tarifBmkiteUpdate.idBarang || null
  formDatas.tarifBmkite.idHeader = tarifBmkiteUpdate.idHeader || null
  formDatas.tarifBmkite.idBarangTarif = tarifBmkiteUpdate.idBarangTarif || null
  formDatas.tarifBmkite.tarif = tarifBmkiteUpdate.tarif || null
  formDatas.tarifBmkite.tarifFasilitas = tarifBmkiteUpdate.tarifFasilitas || null
  formDatas.tarifBmkite.kodeJenisTarif = tarifBmkiteUpdate.kodeJenisTarif || null
  formDatas.tarifBmkite.seriBarang = tarifBmkiteUpdate.seriBarang || null
  formDatas.tarifBmkite.kodeSatuanBarang = tarifBmkiteUpdate.kodeSatuanBarang || null
  formDatas.tarifBmkite.namaSatuanBarang = tarifBmkiteUpdate.namaSatuanBarang || null
  formDatas.tarifBmkite.jumlahSatuan = tarifBmkiteUpdate.jumlahSatuan || null
  formDatas.tarifBmkite.namaJenisTarif = tarifBmkiteUpdate.namaJenisTarif || null
  formDatas.tarifBmkite.kodeJenisPungutan = tarifBmkiteUpdate.kodeJenisPungutan || null
  formDatas.tarifBmkite.kodeFasilitasTarif = tarifBmkiteUpdate.kodeFasilitasTarif || null

  formDatas.tarifBmad.idBarang = tarifBmadUpdate.idBarang || null
  formDatas.tarifBmad.idHeader = tarifBmadUpdate.idHeader || null
  formDatas.tarifBmad.idBarangTarif = tarifBmadUpdate.idBarangTarif || null
  formDatas.tarifBmad.tarif = tarifBmadUpdate.tarif || null
  formDatas.tarifBmad.tarifFasilitas = tarifBmadUpdate.tarifFasilitas || null
  formDatas.tarifBmad.kodeJenisTarif = tarifBmadUpdate.kodeJenisTarif || null
  formDatas.tarifBmad.seriBarang = tarifBmadUpdate.seriBarang || null
  formDatas.tarifBmad.kodeSatuanBarang = tarifBmadUpdate.kodeSatuanBarang || null
  formDatas.tarifBmad.namaSatuanBarang = tarifBmadUpdate.namaSatuanBarang || null
  formDatas.tarifBmad.jumlahSatuan = tarifBmadUpdate.jumlahSatuan || null
  formDatas.tarifBmad.namaJenisTarif = tarifBmadUpdate.namaJenisTarif || null
  formDatas.tarifBmad.kodeJenisPungutan = tarifBmadUpdate.kodeJenisPungutan || null
  formDatas.tarifBmad.kodeFasilitasTarif = tarifBmadUpdate.kodeFasilitasTarif || null

  formDatas.tarifBmp.idBarang = tarifBmpUpdate.idBarang || null
  formDatas.tarifBmp.idHeader = tarifBmpUpdate.idHeader || null
  formDatas.tarifBmp.idBarangTarif = tarifBmpUpdate.idBarangTarif || null
  formDatas.tarifBmp.tarif = tarifBmpUpdate.tarif || null
  formDatas.tarifBmp.tarifFasilitas = tarifBmpUpdate.tarifFasilitas || null
  formDatas.tarifBmp.kodeJenisTarif = tarifBmpUpdate.kodeJenisTarif || null
  formDatas.tarifBmp.seriBarang = tarifBmpUpdate.seriBarang || null
  formDatas.tarifBmp.kodeSatuanBarang = tarifBmpUpdate.kodeSatuanBarang || null
  formDatas.tarifBmp.namaSatuanBarang = tarifBmpUpdate.namaSatuanBarang || null
  formDatas.tarifBmp.jumlahSatuan = tarifBmpUpdate.jumlahSatuan || null
  formDatas.tarifBmp.namaJenisTarif = tarifBmpUpdate.namaJenisTarif || null
  formDatas.tarifBmp.kodeJenisPungutan = tarifBmpUpdate.kodeJenisPungutan || null
  formDatas.tarifBmp.kodeFasilitasTarif = tarifBmpUpdate.kodeFasilitasTarif || null

  formDatas.tarifBmi.idBarang = tarifBmiUpdate.idBarang || null
  formDatas.tarifBmi.idHeader = tarifBmiUpdate.idHeader || null
  formDatas.tarifBmi.idBarangTarif = tarifBmiUpdate.idBarangTarif || null
  formDatas.tarifBmi.tarif = tarifBmiUpdate.tarif || null
  formDatas.tarifBmi.tarifFasilitas = tarifBmiUpdate.tarifFasilitas || null
  formDatas.tarifBmi.kodeJenisTarif = tarifBmiUpdate.kodeJenisTarif || null
  formDatas.tarifBmi.seriBarang = tarifBmiUpdate.seriBarang || null
  formDatas.tarifBmi.kodeSatuanBarang = tarifBmiUpdate.kodeSatuanBarang || null
  formDatas.tarifBmi.namaSatuanBarang = tarifBmiUpdate.namaSatuanBarang || null
  formDatas.tarifBmi.jumlahSatuan = tarifBmiUpdate.jumlahSatuan || null
  formDatas.tarifBmi.namaJenisTarif = tarifBmiUpdate.namaJenisTarif || null
  formDatas.tarifBmi.kodeJenisPungutan = tarifBmiUpdate.kodeJenisPungutan || null
  formDatas.tarifBmi.kodeFasilitasTarif = tarifBmiUpdate.kodeFasilitasTarif || null

  formDatas.tarifBmtp.idBarang = tarifBmtpUpdate.idBarang || null
  formDatas.tarifBmtp.idHeader = tarifBmtpUpdate.idHeader || null
  formDatas.tarifBmtp.idBarangTarif = tarifBmtpUpdate.idBarangTarif || null
  formDatas.tarifBmtp.tarif = tarifBmtpUpdate.tarif || null
  formDatas.tarifBmtp.tarifFasilitas = tarifBmtpUpdate.tarifFasilitas || null
  formDatas.tarifBmtp.kodeJenisTarif = tarifBmtpUpdate.kodeJenisTarif || null
  formDatas.tarifBmtp.seriBarang = tarifBmtpUpdate.seriBarang || null
  formDatas.tarifBmtp.kodeSatuanBarang = tarifBmtpUpdate.kodeSatuanBarang || null
  formDatas.tarifBmtp.namaSatuanBarang = tarifBmtpUpdate.namaSatuanBarang || null
  formDatas.tarifBmtp.jumlahSatuan = tarifBmtpUpdate.jumlahSatuan || null
  formDatas.tarifBmtp.namaJenisTarif = tarifBmtpUpdate.namaJenisTarif || null
  formDatas.tarifBmtp.kodeJenisPungutan = tarifBmtpUpdate.kodeJenisPungutan || null
  formDatas.tarifBmtp.kodeFasilitasTarif = tarifBmtpUpdate.kodeFasilitasTarif || null

  formDatas.tarifPpn.idBarang = tarifPpnUpdate.idBarang || null
  formDatas.tarifPpn.idHeader = tarifPpnUpdate.idHeader || null
  formDatas.tarifPpn.idBarangTarif = tarifPpnUpdate.idBarangTarif || null
  formDatas.tarifPpn.seriBarang = tarifPpnUpdate.seriBarang || null
  formDatas.tarifPpn.kodeSatuanBarang = tarifPpnUpdate.kodeSatuanBarang || null
  formDatas.tarifPpn.namaSatuanBarang = tarifPpnUpdate.namaSatuanBarang || null
  formDatas.tarifPpn.jumlahSatuan = tarifPpnUpdate.jumlahSatuan || null
  formDatas.tarifPpn.jumlahSatuan = tarifPpnUpdate.jumlahSatuan || null
  formDatas.tarifPpn.tarif = tarifPpnUpdate.tarif || null
  formDatas.tarifPpn.tarifFasilitas = tarifPpnUpdate.tarifFasilitas || null
  formDatas.tarifPpn.kodeJenisPungutan = tarifPpnUpdate.kodeJenisPungutan || null
  formDatas.tarifPpn.kodeFasilitasTarif = tarifPpnUpdate.kodeFasilitasTarif || null

  formDatas.tarifPpnbm.idBarang = tarifPpnbmUpdate.idBarang || null
  formDatas.tarifPpnbm.idHeader = tarifPpnbmUpdate.idHeader || null
  formDatas.tarifPpnbm.idBarangTarif = tarifPpnbmUpdate.idBarangTarif || null
  formDatas.tarifPpnbm.seriBarang = tarifPpnbmUpdate.seriBarang || null
  formDatas.tarifPpnbm.kodeSatuanBarang = tarifPpnbmUpdate.kodeSatuanBarang || null
  formDatas.tarifPpnbm.namaSatuanBarang = tarifPpnbmUpdate.namaSatuanBarang || null
  formDatas.tarifPpnbm.jumlahSatuan = tarifPpnbmUpdate.jumlahSatuan || null
  formDatas.tarifPpnbm.jumlahSatuan = tarifPpnbmUpdate.jumlahSatuan || null
  formDatas.tarifPpnbm.tarif = tarifPpnbmUpdate.tarif || null
  formDatas.tarifPpnbm.tarifFasilitas = tarifPpnbmUpdate.tarifFasilitas || null
  formDatas.tarifPpnbm.kodeJenisPungutan = tarifPpnbmUpdate.kodeJenisPungutan || null
  formDatas.tarifPpnbm.kodeFasilitasTarif = tarifPpnbmUpdate.kodeFasilitasTarif || null


  formDatas.tarifPph.idBarang = tarifPphUpdate.idBarang || null
  formDatas.tarifPph.idHeader = tarifPphUpdate.idHeader || null
  formDatas.tarifPph.idBarangTarif = tarifPphUpdate.idBarangTarif || null
  formDatas.tarifPph.seriBarang = tarifPphUpdate.seriBarang || null
  formDatas.tarifPph.kodeSatuanBarang = tarifPphUpdate.kodeSatuanBarang || null
  formDatas.tarifPph.namaSatuanBarang = tarifPphUpdate.namaSatuanBarang || null
  formDatas.tarifPph.jumlahSatuan = tarifPphUpdate.jumlahSatuan || null
  formDatas.tarifPph.jumlahSatuan = tarifPphUpdate.jumlahSatuan || null
  formDatas.tarifPph.tarif = tarifPphUpdate.tarif || null
  formDatas.tarifPph.tarifFasilitas = tarifPphUpdate.tarifFasilitas || null
  formDatas.tarifPph.kodeJenisPungutan = tarifPphUpdate.kodeJenisPungutan || null
  formDatas.tarifPph.kodeFasilitasTarif = tarifPphUpdate.kodeFasilitasTarif || null

  formDatas.tarifCukais.idBarang = tarifCukaiUpdate.idBarang || null
  formDatas.tarifCukais.idHeader = tarifCukaiUpdate.idHeader || null
  formDatas.tarifCukais.idBarangTarif = tarifCukaiUpdate.idBarangTarif || null
  formDatas.tarifCukais.seriBarang = tarifCukaiUpdate.seriBarang || null
  formDatas.tarifCukais.kodeSatuanBarang = tarifCukaiUpdate.kodeSatuanBarang || null
  formDatas.tarifCukais.namaSatuanBarang = tarifCukaiUpdate.namaSatuanBarang || null
  formDatas.tarifCukais.jumlahSatuan = tarifCukaiUpdate.jumlahSatuan || null
  formDatas.tarifCukais.namaJenisTarif = tarifCukaiUpdate.namaJenisTarif || null
  formDatas.tarifCukais.kodeJenisTarif = tarifCukaiUpdate.kodeJenisTarif || null
  formDatas.tarifCukais.tarif = tarifCukaiUpdate.tarif || null
  formDatas.tarifCukais.tarifFasilitas = tarifCukaiUpdate.tarifFasilitas || null
  formDatas.tarifCukais.kodeJenisPungutan = tarifCukaiUpdate.kodeJenisPungutan || null
  formDatas.tarifCukais.kodeFasilitasTarif = tarifCukaiUpdate.kodeFasilitasTarif || null

  this.setState({
    formData: formDatas,
    buttonInput : true,
    buttonInputB : true,
    cekKonfirm : false,
    showListKesalahan : true
  })
}

// resetFild = () => {
//   this.formRef.current.resetFields();

// }

modalLPPT = () => {
  this.setState({
    modalLPPT : true
  })
}
modalLPPNP = () => {
  this.setState({
    modalLPPNP : true
  })
}

downloadPdf() {
  console.log("debug:23")
  this.setState({});
}

onClickUraian = () => {
  const data = this.state.formData.uraian
  const apiPemberitahuan = this.props.datas.uraian

  if(this.state.isUpdate == true && data != apiPemberitahuan){
    confirm({
      title: 'Apakah dengan barang ini terdapat Kesalahan Jenis?',
      // icon: <ExclamationCircleOutlined />,
      okText : 'Yes',
      cancelText : 'No',
      style : {
        marginTop : 150,
        marginLeft : 340
      },

      onOk() {
        return new Promise((resolve, reject) => {
          setTimeout(Math.random() > 0.5 ? resolve : reject, 1000);
        }).catch(() => console.log('Oops errors!'));

      },
      onCancel() {},

    });
  }else{
    console.log('no')
  }


}

finishStep = () => {
  this.handleCancel();
  const step = this.state.postFinishPhase

  if (step === 1) {

    this.cekNilaiTransaksi();
  } else if (step === 2) {
    this.fetchAPI_PFPD_055();
  } else if (step === 3) {
    this.cekNilaiTransaksiLPPT()
  } else if (step === 4) {
    this.selesaikanPenetapan()
  }
}

render() {


  const dataLocal = JSON.parse(localStorage.getItem('kodeTetap')) || null
  console.log('tetapkosng2', this.state.seriBarangKosong)
  console.log('tetapKosong : ', this.state.listLPPNPKosong);

  // console.log('su1', tarifBm1.kodeJenisTarif)
  // console.log('su3', JSON.stringify(this.state.formData, null, 3))
  // console.log('su4', JSON.stringify(this.state.buttonOkey, null, 3))
let cek = this.state.formData.tarifBm
console.log('uu', cek)
  var negara = this.props.negara.response.data || [];
  var satuan_barang_list = this.props.satuan_barang.response.data || [];
  var kemasan_list = this.props.kemasan.response.data || [];
  try{
    // brgTarifList = this.props.pfpd.barang_pemberitahuan.barangTarifList[0].idBarangTarif this is work!
    // brgTarifList = this.props.pfpd.barang_pemberitahuan.barangTarifList[1]
    console.log("DataPemberitahuan")
    console.log(this.props.pfpd.barang_pemberitahuan.barangTarifList)
  }catch (e){
    console.log(e)
  }
  var brgTarifList1 = [];
  try{
    brgTarifList1 = this.props.pfpd.barang_pemberitahuan.barangTarifList[0]
  }catch(e){
    console.log(e)
  }

  let hargaTotal = [];
  try {
    hargaTotal = this.state.formData.cif / this.state.formData.jumlahSatuan || ""
  }catch(e){
    console.log(e)
  }

  let hargaTotal1 = [];
  try {
    hargaTotal1 = this.props.datas2.cif / this.props.datas2.jumlahSatuan || ""
  }catch(e){
    console.log(e)
  }
  var jumlahSatuan = [];
  try{
      jumlahSatuan = brgPemberitahuan.cif/brgPemberitahuan.jumlahSatuan
      console.log('jumlah', jumlahSatuan)
  }catch(e){
    console.log(e)
  }

  var tarifCukais = []
  try{
    tarifCukais = this.props.datas.tarifCukais
    console.log('tarif Cukais?', tarifCukais)
  }catch(e){
    console.log(e)
  }
  var tarifCukais1 = []
  try{
    tarifCukais1 = this.props.datas2.tarifCukais
    console.log('tarif Cukais1?', tarifCukais1)
  }catch(e){
    console.log(e)
  }

  var tarifBk = []
  try{
    tarifBk = this.props.pfpd.barang_pemberitahuan.tarifBk
    console.log('tarif Bk?', tarifBk)
  }catch(e){
    console.log(e)
  }




  // console.log(this.props.pfpd.dokumen_pabean.barang);
  const cellRender = (data) => {
    console.log(data);
    return (
      <div style={{
        color: "white",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
      }}>
        <div style={{ textAlign: "center", }}>

          <Button color="danger" size="small"
            style={{ borderRadius: 100, backgroundColor: '#52c41a', color: 'white' }}
          // onClick={() => this.downloadPdf(data.data.urlDokumen)}
          >
            <i class="fa fa-trash" aria-hidden="true"></i>
          </Button>

        </div>
      </div>
    )
  }
  const { formLayout, size } = this.state;
  const data = [];

  // let header = ;
  // if (this.state.test) {
  //   header = <h1>Hello {this.state.test}</h1>;
  // } else {
  //   header = '';
  // }

  var brgPemberitahuan = [];
  try {
    brgPemberitahuan = this.props.pfpd.barang_penmberitahuan || [];
  } catch (e) {

  }
  var brgPenetapan = [];
  try {
    brgPenetapan = this.props.pfpd.barang_penetapan || [];
    console.log('oke', brgPenetapan)
  } catch (e) {

  }



  var tarifBm = []
  try{
    tarifBm = this.props.datas.tarifBm
    // console.log('[debug] tarifBm?', tarifBm)
  }catch(e){
    // console.log("[debug] this.props.datas.tarifBm is Undefined");
  }

  var tarifBm1 = []
  try{
    tarifBm1 = this.props.datas2.tarifBm
    // console.log('[debug] ebi?', tarifBm1)
  }catch(e){
    // console.log("[debug] this.props.datas2.tarifBm is Undefined");
  }
  var tarifBmkite = []
  try{
    tarifBmkite = this.props.datas.tarifBmkite
    console.log('tarifBmkite?', tarifBmkite)
  }catch(e){
    console.log(e)
  }
  var tarifBmkite1 = []
  try{
    tarifBmkite1 = this.props.datas2.tarifBmkite
    console.log('tarifBmkite?2', tarifBmkite1)
  }catch(e){
    console.log(e)
  }
  var tarifBmad = []
  try{
    tarifBmad = this.props.datas.tarifBmad
    console.log('tarif Bmad?', tarifBmad)
  }catch(e){
    console.log(e)
  }
  var tarifBmad1 = []
  try{
    tarifBmad1 = this.props.datas2.tarifBmad
    console.log('tarif Bmad?', tarifBmad)
  }catch(e){
    console.log(e)
  }

  var tarifBmp = []
  try{
    tarifBmp = this.props.datas.tarifBmp
    console.log('tarif Bmp?', tarifBmp)
  }catch(e){
    console.log(e)
  }
  var tarifBmp1 = []
  try{
    tarifBmp1 = this.props.datas2.tarifBmp
    console.log('tarif Bmp?', tarifBmp)
  }catch(e){
    console.log(e)
  }

  var tarifBmi = []
  try{
    tarifBmi = this.props.datas.tarifBmi
    console.log('tarif Bmi?', tarifBmi)
  }catch(e){
    console.log(e)
  }

  var tarifBmi1 = []
  try{
    tarifBmi1 = this.props.datas2.tarifBmi
    console.log('tarif Bmi?', tarifBmi)
  }catch(e){
    console.log(e)
  }

  var tarifBmtp = []
  try{
    tarifBmtp = this.props.datas.tarifBmtp
    console.log('tarif Bmtp?', tarifBmtp)
  }catch(e){
    console.log(e)
  }

  var tarifBmtp1 = []
  try{
    tarifBmtp1 = this.props.datas2.tarifBmtp
    console.log('tarif Bmtp?', tarifBmtp1)
  }catch(e){
    console.log(e)
  }

  var tarifPpn = []
  try{
    tarifPpn = this.props.datas.tarifPpn
    console.log('tarif ppn?', tarifPpn)
  }catch(e){
    console.log(e)
  }

  var tarifPpn1 = []
  try{
    tarifPpn1 = this.props.datas2.tarifPpn
    console.log('tarif ppn?', tarifPpn1)
  }catch(e){
    console.log(e)
  }
  var tarifPpnbm = []
  try{
    tarifPpnbm = this.props.datas.tarifPpnbm
    console.log('tarif ppnbm?', tarifPpnbm)
  }catch(e){
    console.log(e)
  }
  var tarifPpnbm1 = []
  try{
    tarifPpnbm1 = this.props.datas2.tarifPpnbm
    console.log('tarif ppnbm?', tarifPpnbm1)
  }catch(e){
    console.log(e)
  }

  var tarifPph = []
  try{
    tarifPph = this.props.datas.tarifPph
    console.log('tarif Pph?', tarifPph)
  }catch(e){
    console.log(e)
  }
  var tarifPph1 = []
  try{
    tarifPph1 = this.props.datas2.tarifPph
    console.log('tarif Pph?2', tarifPph1)
  }catch(e){
    console.log(e)
  }
 let listSalah = []
 try{
  let listSalah =  this.props.listKesalahan
 }catch(e){
   console.log(e)
 }



  var style_a = { backgroundColor: "yellow", color: "black" };
  var style_b = {};
// if(this.state.penetapan == true){
//   return(
//     <DataPenetapan/>
//   )

// }

//
  return (
    <div className="formdivcontainer">
         <div class="alerts-left">
        {this.props.cekLartas ? (
      <Alert
      message="Peringatan!"
      description={`HS ${this.state.formData.posTarif} MEMILIKI LARTAS`}
      type="error"
      showIcon
      closable afterClose={this.handleClose}
    />
        ): null}
          {this.props.cekKuotaLartas ? (
      <Alert
      message="Peringatan!"
      description={`HS ${this.state.formData.posTarif} MEMILIKI KUOTA LARTAS`}
      type="error"
      showIcon
      closable afterClose={this.handleClose}
    />
        ): null}
        <br/>
        {this.props.cekBmt.length > 0 ? (
      <Alert
      message="Peringatan!"
      description={`INDIKASI TERHADAP BEA MASUK  ${this.state.formData.posTarif}`}
      type="error"
      showIcon
      closable afterClose={this.handleClose}
    />
        ): null}
        <br/>
        </div>
    <Row>
      <Col lg={12} xl={24} xxl={24}>
        <Row gutter={4} type="flex" justify="space-around">

          <Col span={2}>
            <Tooltip placement="top" title="Daftar Barang">
              <Button size={size} onClick={this.showModalBarang} >
                <i class="fa fa-table" aria-hidden="true"></i>
              </Button>
            </Tooltip>
          </Col>

          <Col span={3}>
            <Tooltip placement="top" title="Rekam Tanpa Denda">
              <Button size={size} onClick={this.toggleTanpaDenda} disabled={this.state.buttonInputB} type=
              "default">
                B
</Button>
            </Tooltip>
          </Col>

          <Col span={1}>
            <Tooltip placement="top" title="Rekam Barang Baru">
              <Button
                disabled={this.state.buttonInput}
                size={size}
                type='primary'
                // className="ml-4"
                onClick={() => this.toggleInputBaru()}
              >
                I
</Button>
            </Tooltip>
          </Col>

          <Col span={1}>
            <Tooltip placement="top" title="Ubah Data Original">
              <Button
                size={size}
                style={{ backgroundColor: '#ffb822', color: 'white' }}
                type={"warning"}
                disabled={this.state.buttonUpdate}
                // className="ml-2"
                onClick={() => this.toggleUbah(brgPemberitahuan)}
              >
                U
</Button>
            </Tooltip>
          </Col>

          <Col span={2}>
            <Tooltip placement="top" title="Hapus Data Original">
            <Popconfirm placement="topLeft" title="Apakah anda yakin untuk menghapus data?" onConfirm={this.statusDelete} okText="Yes" cancelText="No">
              <Button
                size={size}
                className="ml-1"
                disabled={this.state.butttonDelete}
                // onClick={this.statusDelete}
                danger
                type="danger"
              >
                D
</Button>
</Popconfirm>
            </Tooltip>
          </Col>

          <Col span={2}>
            <Tooltip placement="top" title="Konfirmasi Perubahan">
              <Button
                type="ghost"
                size={size}
                // className="ml-4"
                onClick={this.postKonfirmasi}
                htmlType="submit"
              >
                <i class="fas fa-check"></i>
              </Button>
            </Tooltip></Col>


          <Col span={2}>
            <Tooltip placement="top" title="Batalkan Perubahan">
            <Popconfirm placement="topLeft" title="Apakah anda yakin untuk mengembalikan data?" onConfirm={this.handleRollback} okText="Yes" cancelText="No">
              <Button
                type="ghost"
                size={size}

              >
                <i class="fas fa-undo-alt"></i>
              </Button>
              </Popconfirm>
            </Tooltip>
          </Col>

          <Col span={3}>
            <Tooltip
              placement="top"
              title="Selesai Pemeriksaan Semua Seri Barang">
              <Button
                style={{ color: '#0abb87', borderColor: '#0abb87' }}
                type={"success"}
                loading={this.state.loading}
                onClick={this.postSelesai}
                disabled={this.state.tombolSelesai == true ? true : false}

                size={size}
              //className="ml-4"
              // onClick={this.alertdebug}
              >
                <i class="fa fa-paper-plane"></i>
                <i class="fa fa-pie-chart"></i>

                &nbsp;
                Selesai
</Button>
            </Tooltip>
          </Col>


        </Row>
      </Col>
      <Col lg={12} xl={0} xxl={0}>
      </Col>
    </Row>

    <br />
    <Row gutter={6}>
      <Col span={13} className='pull-left'>
        <legend >Hasil Pemeriksaan</legend>
      </Col>
      <Col span={11} >
        <Checkbox
          checked={this.state.unlock_hasil == false}
          onClick={() => this.setState({ unlock_hasil: !this.state.unlock_hasil })}
          className="pull-right r-0" type="flex" justify="end" >
          Unlock Tarif dan Fasilitas

</Checkbox>
      </Col>
    </Row>
    <Spin spinning={this.props.isLoad} tip="Loading... Get Data Penetapan">
    {/* <Skeleton loading={this.props.isLoad} active> */}
    <Spin spinning={this.state.loading} tip="Loading... Send Data">
      <Form id="hasilPemeriksaan"  ref={this.formRef} onFinish={this.postKonfirmasi}>
    <Row gutter={6}>
      <Col span={6}>
      <div class="rowv" style={{display : 'flex', }}>
      <span className="input-group-addon mr-2" style={{display : 'flex'}}><span style={{color : 'red'}}>*  </span>Seri Brg.</span>

      </div>
        <div className="input-group ">
        <Input
              disabled
              id=
              {
                 this.state.formEmpty.find(x => x === 'seriBarang') ? this.state.formData.seriBarang === null || this.state.formData.seriBarang === "" ? "error" : ""
                  : ""
            }

              value={this.state.formData.seriBarang != null ? this.props.datas.seriBarang && this.state.isUpdate != false ? this.state.isInsert != false ? this.props.seri_barang : this.props.datas.seriBarang : this.state.formData.seriBarang : this.props.datas2.seriBarang || this.state.formData.seriBarang}
              onChange={this.handleInputChange}
              name="seriBarang"

              rules={[{ required: true }]}
              size={"large"}
            // style={{backgroundColor:'white', color: 'black'}}

            />
        </div>
      </Col>
      <Col span={8}>
      <div class="rowv" style={{display : 'flex', }}>
        <span className="input-group-addon mr-2" style={{display : 'flex'}}><span style={{color : 'red'}}>*  </span>Kode HS</span>
        </div>
        <div className="input-group">

            <Select disabled={this.state.unlock_hasil} showSearch caret style={{
                width: "90%"
              }}
              size={"large"}
                allowClear={true}
                className={
                  this.state.formEmpty.find(x => x === 'Kode HS') ? this.state.formData.posTarif === null || this.state.formData.posTarif === "" ? "error" : ""
                : ""
                }
                value={this.state.formData.posTarif != null ? this.state.formData.posTarif && this.state.isUpdate == false ? this.state.formData.posTarif : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.posTarif}` : this.state.formData.posTarif || this.props.datas2.posTarif}
                dropdownMatchSelectWidth={false}
                optionFilterProp="children"
                onChange={this.getKodeHs}
                placeholder="Ketikkan Kode HS"
                onFocus={null}
                onBlur={this.state.isUpdate ? this.cekLartas : null }
                required={true}
                onSearch={(value) => { this.getKodeHs(value) }}
                name="posTarif"
                rules={[{ required: true }]}
                filterOption={(input, option) =>
                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                }
                enterButton>
                {this.state.posTarif.map((value, index) => {
                  return (
                    <Option value={value.kodeHs}>{value.kodeHs}</Option>
                  )
                }
                )}
              </Select>
        </div>
      </Col>



      <Col span={4} type="danger" onClick={this.showModal}>
        <span className="input-group-addon" style={{}}>.</span>
        <div className="input-group">
          <Button disabled={this.state.unlock_hasil} type="danger" ghost>SPBL</Button>
        </div></Col>
      <Col span={6}>
        <span className="input-group-addon" style={{}}>Status</span>
        <div className="input-group">
        <Input
                disabled
                className="form-control txtSeriBarang"
                // value={"this.props.input.barang[0].hasil_pemeriksaan.barang.status"}
                value={this.props.datas.statusPfpdBarang || this.props.datas2.statusPfpdBarang || ""}
                onChange={this.handleInputChange}
                name="statusPfpdBarang"
                id="statusPfpdBarang"
                style={this.props.input.barang_data_statusNew == null ? style_b : style_a}
              />
        </div>
      </Col>
    </Row>

    <Row className="mt-10">
    <div class="rowv" style={{display : 'flex', }}>
      <span className="input-group-addon mr-2" style={{display : 'flex'}}><span style={{color : 'red'}}>*  </span>Uraian Barang</span>

      </div>


      <div className="input-group">

        <TextArea
          disabled={this.state.unlock_hasil}
          className={this.state.formEmpty.find(x=> x === 'Uraian Barang') ? this.state.formData.uraian === null || this.state.formData.uraian === "" ? "error" : "" : ""}
          name="uraian"
          id="Uraian Barang"
          value={this.state.formData.uraian != null ? this.state.formData.uraian && this.state.isUpdate == false ? this.state.formData.uraian : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.uraian}` : this.state.formData.uraian || this.props.datas2.uraian}
          onChange={this.handleInputChange}
          style={this.state.isInsert ? style_b : this.state.isUpdate == true && this.props.datas.uraian != this.state.formData.uraian ? style_a : style_b }
          rows={4}
          // rules={[{ required: true }]}
          // onClick={showConfirm}
          onBlur={this.onClickUraian}
          rules={[{ required: true }]}
        />
        </div>

    </Row>

    <Row gutter={6} className="mt-10">
      <Col span={8}>
      <div class="rowv" style={{display : 'flex'}}>
      <span className="input-group-addon mr-2" style={{display : 'flex'}}><span style={{color : 'red'}}>*  </span>Merk</span>

      </div>
        <div className="input-group ">
             <Input
              disabled={this.state.unlock_hasil}
              // value={"this.props.input.barang[0].hasil_pemeriksaan.barang.merk"}
              value={this.state.formData.merk != null ? this.state.formData.merk && this.state.isUpdate == false ? this.state.formData.merk : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.merk}` : this.state.formData.merk || this.props.datas2.merk}
              onChange={this.handleInputChange}
              id= {
                this.state.formEmpty.find(x => x === 'Merk') ? this.state.formData.merk === null || this.state.formData.merk === "" ? "error" : ""
                : ""
              }
              name="merk"
              // required={true}
              style={{}}
              size={"large"}/>
        </div>
      </Col>
      <Col span={8}>
      <div class="rowv" style={{display : 'flex'}}>
      <span className="input-group-addon mr-2" style={{display : 'flex'}}><span style={{color : 'red'}}>*  </span>Tipe</span>

</div>
        <div className="input-group ">
               <Input
                disabled={this.state.unlock_hasil}
                value={this.state.formData.tipe != null ? this.state.formData.tipe && this.state.isUpdate == false ? this.state.formData.tipe : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.tipe}` : this.state.formData.tipe || this.props.datas2.tipe}
                onChange={this.handleInputChange}
                id={
                  this.state.formEmpty.find(x => x === 'Tipe') ? this.state.formData.tipe === null || this.state.formData.tipe === "" ?"error" : ""
                  : ""
                }
                // required={true}
                name="tipe"
                size={"large"}
               />

        </div>
      </Col>
      <Col span={8}>
      <div class="rowv" style={{display : 'flex'}}>
      <span className="input-group-addon mr-2" style={{display : 'flex'}}><span style={{color : 'red'}}>*  </span>Ukuran</span>


</div>
        <div className="input-group">
               <Input
                disabled={this.state.unlock_hasil}
                // value={"this.props.input.barang[0].hasil_pemeriksaan.barang.ukuran"}
                value={this.state.formData.ukuran != null ? this.state.formData.ukuran && this.state.isUpdate == false ? this.state.formData.ukuran : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.ukuran}` : this.state.formData.ukuran || this.props.datas2.ukuran}
                onChange={this.handleInputChange}
                id={
                  this.state.formEmpty.find(x => x === 'Ukuran') ? this.state.formData.ukuran === null || this.state.formData.ukuran === "" ? "error" : ""
                  : ""
                }
                name="ukuran"
                // required={true}
                size={"large"}/>
        </div>
      </Col>
    </Row>

    <Row gutter={6} className="mt-10">
      <Col span={14}>
      <div class="rowv" style={{display : 'flex'}}>
        <span className="input-group-addon mr-2" style={{display : 'flex'}}><span style={{color : 'red'}}>*  </span>Spesifikasi Lain</span>

        </div>
        <div className="input-group ">
                <Input
                disabled={this.state.unlock_hasil}
                // value={"this.props.input.barang[0].hasil_pemeriksaan.barang.spesifikasi_lain"}
                value={this.state.formData.spesifikasiLain != null ? this.state.formData.spesifikasiLain && this.state.isUpdate == false ? this.state.formData.spesifikasiLain : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.spesifikasiLain}` : this.state.formData.spesifikasiLain || this.props.datas2.spesifikasiLain}
                onChange={this.handleInputChange}
                id={
                  this.state.formEmpty.find(x => x === 'Spesifikasi Lain') ? this.state.formData.spesifikasiLain === null || this.state.formData.spesifikasiLain === "" ? "error" : ""
                  : ""
                }
                name="spesifikasiLain"
                // required={true}
                size={"large"}
               />
        </div>
      </Col>
      <Col span={10}>
      <div class="rowv" style={{display : 'flex'}}>
        <span className="input-group-addon mr-2" style={{display : 'flex'}}><span style={{color : 'red'}}>*  </span>Kode Barang</span>
       </div>
        <div className="input-group ">
                <Input
                disabled={this.state.unlock_hasil}
                value={this.state.formData.kodeBarang != null ? this.state.formData.kodeBarang && this.state.isUpdate == false ? this.state.formData.kodeBarang : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.kodeBarang}` : this.state.formData.kodeBarang || this.props.datas2.kodeBarang}
                onChange={this.handleInputChange}
                id={
                  this.state.formEmpty.find(x => x === 'Kode Barang') ? this.state.formData.kodeBarang === null || this.state.formData.kodeBarang === "" ? "error" : ""
                  : ""
                }
                name="kodeBarang"
                // required={true}
                size={"large"} />
        </div>
      </Col>
    </Row>

    <Row gutter={6} className="mt-10">
      <Col span={12}>
      <div class="rowv" style={{display : 'flex'}}>
        <span className="input-group-addon mr-2" style={{display : 'flex'}}><span style={{color : 'red'}}>*  </span>Negara Asal</span>

        </div>
        <div className="input-group ">
        <Select
        disabled={this.state.unlock_hasil}
        className= {
          this.state.formEmpty.find(x => x === 'Kode Negara Asal') ? this.state.formData.kodeNegaraAsal === null || this.state.formData.kodeNegaraAsal === "" ? "error" : ""
          : ""
        }
        size={"large"}
        style={{ width: "100%" }}
        showSearch
        allowClear={true}
                allowClear={true}
                value={this.state.formData.kodeNegaraAsal != null ? this.state.formData.kodeNegaraAsal && this.state.isUpdate == false ? this.state.formData.kodeNegaraAsal : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.kodeNegaraAsal}` : this.state.formData.kodeNegaraAsal || this.props.datas2.kodeNegaraAsal}
                dropdownMatchSelectWidth={false}
                placeholder="Cari negara..."
                optionFilterProp="children"
                onChange={(value) => this.handleNegaraChange(value)}
                onFocus={null}
                onBlur={null}
                onSearch={null}
                required={true}
                filterOption={(input, option) =>
                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                }
              >
               {this.state.dataNegara.map((value, index) => {
                  return (
                    <Option value={value.kodeNegara}>{value.namaNegara}</Option>
                  )
                }
                )}
              </Select>
        </div>
      </Col>
      <Col span={12}>
        <span className="input-group-addon" style={{}}>Fasilitas</span>
        <div className="input-group">

          <Button disabled={this.state.unlock_hasil} type="primary" ghost onClick={this.showModalFasilitas} style={{ width: 200 }}>
            FASILITAS:
</Button>
        </div>
      </Col>
    </Row>

    <Modal
      title="Penetapan Fasilitas atas Seri Barang"
      visible={this.state.modalFasilitas}
      closable={false}
      footer={[
        <Button key="back" onClick={this.handleCancel}>
          Tutup
</Button>
      ]
      }
    >

      <Row>
        <DataGrid
          dataSource={data}
          showBorders={false}
          showColumnLines={false}
          showRowLines={false}
        >
          <Column
            dataField={'kodeDokumen'}
            caption={'KODE DOKUMEN'} />

          <Column
            dataField={'uraianDokumen'}
            caption={'URAIAN DOKUMEN'} />

          <Column
            dataField={'nomorDokumen'}
            caption={'NOMOR DOKUMEN'} />

          <Column
            dataField={'tanggalDokumen'}
            caption={'TANGGAL DOKUMEN'}
            dataType={"date"} />

          <Column
            caption={'#'}
            allowSorting={false}
            cellRender={cellRender} />

        </DataGrid>
      </Row>
    </Modal>
    <Modal
      title="Alert Dokumen Required Wajib diisi"
      visible={this.state.modalRequired}
      closable={false}
      footer={[
        <Button key="back" onClick={this.handleCancel}>
          Tutup
</Button>
      ]
      }
    >


    </Modal>

    <Modal
      title="Detail LPPNP"
      visible={this.state.detailLPPNP}
      closable={true}
      width={1280}
      onCancel={this.handleCancel}
      okButtonProps={{style : {display : 'none'}}}
      cancelButtonProps={{ style: { display: 'none' } }}>

    <DetailLPPNP
      onCancel={this.handleCancel}
      finishPhase={() => {this.finishStep()}}
    />
    </Modal>

    <Modal
      title="Detail LPPT"
      visible={this.state.detailLPPT}
      closable={true}
      width={1280}
      onCancel={this.handleCancel}
      okButtonProps={{style : {display : 'none'}}}
      cancelButtonProps={{ style: { display: 'none' }
    }}>
      <DetailLPPT
        onCancel={this.handleCancel}
        finishPhase={() => {this.finishStep()}}
      />
    </Modal>
    <br />
    <fieldset data-select2-id="49">
      <div class="row">
      <div class="col-lg">
      <h4>TARIF DAN FASILITAS</h4>
        </div>
        <div class="col-lg pb-3">
        {
            this.state.formData.statusPfpdBarang == "I" || this.props.datas2.statusPfpdBarang == "I"|| this.props.datas.statusPfpdBarang == "D" ?
            <Button type="primary" ghost onClick={this.modalLPPT}>Rekam LPPT</Button>
            : null
          }




        {/* <Button type="default" onClick={this.detailLPPNP}>Detail LPPNP</Button>
        <Button type="default" onClick={this.detailLPPT}>Detail LPPT</Button> */}
        </div>
        <div class="col-lg pb-3">
          {
            this.state.formData.statusPfpdBarang == "I" || this.props.datas2.statusPfpdBarang == "I"|| this.props.datas.statusPfpdBarang == "D" ||this.state.formData.pfpdKesalahanList.find(x => x.kodeSalah === "4" || "3") ?
            <Button type="primary" onClick={this.modalLPPNP}>Rekam LPPNP</Button>
            : null
          }

        </div>
        <div class="col-lg">
        <Checkbox
            checked={this.state.unlock_tarif == false}
            onClick={() => this.setState({ unlock_tarif: !this.state.unlock_tarif })}
            className="pull-right r-0" type="flex" justify="end" >
            Unlock Tarif dan Fasilitas
</Checkbox>
        </div>
        </div>

      <div class="">
        <table
          id="tblTarif"
          class="table-bordered table-hover table-condensed col-xl-12 px-0"
          data-select2-id="tblTarif">
          <tbody data-select2-id="48">
            <tr class="trBM {txtMasuk}" data-select2-id="47">
              <td class="pl-2" width="60px" rowspan="3"><i style={{color : 'red',  marginRight : 5}}>*</i>BM</td>
              <td class="pl-2" width="100px"><i style={{color : 'red', marginRight : 5}}>*</i>Jenis Tarif</td>
              <td colspan="2" data-select2-id="46">
              <Select
                disabled={this.state.unlock_tarif}
                showSearch
                size={"large"}
                id={
                  this.state.formEmpty.find(x => x === 'kodeJenisTarif') ? this.state.formData.tarifBm.kodeJenisTarif === null || this.state.formData.tarifBm.kodeJenisTarif === "" ? "error" : ""
                  : ""
                }
                style={{ width: "100%" }}
                optionFilterProp="children"

                value={
                  this.state.formData.tarifBm.kodeJenisTarif != null ? this.state.formData.tarifBm.kodeJenisTarif && this.state.isUpdate == false ?this.state.formData.tarifBm.kodeJenisTarif : tarifBm == undefined || tarifBm == null ? this.state.formData.tarifBm.kodeJenisTarif : `${this.state.formData.tarifBm.kodeJenisTarif} - ${this.state.formData.tarifBm.namaJenisTarif}` : tarifBm1 == undefined ? this.state.formData.tarifBm.kodeJenisTarif : `${tarifBm1.kodeJenisTarif} - ${tarifBm1.namaJenisTarif}`
                }
                onChange={(value) => {this.handleSelectBM(value)}}
                onFocus={onFocus}
                onBlur={onBlur}
                required={true}
                onSearch={onSearch}
                filterOption={(input, option) =>
                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                }
              >
                   {this.state.jenisTarif.map((value, index) => {
                    return (
                     <Option value={value.kodeJenisTarifBm}>
                     {value.kodeJenisTarifBm} - {value.namaJenisTarifBm}</Option>
                              )
                            })}
              </Select>




              </td>
              <td colspan="2">
              </td>
            </tr>

            <tr class="trBM {txtMasuk}" data-select2-id="65">
              <td class="pl-2"><i style={{color : 'red', marginRight : 5}}>*</i>Trf.BM</td>
              <td>
                   <Input
                    disabled={this.state.unlock_tarif}
                    value={
                      this.state.formData.tarifBm.tarif != null ? this.state.formData.tarifBm.tarif && this.state.isUpdate == false ? this.state.formData.tarifBm.tarif : tarifBm == undefined || tarifBm == null ? this.state.formData.tarifBm.tarif : `${this.state.formData.tarifBm.tarif}` : tarifBm1 == undefined ? this.state.formData.tarifBm.tarif : tarifBm1.tarif}
                      id={
                        this.state.formEmpty.find(x => x === 'tarifBm') ? this.state.formData.tarifBm.tarif === null || this.state.formData.tarifBm.tarif === "" ? "error" : ""
                        : ""
                      }
                    className="form-control txtSeriBarang"
                    onChange={this.handleInputChange}
                    // required={true}
                    name="tarif0"
                    style={

                      this.state.formData.tarifBm.tarif == "" && tarifBm == null ? style_b : this.state.isUpdate == true && this.state.formData.tarifBm.tarif !== tarifBm ? style_a :  style_b

                    }
                    />
              </td>
              <td colspan="2" class="" width="200px" data-select2-id="64">
              <Select
                disabled={this.state.unlock_tarif}
                showSearch
                size={"large"}
                style={{ width: "100%" }}
                id={
                  this.state.formEmpty.find(x => x === 'kode Fasilitas Bm') ? this.state.formData.tarifBm.kodeFasilitasTarif === null || this.state.formData.tarifBm.kodeFasilitasTarif === "" ? "error" : ""
                  : ""
                }


                placeholder="-"
                value={
                  this.state.formData.tarifBm.kodeFasilitasTarif != null ? this.state.formData.tarifBm.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifBm.kodeFasilitasTarif : tarifBm == undefined || tarifBm == null ? this.state.formData.tarifBm.kodeFasilitasTarif : `${this.state.formData.tarifBm.kodeFasilitasTarif} - ${this.state.formData.tarifBm.namaFasilitasTarif}` : tarifBm1 == undefined ? this.state.formData.tarifBm.kodeFasilitasTarif : `${tarifBm1.kodeFasilitasTarif}-${tarifBm1.namaFasilitasTarif}`
                }

                optionFilterProp="children"
                onChange={(value) => {this.handleFasilitasTarifBM(value) }}
                onFocus={onFocus}
                onBlur={onBlur}
                onSearch={onSearch}
                filterOption={(input, option) =>
                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                }
              >
                {this.state.fasilitasTarif.map((value, index) => {
                  return (
                    <Option value={value.kodeFasilitasTarif}>
                      {value.kodeFasilitasTarif} - {value.namaFasilitasTarif}</Option>

                  )
                })}
              </Select>
                <i></i>
              </td>
              <td>

                    <Input
                      disabled={this.state.unlock_tarif}
                      className="form-control txtSeriBarang"
                      name="tarifFasilitas0"
                      id={
                        this.state.formEmpty.find(x => x === 'TarifFasilitasBM') ? this.state.formData.tarifBm.tarifFasilitas === null || this.state.formData.tarifBm.tarifFasilitas === "" ? "error" : ""
                        : ""
                      }
                      // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
                      value={
                        this.state.formData.tarifBm.tarifFasilitas != null ? this.state.formData.tarifBm.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifBm.tarifFasilitas : tarifBm == undefined || tarifBm == null ? this.state.formData.tarifBm.tarifFasilitas : `${this.state.formData.tarifBm.tarifFasilitas}` : tarifBm1 == undefined ? this.state.formData.tarifBm.tarifFasilitas : tarifBm1.tarifFasilitas}
                      style={this.props.input.txtFasilitasTarifBM == null || this.props.input.txtFasilitasTarifBM == "" ? style_b : style_a}
                      onChange={this.handleInputChange}
                    />
              </td>
            </tr>
            <tr class="trBM {txtMasuk}">
              <td class="pl-2">Jumlah Satuan</td>
              <td colspan="2" class="tdSatuanBM">
                     <Input
                      disabled={this.state.unlock_tarif}
                      className="form-control txtSeriBarang"
                      name="jumlahSatuanBM"
                      id="txtFasilitasTarifBM"
                      // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
                      value={
                        this.state.formData.tarifBm.jumlahSatuan != null ? this.state.formData.tarifBm.jumlahSatuan && this.state.isUpdate == false ? this.state.formData.tarifBm.jumlahSatuan : tarifBm == undefined || tarifBm == null ? this.state.formData.tarifBm.jumlahSatuan : `${this.state.formData.tarifBm.jumlahSatuan}` : tarifBm1 == undefined ? this.state.formData.tarifBm.jumlahSatuan : tarifBm1.jumlahSatuan}
                      style={this.props.input.txtFasilitasTarifBM == null || this.props.input.txtFasilitasTarifBM == "" ? style_b : style_a}
                      onChange={this.handleInputChange}
                    />
              </td>
              <td colspan="2" class="tdSatuanBM">
                <Select
                  disabled={this.state.unlock_tarif}
                  size={"large"}
                  showSearch
                  style={{ width: "100%" }}
                  allowClear={true}
                  name="namaSatuanBarang0"

                  // value={this.state.formData.tarifBm.kodeSatuanBarang != null ? this.state.formData.tarifBm.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.tarifBm.kodeSatuanBarang : tarifBm == undefined || tarifBm == null ? "" : `${tarifBm.kodeSatuanBarang}` : tarifBm1 == undefined ? "" : tarifBm1.kodeSatuanBarang || this.state.formData.tarifBm.kodeSatuanBarang}
                  value={
                    this.state.formData.tarifBm.kodeSatuanBarang != null ? this.state.formData.tarifBm.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.tarifBm.kodeSatuanBarang : tarifBm == undefined || tarifBm == null ? this.state.formData.tarifBm.kodeSatuanBarang : `${this.state.formData.tarifBm.kodeSatuanBarang} - ${this.state.formData.tarifBm.namaSatuanBarang}` : tarifBm1 == undefined ? this.state.formData.tarifBm.kodeSatuanBarang : `${tarifBm1.kodeSatuanBarang}-${tarifBm1.namaSatuanBarang}`
                  }
                  // value={this.props.input.jumlahSatuan}
                  dropdownMatchSelectWidth={false}
                  optionFilterProp="children"
                  onChange={(value) => this.handleKodeSatuanBM(value)}
                  // onChange={this.handleInputChange}
                  onFocus={null}
                  onBlur={null}
                  onSearch={null}
                  filterOption={(input, option) =>
                    option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                  }
                >
                  {satuan_barang_list.map((value, index) => {
                    return (
                      <Option name="namaSatuanBarang0" value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
                    )
                  }
                  )}
                </Select>
              </td>
            </tr>
            {/* BK */}

            {/* ENDBK */}

            {/* BM KITE */}
            <tr >
              <td colspan="6">
                <a
                  className="btn btn-block" onClick={this.toggleBMKITE.bind(this)}
                  href="javascript:;"
                  id="btnShowBMTambahan">
                  <i class="fa fa-plus"></i>
                  BM KITE
</a>
                {this.state.openmodalBMKITE ?
                  (
                    <tr id="demo">
                      <tr class="trBM {txtMasuk}" data-select2-id="47">
                        <td class="pl-2" width="60px" rowspan="3">BM KITE</td>
                        <td class="pl-2" width="100px">Jenis Tarif</td>
                        <td colspan="2" data-select2-id="46">
                          <Select
                            disabled={this.state.unlock_tarif}
                            showSearch
                            size={"large"}
                            style={{ width: "100%" }}
                            placeholder="-"
                            optionFilterProp="children"
                            onChange={(value) => this.handleSelectChangeBMKite(value)}
                            value={
                              this.state.formData.tarifBmkite.kodeJenisTarif != null ? this.state.formData.tarifBmkite.kodeJenisTarif && this.state.isUpdate == false ? this.state.formData.tarifBmkite.kodeJenisTarif : tarifBmkite == undefined || tarifBmkite == null ? "" : `${this.state.formData.tarifBmkite.kodeJenisTarif} - ${tarifBmkite.namaJenisTarif}` : tarifBmkite1 == undefined ? "" : `${tarifBmkite1.kodeJenisTarif} - ${tarifBmkite1.namaJenisTarif}`
                            }
                            // onChange={onchange}
                            onFocus={onFocus}
                            onBlur={onBlur}
                            onSearch={onSearch}
                            name="kodeJnsTarif1"
                            filterOption={(input, option) =>
                              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                            }
                          >
                            {this.state.jenisTarif.map((value, index) => {
                              return (
                                <Option value={value.kodeJenisTarifBm}>
                                  {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>

                              )
                            })}
                          </Select>

                          <i></i>
                        </td>
                        <td colspan="2"></td>
                      </tr>

                      <tr class="trBM {txtMasuk}" data-select2-id="65">
                        <td class="pl-2">Trf.BM KITE</td>
                        <td>
                      <Input
                    disabled={this.state.unlock_tarif}
                    value={this.state.formData.tarifBmkite.tarif != null ? this.state.formData.tarifBmkite.tarif && this.state.isUpdate == false ? this.state.formData.tarifBmkite.tarif : tarifBmkite == undefined || tarifBmkite == null ? this.state.formData.tarifBmkite.tarif : `${this.state.formData.tarifBmkite.tarif}` : tarifBmkite1 == undefined ? this.state.formData.tarifBmkite.tarif : tarifBmkite1.tarif}
                    className="form-control txtSeriBarang"
                    onChange={this.handleInputChange}
                    name="tarif1"
                    style={
                      this.state.formData.tarifBmkite.tarif == "" && tarifBmkite == null ? style_b : this.state.isUpdate == true && this.state.formData.tarifBmkite.tarif !== tarifBmkite ? style_a :  style_b
                    }
                    />


                        </td>
                        <td colspan="2" class="" width="200px" data-select2-id="64">
                          <Select
                            disabled={this.state.unlock_tarif}
                            showSearch
                            size={"large"}
                            style={{ width: "100%" }}
                            placeholder="-"
                            value={this.state.formData.tarifBmkite.kodeFasilitasTarif != null ? this.state.formData.tarifBmkite.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifBmkite.kodeFasilitasTarif : tarifBmkite == undefined || tarifBmkite == null ? "" : `${this.state.formData.tarifBmkite.kodeFasilitasTarif}` : tarifBmkite1 == undefined ? "" : tarifBmkite1.kodeFasilitasTarif }
                            optionFilterProp="children"
                            onChange={(value) => this.handleFasilitasTarifBmkite(value)}
                            onFocus={onFocus}
                            onBlur={onBlur}
                            onSearch={onSearch}
                            filterOption={(input, option) =>
                              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                            }
                          >
                            {this.state.fasilitasTarif.map((value, index) => {
                              return (
                                <Option value={value.kodeFasilitasTarif}>
                                  {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>

                              )
                            })}
                          </Select>

                          <i></i>
                        </td>
                        <td class="tdFasilitasTarifBM">
                               <Input
                                disabled={this.state.unlock_tarif}
                                className="form-control txtSeriBarang"
                                name="tarifFasilitasBmKite"
                                id="txtFasilitasTarifBM"
                                value={this.state.formData.tarifBmkite.tarifFasilitas != null ? this.state.formData.tarifBmkite.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifBmkite.tarifFasilitas : tarifBmkite == undefined || tarifBmkite == null ? this.state.formData.tarifBmkite.tarifFasilitas : `${this.state.formData.tarifBmkite.tarifFasilitas}` : tarifBmkite1 == undefined ? this.state.formData.tarifBmkite.tarifFasilitas : tarifBmkite1.tarifFasilitas}
                                style={this.props.input.txtFasilitasTarifBM == null || this.props.input.txtFasilitasTarifBM == "" ? style_b : style_a}
                                onChange={this.handleInputChange}
                              />
                        </td>
                      </tr>
                      <tr class="trBM {txtMasuk}">
                        <td class="pl-2">Jumlah Satuan</td>
                        <td colspan="2" class="tdSatuanBM">
                                <Input
                                disabled={this.state.unlock_tarif}
                                className="form-control txtSeriBarang"
                                name="jumlahSatuanBmkite"
                                id="txtJumlahSatuanBM"
                                value={this.state.formData.tarifBmkite.jumlahSatuan != null ? this.state.formData.tarifBmkite.jumlahSatuan && this.state.isUpdate == false ? this.state.formData.tarifBmkite.jumlahSatuan : tarifBmkite == undefined || tarifBmkite == null ? this.state.formData.tarifBmkite.jumlahSatuan : `${this.state.formData.tarifBmkite.jumlahSatuan}` : tarifBmkite1 == undefined ? this.state.formData.tarifBmkite.jumlahSatuan : tarifBmkite1.jumlahSatuan}
                                onChange={this.handleInputChange}
                                style={{}} />
                        </td>
                        <td colspan="2" class="tdSatuanBM">
                          <Select
                            disabled={this.state.unlock_tarif}
                            size={"large"}
                            showSearch
                            placeholder='-'
                            value={this.state.formData.tarifBmkite.kodeSatuanBarang != null ? this.state.formData.tarifBmkite.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.tarifBmkite.kodeSatuanBarang : tarifBmkite == undefined || tarifBmkite == null ? "" : `${tarifBmkite.kodeSatuanBarang}` : tarifBmkite1 == undefined ? "" : tarifBmkite1.kodeSatuanBarang || this.state.formData.tarifBmkite.kodeSatuanBarang}
                            style={{ width: "100%" }}
                            allowClear={true}
                            dropdownMatchSelectWidth={false}
                            optionFilterProp="children"
                            onChange={(value) => this.handleKodeSatuanBmkite(value)}
                            onFocus={null}
                            onBlur={null}
                            onSearch={null}
                            filterOption={(input, option) =>
                              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                            }
                          >
                            {satuan_barang_list.map((value, index) => {
                              return (
                                <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
                              )
                            }
                            )}
                          </Select>
                        </td>
                      </tr>
                    </tr>
                  )

                  : null}
              </td>
            </tr>

            {/* BM TAMBAHAN */}
            <tr >
              <td colspan="6">
                <a
                  className="btn btn-block" onClick={this.toggleBM.bind(this)}
                  href="javascript:;"
                  id="btnShowBMTambahan">
                  <i class="fa fa-plus"></i>
                  BM Tambahan
</a>



              </td>
            </tr>

            {/* BM TAMBAHAN */}
            <tr >
              <td colspan="6">

                {this.state.openmodalBM ? (
                  <tr id="demo">

                    <tr class="trBM {txtMasuk}" data-select2-id="47">
                      <td class="pl-2" width="60px" rowspan="3">BMAD</td>
                      <td class="pl-2" width="100px">Jenis Tarif</td>
                      <td colspan="2" data-select2-id="46">
                        <Select
                          disabled={this.state.unlock_tarif}
                          showSearch
                          size={"large"}
                          style={{ width: "100%" }}
                          value={
                            this.state.formData.tarifBmad.kodeJenisTarif != null ? this.state.formData.tarifBmad.kodeJenisTarif && this.state.isUpdate == false ? this.state.formData.tarifBmad.kodeJenisTarif : tarifBmad == undefined || tarifBmad == null ? "" : `${this.state.formData.tarifBmad.kodeJenisTarif} - ${tarifBmad.namaJenisTarif}` : tarifBmad1 == undefined ? "" : `${tarifBmad1.kodeJenisTarif} - ${tarifBmad1.namaJenisTarif}`
                          }
                          placeholder="-"
                          optionFilterProp="children"
                          onChange={(value) => this.handleSelectBmad(value)}
                          // onChange={onchange}
                          onFocus={onFocus}
                          onBlur={onBlur}
                          onSearch={onSearch}
                          name="kodeJnsTarif1"
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {this.state.jenisTarif.map((value, index) => {
                            return (
                              <Option value={value.kodeJenisTarifBm}>
                                {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>

                            )
                          })}
                        </Select>

                        <i></i>
                      </td>
                      <td colspan="2"></td>
                    </tr>

                    <tr class="trBM {txtMasuk}" data-select2-id="65">
                      <td class="pl-2">Trf.BMAD</td>
                      <td>
                            <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="tarif2"
                              id="tarif_bmad"
                              value={this.state.formData.tarifBmad.tarif != null ? this.state.formData.tarifBmad.tarif && this.state.isUpdate == false ? this.state.formData.tarifBmad.tarif : tarifBmad == undefined || tarifBmad == null ? this.state.formData.tarifBmad.tarif : `${this.state.formData.tarifBmad.tarif}` : tarifBmad1 == undefined ? this.state.formData.tarifBmad.tarif : tarifBmad1.tarif}
                              onChange={this.handleInputChange}
                              style={  this.state.formData.tarifBmad.tarif == "" && tarifBmad == null ? style_b : this.state.isUpdate == true && this.state.formData.tarifBmad.tarif !== tarifBmad ? style_a :  style_b}
                            />

                      </td>
                      <td colspan="2" class="" width="200px" data-select2-id="64">
                        <Select
                          disabled={this.state.unlock_tarif}
                          showSearch
                          size={"large"}
                          value={this.state.formData.tarifBmad.kodeFasilitasTarif != null ? this.state.formData.tarifBmad.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifBmad.kodeFasilitasTarif : tarifBmad == undefined || tarifBmad == null ? "" : `${this.state.formData.tarifBmad.kodeFasilitasTarif}` : tarifBmad1 == undefined ? "" : tarifBmad1.kodeFasilitasTarif }
                          style={{ width: "100%" }}
                          placeholder="-"
                          optionFilterProp="children"
                          onChange={(value) => this.handleSelectBmad2(value)}
                          onFocus={onFocus}
                          onBlur={onBlur}
                          onSearch={onSearch}
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {this.state.fasilitasTarif.map((value, index) => {
                            return (
                              <Option value={value.kodeFasilitasTarif}>
                                {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>

                            )
                          })}
                        </Select>
                        <i></i>
                      </td>
                      <td class="tdFasilitasTarifBM">
                      <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="tarifFasilitas2"
                              id="seri_bmad"
                              // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
                              value={this.state.formData.tarifBmad.tarifFasilitas != null ? this.state.formData.tarifBmad.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifBmad.tarifFasilitas : tarifBmad == undefined || tarifBmad == null ? this.state.formData.tarifBmad.tarifFasilitas : `${this.state.formData.tarifBmad.tarifFasilitas}` : tarifBmad1 == undefined ? this.state.formData.tarifBmad.tarifFasilitas : tarifBmad1.tarifFasilitas}
                              style={this.props.input.seri_bmad == null || this.props.input.seri_bmad == "" ? style_b : style_a}
                              onChange={this.handleInputChange}
                            />
                      </td>
                    </tr>
                    <tr class="trBM {txtMasuk}">
                      <td class="pl-2">Jumlah Satuan</td>
                      <td colspan="2" class="tdSatuanBM">
                      <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="jumlahSatuanBmad"
                              id="jumlah_satuan_bmad"
                              // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
                              value={this.state.formData.tarifBmad.jumlahSatuan != null ? this.state.formData.tarifBmad.jumlahSatuan && this.state.isUpdate == false ? this.state.formData.tarifBmad.jumlahSatuan : tarifBmad == undefined || tarifBmad == null ? this.state.formData.tarifBmad.jumlahSatuan : `${this.state.formData.tarifBmad.jumlahSatuan}` : tarifBmad1 == undefined ? this.state.formData.tarifBmad.jumlahSatuan : tarifBmad1.jumlahSatuan}
                              style={this.props.input.jumlah_satuan_bmad == null || this.props.input.jumlah_satuan_bmad == "" ? style_b : style_a}
                              onChange={this.handleInputChange} />
                      </td>
                      <td colspan="2" class="tdSatuanBM">
                        <Select
                          disabled={this.state.unlock_tarif}
                          size={"large"}
                          showSearch
                          style={{ width: "100%" }}
                          allowClear={true}
                          placeholde='-'
                          value={this.state.formData.tarifBmad.kodeSatuanBarang != null ? this.state.formData.tarifBmad.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.tarifBmad.kodeSatuanBarang : tarifBmad == undefined || tarifBmad == null ? "" : `${tarifBmad.kodeSatuanBarang}` : tarifBmad1 == undefined ? "" : tarifBmad1.kodeSatuanBarang || this.state.formData.tarifBmad.kodeSatuanBarang}
                          dropdownMatchSelectWidth={false}
                          optionFilterProp="children"
                          onChange={(value) => this.handleSatuanBmad(value)}
                          onFocus={null}
                          onBlur={null}
                          onSearch={null}
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {satuan_barang_list.map((value, index) => {
                            return (
                              <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
                            )
                          }
                          )}
                        </Select>
                      </td>

                    </tr>

                    <tr class="trBM {txtMasuk}" data-select2-id="47">
                      <td class="pl-2" width="60px" rowspan="3">BMP</td>
                      <td class="pl-2" width="100px">Jenis Tarif</td>
                      <td colspan="2" data-select2-id="46">
                        <Select
                          disabled={this.state.unlock_tarif}
                          showSearch
                          size={"large"}
                          style={{ width: "100%" }}
                          value={
                            this.state.formData.tarifBmp.kodeJenisTarif != null ? this.state.formData.tarifBmp.kodeJenisTarif && this.state.isUpdate == false ? this.state.formData.tarifBmp.kodeJenisTarif : tarifBmp == undefined || tarifBmp == null ? "" : `${this.state.formData.tarifBmp.kodeJenisTarif} - ${tarifBmp.namaJenisTarif}` : tarifBmp1 == undefined ? "" : `${tarifBmp1.kodeJenisTarif} - ${tarifBmp1.namaJenisTarif}`
                          }
                          placeholder="-"
                          optionFilterProp="children"
                          onChange={(value) => this.handleSelectBMP(value)}
                          // onChange={onchange}
                          onFocus={onFocus}
                          onBlur={onBlur}
                          onSearch={onSearch}
                          name="kodeJnsTarif1"
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {this.state.jenisTarif.map((value, index) => {
                            return (
                              <Option value={value.kodeJenisTarifBm}>
                                {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>

                            )
                          })}
                        </Select>


                        <i></i>
                      </td>
                      <td colspan="2"></td>
                    </tr>

                    <tr class="trBM {txtMasuk}" data-select2-id="65">
                      <td class="pl-2">Trf.BMP</td>
                      <td>
                      <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="tarif3"
                              id="tarif_bmp"
                              //value={"this.props.input.barang[0].hasil_pemeriksaan.bm.tarif"}
                              value={this.state.formData.tarifBmp.tarif != null ? this.state.formData.tarifBmp.tarif && this.state.isUpdate == false ? this.state.formData.tarifBmp.tarif : tarifBmp == undefined || tarifBmp == null ? this.state.formData.tarifBmp.tarif : `${this.state.formData.tarifBmp.tarif}` : tarifBmp1 == undefined ? this.state.formData.tarifBmp.tarif : tarifBmp1.tarif}
                              onChange={this.handleInputChange}
                              style={  this.state.formData.tarifBmp.tarif == "" && tarifBmp == null ? style_b : this.state.isUpdate == true && this.state.formData.tarifBmp.tarif !== tarifBmp ? style_a :  style_b}
                            />
                      </td>
                      <td colspan="2" class="" width="200px" data-select2-id="64">
                        <Select
                          disabled={this.state.unlock_tarif}
                          showSearch
                          size={"large"}
                          value={this.state.formData.tarifBmp.kodeFasilitasTarif != null ? this.state.formData.tarifBmp.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifBmp.kodeFasilitasTarif : tarifBmp == undefined || tarifBmp == null ? "" : `${this.state.formData.tarifBmp.kodeFasilitasTarif}` : tarifBmp1 == undefined ? "" : tarifBmp1.kodeFasilitasTarif }
                          style={{ width: "100%" }}
                          placeholder="-"
                          optionFilterProp="children"
                          onChange={(value) => this.handleSelectBMP2(value)}
                          onFocus={onFocus}
                          onBlur={onBlur}
                          onSearch={onSearch}
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {this.state.fasilitasTarif.map((value, index) => {
                            return (
                              <Option value={value.kodeFasilitasTarif}>
                                {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>

                            )
                          })}
                        </Select>
                        <i></i>
                      </td>
                      <td class="tdFasilitasTarifBM">
                      <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="tarifFasilitas3"
                              id="seri_bmp"
                              value={this.state.formData.tarifBmp.tarifFasilitas != null ? this.state.formData.tarifBmp.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifBmp.tarifFasilitas : tarifBmp == undefined || tarifBmp == null ? this.state.formData.tarifBmp.tarifFasilitas : `${this.state.formData.tarifBmp.tarifFasilitas}` : tarifBmp1 == undefined ? this.state.formData.tarifBmp.tarifFasilitas : tarifBmp1.tarifFasilitas}
                              style={this.props.input.seri_bmp == null || this.props.input.seri_bmp == "" ? style_b : style_a}
                              onChange={this.handleInputChange}
                            />

                      </td>
                    </tr>
                    <tr class="trBM {txtMasuk}">
                      <td class="pl-2">Jumlah Satuan</td>
                      <td colspan="2" class="tdSatuanBM">
                      <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="jumlahSatuanBmp"
                              id="jumlah_satuan_bmp"
                              // value={"this.props.input.barang[0].hasil_pemeriksaan.bm.jumlah_satuan"}
                              value={this.state.formData.tarifBmp.jumlahSatuan != null ? this.state.formData.tarifBmp.jumlahSatuan && this.state.isUpdate == false ? this.state.formData.tarifBmp.jumlahSatuan : tarifBmp == undefined || tarifBmp == null ? this.state.formData.tarifBmp.jumlahSatuan : `${this.state.formData.tarifBmp.jumlahSatuan}` : tarifBmp1 == undefined ? this.state.formData.tarifBmp.jumlahSatuan : tarifBmp1.jumlahSatuan}
                              style={this.props.input.jumlah_satuan_bmp == null || this.props.input.jumlah_satuan_bmp == "" ? style_b : style_a}
                              onChange={this.handleInputChange} />

                      </td>
                      <td colspan="2" class="tdSatuanBM">
                        <Select
                          disabled={this.state.unlock_tarif}
                          size={"large"}
                          showSearch
                          style={{ width: "100%" }}
                          allowClear={true}
                          value={this.state.formData.tarifBmp.kodeSatuanBarang != null ? this.state.formData.tarifBmp.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.tarifBmp.kodeSatuanBarang : tarifBmp == undefined || tarifBmp == null ? "" : `${tarifBmp.kodeSatuanBarang}` : tarifBmp1 == undefined ? "" : tarifBmp1.kodeSatuanBarang || this.state.formData.tarifBmp.kodeSatuanBarang}
                          dropdownMatchSelectWidth={false}
                          optionFilterProp="children"
                          onChange={(value) => this.handleSatuanBmp(value)}
                          onFocus={null}
                          onBlur={null}
                          onSearch={null}
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {satuan_barang_list.map((value, index) => {
                            return (
                              <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
                            )
                          }
                          )}
                        </Select>
                      </td>

                    </tr>

                    <tr class="trBM {txtMasuk}" data-select2-id="47">
                      <td class="pl-2" width="60px" rowspan="3">BMI</td>
                      <td class="pl-2" width="100px">Jenis Tarif</td>
                      <td colspan="2" data-select2-id="46">
                        <Select
                          disabled={this.state.unlock_tarif}
                          showSearch
                          value={
                            this.state.formData.tarifBmi.kodeJenisTarif != null ? this.state.formData.tarifBmi.kodeJenisTarif && this.state.isUpdate == false ? this.state.formData.tarifBmi.kodeJenisTarif : tarifBmi == undefined || tarifBmi == null ? "" : `${this.state.formData.tarifBmi.kodeJenisTarif} - ${tarifBmi.namaJenisTarif}` : tarifBmi1 == undefined ? "" : `${tarifBmi1.kodeJenisTarif} - ${tarifBmi1.namaJenisTarif}`
                          }
                          size={"large"}
                          style={{ width: "100%" }}
                          placeholder="-"
                          optionFilterProp="children"
                          onChange={(value) => this.handleSelectBMI(value)}
                          // onChange={onchange}
                          onFocus={onFocus}
                          onBlur={onBlur}
                          onSearch={onSearch}
                          name="kodeJnsTarif1"
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {this.state.jenisTarif.map((value, index) => {
                            return (
                              <Option value={value.kodeJenisTarifBm}>
                                {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>

                            )
                          })}
                        </Select>
                        <i></i>
                      </td>
                      <td colspan="2"></td>
                    </tr>

                    <tr class="trBM {txtMasuk}" data-select2-id="65">
                      <td class="pl-2">Trf.BMI</td>
                      <td>
                      <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="tarif4"
                              id="tarif_bmi"
                              value={this.state.formData.tarifBmi.tarif != null ? this.state.formData.tarifBmi.tarif && this.state.isUpdate == false ? this.state.formData.tarifBmi.tarif : tarifBmi == undefined || tarifBmi == null ? this.state.formData.tarifBmi.tarif : `${this.state.formData.tarifBmi.tarif}` : tarifBmi1 == undefined ? this.state.formData.tarifBmi.tarif : tarifBmi1.tarif}
                              onChange={this.handleInputChange}
                              style={  this.state.formData.tarifBmi.tarif == "" && tarifBmi == null ? style_b : this.state.isUpdate == true && this.state.formData.tarifBmi.tarif !== tarifBmi ? style_a :  style_b}
                            />


                      </td>
                      <td colspan="2" class="" width="200px" data-select2-id="64">
                        <Select
                          disabled={this.state.unlock_tarif}
                          showSearch
                          value={this.state.formData.tarifBmi.kodeFasilitasTarif != null ? this.state.formData.tarifBmi.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifBmi.kodeFasilitasTarif : tarifBmi == undefined || tarifBmi == null ? "" : `${this.state.formData.tarifBmi.kodeFasilitasTarif}` : tarifBmi1 == undefined ? "" : tarifBmi1.kodeFasilitasTarif }
                          size={"large"}
                          style={{ width: "100%" }}
                          placeholder="-"
                          optionFilterProp="children"
                          onChange={(value) => this.handleSelectBMI2(value)}
                          onFocus={onFocus}
                          onBlur={onBlur}
                          onSearch={onSearch}
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {this.state.fasilitasTarif.map((value, index) => {
                            return (
                              <Option value={value.kodeFasilitasTarif}>
                                {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>

                            )
                          })}
                        </Select>

                        <i></i>
                      </td>
                      <td class="tdFasilitasTarifBM">
                      <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="tarifFasilitas4"
                              id="seri_bmi"
                              value={this.state.formData.tarifBmi.tarifFasilitas != null ? this.state.formData.tarifBmi.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifBmi.tarifFasilitas : tarifBmi == undefined || tarifBmi == null ? this.state.formData.tarifBmi.tarifFasilitas : `${this.state.formData.tarifBmi.tarifFasilitas}` : tarifBmi1 == undefined ? this.state.formData.tarifBmi.tarifFasilitas : tarifBmi1.tarifFasilitas}
                              // value={"this.props.barang[0].hasil_pemeriksaan.bm.kode"}
                              // value={this.props.input.seri_bmi}
                              style={this.props.input.seri_bmi == null || this.props.input.seri_bmi == "" ? style_b : style_a}
                              onChange={this.handleInputChange}
                            />
                      </td>
                    </tr>
                    <tr class="trBM {txtMasuk}">
                      <td class="pl-2">Jumlah Satuan</td>
                      <td colspan="2" class="tdSatuanBM">
                      <Input

                        disabled={this.state.unlock_tarif}
                        className="form-control txtSeriBarang"
                        name="jumlahSatuanBmi"
                        id="seri_bmi"
                        value={this.state.formData.tarifBmi.jumlahSatuan != null ? this.state.formData.tarifBmi.jumlahSatuan && this.state.isUpdate == false ? this.state.formData.tarifBmi.jumlahSatuan : tarifBmi == undefined || tarifBmi == null ? this.state.formData.tarifBmi.jumlahSatuan : `${this.state.formData.tarifBmi.jumlahSatuan}` : tarifBmi1 == undefined ? this.state.formData.tarifBmi.jumlahSatuan : tarifBmi1.jumlahSatuan}

                        // style={this.props.input.seri_bmi == null || this.props.input.seri_bmi == "" ? style_b : style_a}
                        onChange={this.handleInputChange}
                      />
                      </td>
                      <td colspan="2" class="tdSatuanBM">
                        <Select
                          disabled={this.state.unlock_tarif}
                          size={"large"}
                          showSearch
                          style={{ width: "100%" }}
                          allowClear={true}
                          value={this.state.formData.tarifBmi.kodeSatuanBarang != null ? this.state.formData.tarifBmi.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.tarifBmi.kodeSatuanBarang : tarifBmi == undefined || tarifBmi == null ? "" : `${tarifBmi.kodeSatuanBarang}` : tarifBmi1 == undefined ? "" : tarifBmi1.kodeSatuanBarang || this.state.formData.tarifBmi.kodeSatuanBarang}
                          dropdownMatchSelectWidth={false}
                          optionFilterProp="children"
                          onChange={(value) => this.handleSatuanBmi(value)}
                          onFocus={null}
                          onBlur={null}
                          onSearch={null}
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {satuan_barang_list.map((value, index) => {
                            return (
                              <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
                            )
                          }
                          )}
                        </Select>
                      </td>

                    </tr>

                    <tr class="trBM {txtMasuk}" data-select2-id="47">
                      <td class="pl-2" width="60px" rowspan="3">BMTP</td>
                      <td class="pl-2" width="100px">Jenis Tarif</td>
                      <td colspan="2" data-select2-id="46">
                        <Select
                          disabled={this.state.unlock_tarif}
                          showSearch
                          value={
                            this.state.formData.tarifBmtp.kodeJenisTarif != null ? this.state.formData.tarifBmtp.kodeJenisTarif && this.state.isUpdate == false ? this.state.formData.tarifBmtp.kodeJenisTarif : tarifBmtp == undefined || tarifBmtp == null ? "" : `${this.state.formData.tarifBmtp.kodeJenisTarif} - ${tarifBmtp.namaJenisTarif}` : tarifBmtp1 == undefined ? "" : `${tarifBmtp1.kodeJenisTarif} - ${tarifBmtp1.namaJenisTarif}`
                          }
                          size={"large"}
                          style={{ width: "100%" }}
                          placeholder="-"
                          optionFilterProp="children"
                          onChange={(value) => this.handleSelectBMTP(value)}
                          // onChange={onchange}
                          onFocus={onFocus}
                          onBlur={onBlur}
                          onSearch={onSearch}
                          name="kodeJnsTarif1"
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {this.state.jenisTarif.map((value, index) => {
                            return (
                              <Option value={value.kodeJenisTarifBm}>
                                {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>

                            )
                          })}
                        </Select>

                        <i></i>
                      </td>
                      <td colspan="2"></td>
                    </tr>

                    <tr class="trBM {txtMasuk}" data-select2-id="65">
                      <td class="pl-2">Trf.BMTP</td>
                      <td>
                            <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="tarif5"
                              id="tarif_bmtp"
                              value={this.state.formData.tarifBmtp.tarif != null ? this.state.formData.tarifBmtp.tarif && this.state.isUpdate == false ? this.state.formData.tarifBmtp.tarif : tarifBmtp == undefined || tarifBmtp == null ? this.state.formData.tarifBmtp.tarif : `${this.state.formData.tarifBmtp.tarif}` : tarifBmtp1 == undefined ? this.state.formData.tarifBmtp.tarif : tarifBmtp1.tarif}
                              // value={this.props.input.tarif_bmtp}
                              onChange={this.handleInputChange}
                              style={  this.state.formData.tarifBmtp.tarif == "" && tarifBmtp == null ? style_b : this.state.isUpdate == true && this.state.formData.tarifBmtp.tarif !== tarifBmtp ? style_a :  style_b}
                            />

                      </td>
                      <td colspan="2" class="" width="200px" data-select2-id="64">
                        <Select
                          disabled={this.state.unlock_tarif}
                          showSearch
                          value={this.state.formData.tarifBmtp.kodeFasilitasTarif != null ? this.state.formData.tarifBmtp.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifBmtp.kodeFasilitasTarif : tarifBmtp == undefined || tarifBmtp == null ? "" : `${this.state.formData.tarifBmtp.kodeFasilitasTarif}` : tarifBmtp1 == undefined ? "" : tarifBmtp1.kodeFasilitasTarif }
                          size={"large"}
                          style={{ width: "100%" }}
                          placeholder="-"
                          optionFilterProp="children"
                          onChange={(value) => this.handleSelectBMTP2(value)}
                          onFocus={onFocus}
                          onBlur={onBlur}
                          onSearch={onSearch}
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {this.state.fasilitasTarif.map((value, index) => {
                            return (
                              <Option value={value.kodeFasilitasTarif}>
                                {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>

                            )
                          })}
                        </Select>

                        <i></i>
                      </td>
                      <td class="tdFasilitasTarifBM">
                      <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="tarifFasilitas5"
                              id="seri_bmtp"
                              value={this.state.formData.tarifBmtp.tarifFasilitas != null ? this.state.formData.tarifBmtp.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifBmtp.tarifFasilitas : tarifBmtp == undefined || tarifBmtp == null ? this.state.formData.tarifBmtp.tarifFasilitas : `${this.state.formData.tarifBmtp.tarifFasilitas}` : tarifBmtp1 == undefined ? this.state.formData.tarifBmtp.tarifFasilitas : tarifBmtp1.tarifFasilitas}
                              style={this.props.input.seri_bmtp == null || this.props.input.seri_bmtp == "" ? style_b : style_a}
                              onChange={this.handleInputChange}
                            />
                      </td>
                    </tr>
                    <tr class="trBM {txtMasuk}">
                      <td class="pl-2">Jumlah Satuan</td>
                      <td colspan="2" class="tdSatuanBM">
                      <Input
                              disabled={this.state.unlock_tarif}
                              className="form-control txtSeriBarang"
                              name="jumlahSatuanBmtp"
                              id="seri_bmtp"
                              value={this.state.formData.tarifBmtp.jumlahSatuan != null ? this.state.formData.tarifBmtp.jumlahSatuan && this.state.isUpdate == false ? this.state.formData.tarifBmtp.jumlahSatuan : tarifBmtp == undefined || tarifBmtp == null ? this.state.formData.tarifBmtp.jumlahSatuan : `${this.state.formData.tarifBmtp.jumlahSatuan}` : tarifBmtp1 == undefined ? this.state.formData.tarifBmtp.jumlahSatuan : tarifBmtp1.jumlahSatuan}
                              style={this.props.input.seri_bmtp == null || this.props.input.seri_bmtp == "" ? style_b : style_a}
                              onChange={this.handleInputChange}
                            />
                      </td>
                      <td colspan="2" class="tdSatuanBM">
                        <Select
                          disabled={this.state.unlock_tarif}
                          size={"large"}
                          showSearch
                          style={{ width: "100%" }}
                          allowClear={true}
                          value={this.state.formData.tarifBmtp.kodeSatuanBarang != null ? this.state.formData.tarifBmtp.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.tarifBmtp.kodeSatuanBarang : tarifBmtp == undefined || tarifBmtp == null ? "" : `${tarifBmtp.kodeSatuanBarang}` : tarifBmtp1 == undefined ? "" : tarifBmtp1.kodeSatuanBarang || this.state.formData.tarifBmtp.kodeSatuanBarang}
                          dropdownMatchSelectWidth={false}
                          optionFilterProp="children"
                          onChange={(value) => this.handleSatuanBmtp(value)}
                          onFocus={null}
                          onBlur={null}
                          onSearch={null}
                          filterOption={(input, option) =>
                            option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                          }
                        >
                          {satuan_barang_list.map((value, index) => {
                            return (
                              <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
                            )
                          }
                          )}
                        </Select>
                      </td>

                    </tr>

                  </tr>

                ) : null}
              </td>
            </tr>


            <div></div>
            <tr class="trBM {txtMasuk}" data-select2-id="65">
              <td class="pl-2" colspan="2"><i style={{color : 'red', marginRight : 5}}>*</i>PPN</td>
              <td>
              {/* <Input size={"large"}
                    disabled={this.state.unlock_tarif}
                    class="form-control txtTarifBM"
                    name="tarif6"
                    type="hidden"

                    value={
                      this.state.formData.tarifPpn.idBarang != null ? this.state.formData.tarifPpn.idBarang && this.state.isUpdate == false ? this.state.formData.tarifPpn.idBarang : tarifPpn == undefined || tarifPpn == null ? this.state.formData.tarifPpn.idBarang : `${this.state.formData.tarifPpn.idBarang}` : tarifPpn1 == undefined ? this.state.formData.tarifPpn.idBarang : tarifPpn1.idBarang
                    }
                    // value={
                    //   this.state.formData.tarifPpn.tarif != null ? this.state.formData.tarifPpn.tarif && this.state.isUpdate == false ? this.state.formData.tarifPpn.tarif : tarifPpn == undefined || tarifPpn == null ? this.state.formData.tarifPpn.tarif : `${this.state.formData.tarifPpn.tarif}` : tarifPpn1 == undefined ? this.state.formData.tarifPpn.tarif : tarifPpn1.tarif
                    // }
                    onChange={this.handleInputChange}
                    style={this.state.isUpdate == true && this.state.formData.tarifBm.tarif !== tarifBm ? style_a : style_b}
                     /> */}
              <Input size={"large"}
                    disabled={this.state.unlock_tarif}
                    class="form-control txtTarifBM"
                    name="tarif6"
                    id={
                      this.state.formEmpty.find(x => x === 'tarifPpn') ? this.state.formData.tarifPpn.tarif === null || this.state.formData.tarifPpn.tarif === "" ? "error" : ""
                      : ""
                    }
                    value={
                      this.state.formData.tarifPpn.tarif != null ? this.state.formData.tarifPpn.tarif && this.state.isUpdate == false ? this.state.formData.tarifPpn.tarif : tarifPpn == undefined || tarifPpn == null ? this.state.formData.tarifPpn.tarif : `${this.state.formData.tarifPpn.tarif}` : tarifPpn1 == undefined ? this.state.formData.tarifPpn.tarif : tarifPpn1.tarif
                    }

                    onChange={this.handleInputChange}
                    style={this.state.formData.tarifPpn.tarif == "" && tarifPpn == null ? style_b : this.state.isUpdate == true && this.state.formData.tarifPpn.tarif !== tarifPpn ? style_a :  style_b}
                     />
              </td>
              <td colspan="2" class="" width="200px" data-select2-id="64">
              <Select
                disabled={this.state.unlock_tarif}
                showSearch
                size={"large"}
                style={{ width: "100%" }}
                placeholder="-"
                id={
                  this.state.formEmpty.find(x => x === 'Kode Fasilitas Ppn') ? this.state.formData.tarifPpn.kodeFasilitasTarif === null || this.state.formData.tarifPpn.kodeFasilitasTarif === "" ? "error" : ""
                  : ""
                }
                value={this.state.formData.tarifPpn.kodeFasilitasTarif != null ? this.state.formData.tarifPpn.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifPpn.kodeFasilitasTarif : tarifPpn == undefined || tarifPpn == null ? this.state.formData.tarifPpn.kodeFasilitasTarif : `${this.state.formData.tarifPpn.kodeFasilitasTarif}` : tarifPpn1 == undefined ? this.state.formData.tarifPpn.kodeFasilitasTarif : tarifPpn1.kodeFasilitasTarif}
                optionFilterProp="children"
                onChange={(value)=>this.handleSelectPPN(value)}
                onFocus={onFocus}
                onBlur={onBlur}
                onSearch={onSearch}
                filterOption={(input, option) =>
                option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                }
                >
                {this.state.fasilitasTarif.map((value, index) => {
                              return (
                                <Option value={value.kodeFasilitasTarif}>
                                  {value.kodeFasilitasTarif} - {value.namaFasilitasTarif}</Option>

                              )
                            })}
                </Select>
                <i></i>
              </td>

              <td class="tdFasilitasTarifBM">
                     <Input size={"large"}
                      disabled={this.state.unlock_tarif}
                      class="form-control txtFasilitasTarifBM"
                      name="tarifFasilitas6"
                      id={
                        this.state.formEmpty.find(x => x === 'Tarif Fasilitas Ppn') ? this.state.formData.tarifPpn.tarifFasilitas === null || this.state.formData.tarifPpn.tarifFasilitas === "" ? "error" : ""
                        : ""
                      }
                      value={this.state.formData.tarifPpn.tarifFasilitas != null ? this.state.formData.tarifPpn.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifPpn.tarifFasilitas : tarifPpn == undefined || tarifPpn == null ? this.state.formData.tarifPpn.tarifFasilitas : `${this.state.formData.tarifPpn.tarifFasilitas}` : tarifPpn1 == undefined ? this.state.formData.tarifPpn.tarifFasilitas : tarifPpn1.tarifFasilitas}
                      onChange={this.handleInputChange}
                      style={this.props.input.serippn == null || this.props.input.serippn == "" ? style_b : style_a}
                    />
              </td>
            </tr>


            <tr class="trBM {txtMasuk}" data-select2-id="65">
              <td class="pl-2" colspan="2" >PPNBM</td>
              <td>
                     <Input size={"large"}
                      disabled={this.state.unlock_tarif}
                      class="form-control txtTarifBM"
                      name="tarif7"
                      id="ppnbm"
                      value={
                        this.state.formData.tarifPpnbm.tarif != null ? this.state.formData.tarifPpnbm.tarif && this.state.isUpdate == false ? this.state.formData.tarifPpnbm.tarif : tarifPpnbm == undefined || tarifPpnbm == null ? this.state.formData.tarifPpnbm.tarif : `${this.state.formData.tarifPpnbm.tarif}` : tarifPpnbm1 == undefined ? this.state.formData.tarifPpnbm.tarif : tarifPpnbm1.tarif
                      }
                      onChange={this.handleInputChange}
                      style= {this.state.formData.tarifPpnbm.tarif == "" && tarifPpnbm == null ? style_b : this.state.isUpdate == true && this.state.formData.tarifPpnbm.tarif !== tarifPpnbm ? style_a :  style_b}
                      />
              </td>
              <td colspan="2" class="" width="200px" data-select2-id="64">
              <Select
disabled={this.state.unlock_tarif}
showSearch
value={this.state.formData.tarifPpnbm.kodeFasilitasTarif != null ? this.state.formData.tarifPpnbm.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifPpnbm.kodeFasilitasTarif : tarifPpnbm == undefined || tarifPpnbm == null ? this.state.formData.tarifPpnbm.kodeFasilitasTarif : `${this.state.formData.tarifPpnbm.kodeFasilitasTarif}` : tarifPpnbm1 == undefined ? this.state.formData.tarifPpnbm.kodeFasilitasTarif : tarifPpnbm1.kodeFasilitasTarif}
size={"large"}
style={{ width: "100%" }}
placeholder="-"
optionFilterProp="children"
onChange={(value)=>this.handleSelectPPNBM(value)}
onFocus={onFocus}
onBlur={onBlur}
onSearch={onSearch}
filterOption={(input, option) =>
option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}
>
{this.state.fasilitasTarif.map((value, index) => {
              return (
                <Option value={value.kodeFasilitasTarif}>
                  {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>

              )
            })}
</Select>

                <i></i>
              </td>

              <td class="tdFasilitasTarifBM">
              <Input size={"large"}
                      disabled={this.state.unlock_tarif}
                      class="form-control txtFasilitasTarifBM"
                      name="tarifFasilitas7"
                      id="serippnbm"
                      value={this.state.formData.tarifPpnbm.tarifFasilitas != null ? this.state.formData.tarifPpnbm.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifPpnbm.tarifFasilitas : tarifPpnbm == undefined || tarifPpnbm == null ? this.state.formData.tarifPpnbm.tarifFasilitas : `${this.state.formData.tarifPpnbm.tarifFasilitas}` : tarifPpnbm1 == undefined ? this.state.formData.tarifPpnbm.tarifFasilitas : tarifPpnbm1.tarifFasilitas}
                      //value={"this.props.input.barang[0].hasil_pemeriksaan.ppnbm.nama"}
                      // value={this.props.input.serippnbm}
                      onChange={this.handleInputChange}
                      style={this.props.input.serippnbm == null || this.props.input.serippnbm == "" ? style_b : style_a}
                    />
              </td>
            </tr>

            <tr class="trBM {txtMasuk}" data-select2-id="65">
              <td class="pl-2" colspan="2" ><i style={{color : 'red', marginRight : 5}}>*</i>PPH</td>
              <td>
              <Input size={"large"}
                    disabled={this.state.unlock_tarif}
                    class="form-control txtTarifBM"
                    name="tarif8"
                    id={
                      this.state.formEmpty.find(x => x === 'tarifPph') ? this.state.formData.tarifPph.tarif === null || this.state.formData.tarifPph.tarif === "" ? "error" : ""
                      : ""
                    }
                    value={this.state.formData.tarifPph.tarif != null ? this.state.formData.tarifPph.tarif && this.state.isUpdate == false ? this.state.formData.tarifPph.tarif : tarifPph == undefined || tarifPph == null ? this.state.formData.tarifPph.tarif : `${this.state.formData.tarifPph.tarif}` : tarifPph1 == undefined ? this.state.formData.tarifPph.tarif : tarifPph1.tarif}
                    onChange={this.handleInputChange}
                    style={this.state.formData.tarifPph.tarif == "" && tarifPph == null ? style_b : this.state.isUpdate == true && this.state.formData.tarifPph.tarif !== tarifPph ? style_a :  style_b}
                     />
              </td>
              <td colspan="2" class="" width="200px" data-select2-id="64">
              <Select
disabled={this.state.unlock_tarif}
showSearch
size={"large"}
style={{ width: "100%" }}
id={
  this.state.formEmpty.find(x => x === 'Kode Fasilitas Pph') ? this.state.formData.tarifPph.kodeFasilitasTarif === null || this.state.formData.tarifPph.kodeFasilitasTarif === "" ? "error" : ""
  : ""
}
value={this.state.formData.tarifPph.kodeFasilitasTarif != null ? this.state.formData.tarifPph.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifPph.kodeFasilitasTarif : tarifPph == undefined || tarifPph == null ? this.state.formData.tarifPph.kodeFasilitasTarif : `${this.state.formData.tarifPph.kodeFasilitasTarif}` : tarifPph1 == undefined ? this.state.formData.tarifPph.kodeFasilitasTarif : tarifPph1.kodeFasilitasTarif}
placeholder="-"
optionFilterProp="children"
onChange={(value)=>this.handleSelectPPH(value)}
onFocus={onFocus}
onBlur={onBlur}
onSearch={onSearch}
filterOption={(input, option) =>
option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
}
>
{this.state.fasilitasTarif.map((value, index) => {
              return (
                <Option value={value.kodeFasilitasTarif}>
                  {value.kodeFasilitasTarif} -{value.namaFasilitasTarif}</Option>

              )
            })}
</Select>
                <i></i>
              </td>

              <td class="tdFasilitasTarifBM">
              <Input size={"large"}
                    disabled={this.state.unlock_tarif}
                    class="form-control txtTarifBM"
                    name="tarifFasilitas8"
                    id={
                      this.state.formEmpty.find(x => x === 'Tarif Fasilitas Pph') ? this.state.formData.tarifPph.tarifFasilitas === null || this.state.formData.tarifPph.tarifFasilitas === "" ? "error" : ""
                      : ""
                    }
                    value={this.state.formData.tarifPph.tarifFasilitas != null ? this.state.formData.tarifPph.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifPph.tarifFasilitas : tarifPph == undefined || tarifPph == null ? this.state.formData.tarifPph.tarifFasilitas : `${this.state.formData.tarifPph.tarifFasilitas}` : tarifPph1 == undefined ? this.state.formData.tarifPph.tarifFasilitas : tarifPph1.tarifFasilitas}
                    onChange={this.handleInputChange}
                    style={this.state.isInsert ? style_b : tarifPph == undefined || tarifPph == null ? style_b : this.state.isUpdate == true &&  this.state.formData.tarifPph.tarifFasilitas != tarifPph.tarifFasilitas ? style_a : style_b }
                     />
              </td>
            </tr>

            <tr class="trShowCukai">
              <td class="tdShowCukai" colspan="6">
                <a
                  className="btn btn-block" onClick={this.toggleCukai.bind(this)}
                  href="javascript:;"
                  id="btnShowCukai">
                  <i class="fa fa-plus"></i>
                  Cukai</a>
                {this.state.openmodalCukai ? (
                  <div id="demo">
                      <tr class="trBM {txtMasuk}" data-select2-id="47">
                        <td class="pl-2" width="60px" rowspan="3">CUKAI</td>
                        <td class="pl-2" width="100px">Jenis Tarif</td>
                        <td colspan="2" data-select2-id="46">
                          <Select
                            disabled={this.state.unlock_tarif}
                            showSearch
                            size={"large"}
                            style={{ width: "100%" }}
                            placeholder="-"
                            optionFilterProp="children"
                            onChange={(value) => this.handleSelectCUKAI(value)}
                            value={this.state.formData.tarifCukais.kodeJenisTarif != null ? this.state.formData.tarifCukais.kodeJenisTarif && this.state.isUpdate == false ? this.state.formData.tarifCukais.kodeJenisTarif : tarifCukais == undefined || tarifCukais == null ? this.state.formData.tarifCukais.kodeJenisTarif : `${this.state.formData.tarifCukais.kodeJenisTarif} - ${tarifCukais.namaJenisTarif}` : tarifCukais1 == undefined ? this.state.formData.tarifCukais.kodeJenisTarif : `${tarifCukais1.kodeJenisTarif} - ${tarifCukais1.namaJenisTarif}`}
                            onFocus={onFocus}
                            onBlur={onBlur}
                            onSearch={onSearch}
                            name="kodeJnsTarif1"
                            filterOption={(input, option) =>
                              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                            }
                          >
                            {this.state.jenisTarif.map((value, index) => {
                              return (
                                <Option value={value.kodeJenisTarifBm}>
                                  {value.kodeJenisTarifBm} -{value.namaJenisTarifBm}</Option>

                              )
                            })}
                          </Select>

                          <i></i>
                        </td>
                        <td class="pl-2" width="100px">Jns Cukai</td>
                        <td colspan="2" data-select2-id="46">
                          <Select
                            disabled={this.state.unlock_tarif}
                            showSearch
                            size={"large"}
                            style={{ width: "100%" }}
                            placeholder="-"
                            optionFilterProp="children"
                            value={this.state.formData.tarifCukais.kodeKomoditiCukai != null ? this.state.formData.tarifCukais.kodeKomoditiCukai && this.state.isUpdate == false ? this.state.formData.tarifCukais.kodeKomoditiCukai : tarifCukais == undefined || tarifCukais == null ? this.state.formData.tarifCukais.kodeKomoditiCukai : `${this.state.formData.tarifCukais.kodeKomoditiCukai}` : tarifCukais1 == undefined ? this.state.formData.tarifCukais.kodeKomoditiCukai : tarifCukais1.kodeKomoditiCukai}
                            onChange={(value) => this.handleSelectCUKAI2(value)}
                            onFocus={onFocus}
                            onBlur={onBlur}
                            onSearch={onSearch}
                            filterOption={(input, option) =>
                              option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                            }
                          >
                            {this.state.tarifSubKomuditi.map((value, index) => {
                              return (
                                <Option value={value.kodeKomoditiCukai}>{value.kodeKomoditiCukai} - {value.subkomoditiCukai}</Option>
                              )
                            }
                            )}
                          </Select>
                          <i></i>
                        </td>
                      </tr>

                      <tr class="trBM {txtMasuk}" data-select2-id="65">
                        <td class="pl-2">Tarif Cukai</td>
                        <td>
                        <Input size={"large"}
                                disabled={this.state.unlock_tarif}
                                onChange={this.handleInputChange}
                                class="form-control txtTarifBM"
                                name="tarif9"
                                id="tarif_cukai"
                                value={this.state.formData.tarifCukais.tarif != null ? this.state.formData.tarifCukais.tarif && this.state.isUpdate == false ? this.state.formData.tarifCukais.tarif : tarifCukais == undefined || tarifCukais == null ? this.state.formData.tarifCukais.tarif : `${this.state.formData.tarifCukais.tarif}` : tarifCukais1 == undefined ? this.state.formData.tarifCukais.tarif : tarifCukais1.tarif}
                                onChange={this.handleInputChange}
                                style={this.state.isInsert ? style_b : tarifCukais == undefined || tarifCukais == null ? style_b : this.state.isUpdate == true &&  this.state.formData.tarifCukais.tarif != tarifCukais.tarif ? style_a : style_b}
                               />

                        </td>
                        <td colspan="2" class="" width="200px" data-select2-id="64">
                        <Select
                        disabled={this.state.unlock_tarif}
                        showSearch
                        size={"large"}
                        style={{ width: "100%" }}
                        placeholder="-"
                        optionFilterProp="children"
                        onChange={(value)=>this.handleSelectCUKAI3(value)}
                        value={this.state.formData.tarifCukais.kodeFasilitasTarif != null ? this.state.formData.tarifCukais.kodeFasilitasTarif && this.state.isUpdate == false ? this.state.formData.tarifCukais.kodeFasilitasTarif : tarifCukais == undefined || tarifCukais == null ? this.state.formData.tarifCukais.kodeFasilitasTarif : `${this.state.formData.tarifCukais.kodeFasilitasTarif}` : tarifCukais1 == undefined ? this.state.formData.tarifCukais.kodeFasilitasTarif : tarifCukais1.kodeFasilitasTarif}
                        onFocus={onFocus}
                        onBlur={onBlur}
                        onSearch={onSearch}
                        filterOption={(input, option) =>
                        option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                        }
                        >
                        {this.state.fasilitasTarif.map((value, index) => {
                                      return (
                                        <Option value={value.kodeFasilitasTarif}>
                                          {value.kodeFasilitasTarif} - {value.namaFasilitasTarif}</Option>

                                      )
                                    })}
                        </Select>
                          <i></i>
                        </td>

                        <td class="tdFasilitasTarifBM">
                               <Input size={"large"}
                                disabled={this.state.unlock_tarif}
                                class="form-control txtFasilitasTarifBM"
                                name="tarifFasilitas9"
                                id="nama_cukai"
                                value={this.state.formData.tarifCukais.tarifFasilitas != null ? this.state.formData.tarifCukais.tarifFasilitas && this.state.isUpdate == false ? this.state.formData.tarifCukais.tarifFasilitas : tarifCukais == undefined || tarifCukais == null ? this.state.formData.tarifCukais.tarifFasilitas : `${this.state.formData.tarifCukais.tarifFasilitas}` : tarifCukais1 == undefined ? this.state.formData.tarifCukais.tarifFasilitas : tarifCukais1.tarifFasilitas}
                                // value={this.props.input.nama_cukai}
                                onChange={this.handleInputChange}
                                style={this.props.input.nama_cukai == null || this.props.input.nama_cukai == "" ? style_b : style_a}
                              />
                        </td>
                      </tr>
                      <tr class="trBM {txtMasuk}">
                        <td class="pl-2">Jumlah Satuan</td>
                        <td colspan="2" class="tdSatuanBM">
                        <Input size={"large"}
                                disabled={this.state.unlock_tarif}
                                class="form-control txtJumlahSatuanBM"
                                name="jumlahSatuanCukai"
                                id="jumlah_satuan_cukai"
                                onChange={this.handleInputChange}
                                value={this.state.formData.tarifCukais.jumlahSatuan != null ? this.state.formData.tarifCukais.jumlahSatuan && this.state.isUpdate == false ? this.state.formData.tarifCukais.jumlahSatuan : tarifCukais == undefined || tarifCukais == null ? this.state.formData.tarifCukais.jumlahSatuan : `${this.state.formData.tarifCukais.jumlahSatuan}` : tarifCukais1 == undefined ? this.state.formData.tarifCukais.jumlahSatuan : tarifCukais1.jumlahSatuan}
                              />
                        </td>
                        <td colspan="2" class="tdSatuanBM">
                        <Select
                  disabled={this.state.unlock_tarif}
                  size={"large"}
                  showSearch
                  style={{ width: "100%" }}
                  allowClear={true}
                  name="namaSatuanBarang0"
                  // value={this.props.input.jumlahSatuan}
                  dropdownMatchSelectWidth={false}
                  optionFilterProp="children"
                  onChange={(value) => this.handleKodeSatuanCukai(value)}
                  value={this.state.formData.tarifCukais.kodeSatuanBarang != null ? this.state.formData.tarifCukais.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.tarifCukais.kodeSatuanBarang : tarifCukais == undefined || tarifCukais == null ? this.state.formData.tarifCukais.kodeSatuanBarang : `${this.state.formData.tarifCukais.kodeSatuanBarang}` : tarifCukais1 == undefined ? this.state.formData.tarifCukais.kodeSatuanBarang : tarifCukais1.kodeSatuanBarang}
                  // onChange={this.handleInputChange}
                  onFocus={null}
                  onBlur={null}
                  onSearch={null}
                  filterOption={(input, option) =>
                    option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                  }
                >
                  {satuan_barang_list.map((value, index) => {
                    return (
                      <Option name="namaSatuanBarang0" value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
                    )
                  }
                  )}
                </Select>
                        </td>

                      </tr>

                    </div>
                ) : null}
              </td>
            </tr>


          </tbody>
        </table>
      </div>
    </fieldset>

    <fieldset data-select2-id="49">
      <legend
        style={{
          marginBottom: "5px"
        }}></legend>
      <div class="">
        <table id="tblHarga" class="table-bordered table-hover table-condensed col-xl-12 px-0">
          <tbody>
            <tr class="">
              <td class="pl-2"><i style={{color : 'red', marginRight : 5}}>*</i>Jml.Jns.Kemasan</td>
              <td>
              <Input
                      name="jumlahKemasan"
                      disabled={this.state.unlock_tarif}
                      onChange={this.handleInputChange}
                      id={this.state.formEmpty.find(x=> x === 'Jumlah Kemasan') ? this.state.formData.jumlahKemasan === null || this.state.formData.jumlahKemasan === "" ? "error" : "" : ""}
                      value={this.state.formData.jumlahKemasan != null ? this.state.formData.jumlahKemasan && this.state.isUpdate == false ? this.state.formData.jumlahKemasan : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.jumlahKemasan}` : this.state.formData.jumlahKemasan || this.props.datas2.jumlahKemasan}
                      // value={this.state.formData.jumlahKemasan != null ? this.state.formData.jumlahKemasan  : this.props.datas.jumlahKemasan}
                      placeholder=""
                      style={this.props.input.jumlahKemasan == null || this.props.input.jumlahKemasan == "" ? style_b : style_a}
                      size={"large"} />
              </td>
              <td className="selectWidth">

              <Select
                disabled={this.state.unlock_tarif}
                size={"large"}
                className="selectWidth"
                showSearch
                allowClear={true}
                className={this.state.formEmpty.find(x=> x === 'Kode Jenis Kemasan') ? this.state.formData.kodeJenisKemasan === null || this.state.formData.kodeJenisKemasan === "" ? "error" : "" : ""}
                value={this.state.formData.kodeJenisKemasan != null ? this.state.formData.kodeJenisKemasan && this.state.isUpdate == false ? this.state.formData.kodeJenisKemasan : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.kodeJenisKemasan}` : this.state.formData.kodeJenisKemasan || this.props.datas2.kodeJenisKemasan}
                dropdownMatchSelectWidth={false}
                optionFilterProp="children"
                onChange={(value) => this.handleKemasan(value)}
                onFocus={null}
                onBlur={null}
                onSearch={null}
                filterOption={(input, option) =>
                  option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                }
              >
                {kemasan_list.map((value, index) => {
                  return (
                    <Option value={value.kodeKemasan}>{value.namaKemasan}</Option>
                  )
                }
                )}
                </Select>
         <i></i>
              </td>
              <td class="labelNilaiPabean pl-2"><i style={{color : 'red', marginRight : 5}}>*</i>Netto</td>
                     <Input
                      name="netto"
                      disabled={this.state.unlock_tarif}
                      id={this.state.formEmpty.find(x=> x === 'netto') ? this.state.formData.netto === null || this.state.formData.netto === "" ? "error" : "" : ""}
                      onChange={this.handleInputChange}
                      value={this.state.formData.namaValuta != null ? this.state.formData.netto && this.state.isUpdate == false ? this.state.formData.netto : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.netto}` : this.state.formData.netto || this.props.datas2.netto}
                      onChange={this.handleInputChange}
                      size={"large"}
                      style={this.props.input.netto == null || this.props.input.netto == "" ? style_b : style_a}
                      placeholder="" />
              <td>
              </td>
            </tr>
            <tr>
              <td class="pl-2"><i style={{color : 'red', marginRight : 5}}>*</i>Jumlah Satuan</td>
              <td class="">
                      <Input
                      name="jumlahSatuan"
                      disabled={this.state.unlock_tarif}
                      id={this.state.formEmpty.find(x=> x === 'JumlahSatuan') ? this.state.formData.jumlahSatuan === null || this.state.formData.jumlahSatuan === "" ? "error" : "" : ""}
                      onChange={this.handleInputChange}
                      value={this.state.formData.jumlahSatuan != null ? this.state.formData.jumlahSatuan && this.state.isUpdate == false ? this.state.formData.jumlahSatuan : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.jumlahSatuan}` : this.state.formData.jumlahSatuan || this.props.datas2.jumlahSatuan}
                      size={"large"}
                      style={this.state.isInsert ? style_b : this.state.isUpdate == true && this.props.datas.jumlahSatuan != this.state.formData.jumlahSatuan ? style_a : style_b }
                      placeholder="" />

             { this.state.formEmpty.find(x => x === 'jumlahSatuan') ? <p style={{color : 'red'}}>Jumlah Satuan Wajib diisi</p> : null }
              </td>
              <td colspan="2" class="text-right pr-2"><i style={{color : 'red', marginRight : 5}}>*</i>Sat. Harga</td>
              <td className="selectWidth">
              <Select
                    disabled={this.state.unlock_tarif}
                    size={"large"}

                    showSearch
                    allowClear={true}
                    className={this.state.formEmpty.find(x=> x === 'KodeSatuanBarang') ? this.state.formData.kodeSatuanBarang === null || this.state.formData.kodeSatuanBarang === "" ? "error" : "" : ""}
                    value={this.state.formData.kodeSatuanBarang != null ? this.state.formData.kodeSatuanBarang && this.state.isUpdate == false ? this.state.formData.kodeSatuanBarang : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.kodeSatuanBarang}` : this.state.formData.kodeSatuanBarang || this.props.datas2.kodeSatuanBarang}
                    // value={this.props.input.hargaSatuan}
                    dropdownMatchSelectWidth={false}
                    // placeholder="Cari negara..."
                    optionFilterProp="children"
                    onChange={(value) => this.handleSatuan(value)}
                    onFocus={null}
                    onBlur={null}
                    onSearch={null}
                    filterOption={(input, option) =>
                      option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                    }
                  >
                    {satuan_barang_list.map((value, index) => {
                      return (
                        <Option value={value.kodeSatuanBarang}>{value.namaSatuanBarang}</Option>
                      )
                    }
                    )}
                  </Select>
          <i></i>
              </td>
            </tr>
            <tr class="">
              <td class="pl-2"><i style={{color : 'red', marginRight : 5}}>*</i>Harga Satuan</td>
              <td>
                      <Input
                      name="hargaSatuan"
                      disabled={this.state.unlock_tarif}
                      onChange={this.handleInputChange}
                      value={hargaTotal1 || hargaTotal || ""}
                      id={this.state.formData.hargaSatuan != null ? "" : "error"}
                      size={"large"}
                      style={this.props.input.harga_satuan == null || this.props.input.harga_satuan == "" ? style_b : style_a}
                      placeholder="" />

              </td>
              <td className="selectWidth">
                <Select
                  disabled={this.state.unlock_tarif}
                  size={"large"}
                  showSearch
                  className={this.state.formEmpty.find(x=> x === 'Nama Valuta') ? this.state.formData.namaValuta === null || this.state.formData.namaValuta === "" ? "error" : "" : ""}
                  optionFilterProp="children"
                  value={this.state.formData.namaValuta != null ? this.state.formData.namaValuta && this.state.isUpdate == false ? this.state.formData.namaValuta : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.namaValuta}` : this.state.formData.namaValuta || this.props.datas2.namaValuta}
                  onChange={(value)=>this.handleValuta(value)}
                  onFocus={onFocus}
                  onBlur={onBlur}
                  onSearch={onSearch}
                  filterOption={(input, option) =>
                    option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
                  }
                >
                   {this.state.dataValuta.map((value, index) => {
                  return (
                  <Option value={value.kodeValuta}> {value.namaValuta}</Option>
                  )
                }
                )}
                </Select>
                <i></i>
              </td>
              <td class="labelNilaiPabean pl-2"><i style={{color : 'red', marginRight : 5}}>*</i>CIF</td>
              <td className={
     this.state.formEmpty.find(x => x === 'cif') ? this.state.formData.cif === null || this.state.formData.cif === "" ? "error" : ""
     : ""
              }>
                      <Input
                      name="cif"
                      disabled={this.state.unlock_tarif}
                      id={
                        this.state.formEmpty.find(x => x === 'cif') ? this.state.formData.cif === null || this.state.formData.cif === "" ? "error" : ""
                        : ""
                      }

                      onChange={this.handleInputChange}
                      value={this.state.formData.cif != null ? this.state.formData.cif && this.state.isUpdate == false ? this.state.formData.cif : brgPemberitahuan == undefined || brgPemberitahuan == null ? "" : `${this.state.formData.cif}` : this.state.formData.cif || this.props.datas2.cif}
                      size={"large"}
                      // value={this.state.formData.cif != null ? this.state.formData.cif : this.props.datas.cif}
                      style={this.state.isInsert ? style_b : this.state.isUpdate == true && this.props.datas.cif != this.state.formData.cif ? style_a : style_b }
                      placeholder=""
                      onFocus={   this.state.formEmpty.find(x => x === 'cif') ? true : false } />


              </td>
            </tr>
          </tbody>
        </table>
{
  this.state.formData.statusPfpdBarang == "I" || this.props.datas2.statusPfpdBarang == "I"|| this.state.formData.pfpdKesalahanList.find(x => x.kodeSalah === "4" || "3" ) ?
  <div>
  <br/>
<h5>Metode dan Dasar Penetapan Nilai Pabean</h5>
<br/>
  <div class="row mb-3">
    <div class="col-lg-3">
      <p>Metode Penetapan :</p>
     </div>
    <div class="col-lg-6">
      <Input size={"large"} value={dataLocal || this.props.datas2.kodeTetap} />
    </div>
  </div>
  <div class="row">
    <div class="col-lg-3"><p>Dasar Penetapan :</p></div>
    <div class="col-lg-6">
      <Input size={"large"} value={this.props.dasarPenetapanPfpd != null ? `${this.props.dasarPenetapanPfpd.nomorDokumen}/${this.props.dasarPenetapanPfpd.tanggalDokumen}` || `${this.props.input.nomorDokumen}/${this.props.input.tanggalDokumen1}` : ""}/>
    </div>
  </div>
</div>
  : null
}

        {
          this.state.showListKesalahan ?(
            <div>
              <table class="table mt-4">
              <thead>
                <tr>
                  <th scope="col" class="text-right">SERI SALAH</th>
                  <th scope="col">URAIAN KESALAHAN</th>
                  <th scope="col">KETERANGAN</th>
                </tr>
              </thead>
              <tbody>

              { this.state.formData.pfpdKesalahanList.find(x => x.kodeSalah === "1") ? (

                <tr>
                  <th scope="row" class="text-right">1</th>
                  <td class="text-left">01 - PEMBEBANAN</td>
                  <td>-</td>
                </tr>

              ) : null }
              { this.state.formData.pfpdKesalahanList.find(x => x.kodeSalah === "2") ? (

                  <tr>
                      <th scope="row" class="text-right">2</th>
                      <td class="text-left">02 - JENIS</td>
                      <td>POTENSI DENDA</td>
                  </tr>

              ) : null }
              { this.state.formData.pfpdKesalahanList.find(x => x.kodeSalah === "3") ? (
                <tr>
                  <th scope="row" class="text-right">3</th>
                  <td class="text-left">03 - JUMLAH</td>
                  <td>POTENSI DENDA</td>
               </tr>

              ) : null }
              { this.state.formData.pfpdKesalahanList.find(x => x.kodeSalah === "4") ? (
             <tr>
                  <th scope="row" class="text-right">4</th>
                  <td class="text-left">04 - HARGA</td>
                  <td>POTENSI DENDA</td>
             </tr>
              ) : null }
              </tbody>
            </table>
            </div>
          ) : null
        }
        {
          this.props.datas2.statusPfpdBarang != null ?
          (
            <div>
            <DataGrid
            dataSource={this.props.listKesalahan}
            showBorders={false}
            showColumnLines={false}
            showRowLines={false}
          >
            <Column
              dataField={'seriKesalahan'}
              caption={'SERI SALAH'} />

            <Column
              dataField={'namaJenisKesalahan'}
              caption={'URAIAN KESALAHAN'} />

            <Column
              dataField={'flagDenda'}
              caption={'KETERANGAN'} />




          </DataGrid>
          </div>
            // <div>
            //   <table class="table mt-4">
            //  <thead>
            //     <tr>
            //       <th scope="col" class="text-right">SERI SALAH</th>
            //       <th scope="col">URAIAN KESALAHAN</th>
            //       <th scope="col">KETERANGAN</th>
            //     </tr>
            //   </thead>
            //   <tbody>
            //   {listSalah.map((value, index) => {
            //     return(
            //       <tr>
            //   <th scope="row" class="text-right">{value.seriKesalahan}</th>
            //     <td class="text-left">{value.kodeSalah} - {value.namaJenisKesalahan}</td>
            //     <td>{value.flagDenda}</td>
            //      </tr>
            //     )
            //     })}
            //   </tbody>
            //   </table>

            // </div>

          ):
            null
        }

      </div>
    </fieldset>
    <br />



    <br />
    <div>

    </div>
    </Form>
</Spin>
</Spin>
    <Modal
      title="Tambah Data Surat Pemberitahuan Barang Larangan/pembatasan (SPBL)"
      visible={this.state.spbl}
      footer={[
        <Button key="back" onClick={this.handleCancel}>
          Tutup
</Button>,
        <Button key="submit" type="primary" onClick={this.onsubmit}>
          Simpan

</Button>,
      ]}
    >
      <Spin spinning={this.state.loadingLartas} tip="Loading ... Send Data">
      <Row gutter={8} className="mb-3" style={{ borderWidth: '1' }}>
        <Col span={8}>
          <strong>
            Pemberitahuan
</strong>
        </Col>
        <Col span={16}>
          <Input
            type="text"
            name="pemberitahuan"
            value={this.state.formLartas.pemberitahuan}
            onChange={this.onFormChange}
          />
        </Col>
      </Row>


      <Row gutter={8} className="mb-3" style={{ borderWidth: '1' }}>
        <Col span={8}>
          <strong>
            Penetapan
</strong>
        </Col>
        <Col span={16}>
          <Input
            type="text"
            name="penetapan"
            value={this.state.formLartas.penetapan}
            onChange={this.onFormChange} />
        </Col>
      </Row>

      <Row gutter={8} className="mb-3" style={{ borderWidth: '1' }}>
        <Col span={8}>
          <strong>
            Ketentuan LARTAS
</strong>
        </Col>
        <Col span={16}>
          <Input
            type="text"
            name="lartas"
            value={this.state.formLartas.lartas}
            onChange={this.onFormChange} />
        </Col>
      </Row>
      </Spin>
    </Modal>

    <Modal
      title="Daftar Barang"
      visible={this.state.modalBarang}
      footer={false}
      onCancel={this.handleCancel}
      width={830}
    >
      <TabelKonversi
        onSelect={this.handleCancel}
        updateButtonStatus={() => this.toogleUpdateButtonStatus()}
        onRefresh={this.state.refreshListBarang}
      />
    </Modal>

    <Modal
      title="Rekam Risalah Penelitian Tarif"
      visible={this.state.modalLPPT}
      onCancel={this.handleCancel}
      okButtonProps={{style : {display : 'none'}}}
      cancelButtonProps={{ style: { display: 'none' } }}
      onCancel={this.handleCancel}
      width={1280}
    >
   <RisalahPenetapan
    // onCancel={this.handleCancel}
    listKosong={this.state.listLPPTKosong}
    finishPhase={() => {this.finishStep()}}

  />
{/* <RekamLPPT/> */}
    </Modal>
    <Modal
      title="Rekam Risalah Penelitian Nilai Pabean dan/atau Tarif"
      visible={this.state.modalLPPNP}
      onCancel={this.handleCancel}
      okButtonProps={{style : {display : 'none'}}}
      cancelButtonProps={{ style: { display: 'none' } }}
      width={1280}
    >
      <RekamLPPNP
        listKosong={this.state.listLPPNPKosong}
        cancelProps={()=> {this.handleCancel()}}
        idBarangSend={()=> {this.sendNewIDBarang()}}
        finishPhase={() => {this.finishStep()}}
      />
    </Modal>


  </div>

  );
}
}


const mapStateToProps = (state) => {
  return {
pfpd: state.pfpd || [],
negara: state.negara || [],
tarif_sub_komoditi_cukai: state.tarif_sub_komoditi_cukai || [],
satuan_barang: state.satuan_barang || [],
kemasan: state.kemasan || [],
current_data: state.pfpd.current_data || {},
input: state.core.input || {},
seri_barang: state.pfpd.max_seri_brg,
datas: state.pfpd.barang_pemberitahuan,
datas2 : state.pfpd.barang_penetapan,
cekBmt: state.pfpd.cek_bmt,
kodeDokumen: state.pfpd.dokumen_pabean || [],
isLoad : state.pfpd.pfpdLoadingPenetapan,
dasarPenetapanPfpd : state.pfpd.dasar_penetapan_redux,
listKesalahan : state.pfpd.list_kesalahan || false,
cekLartas : state.pfpd.cek_lartas || false,
cekKuotaLartas : state.pfpd.cek_kuota_lartas || false,
}};

const mapDispatchToProps = {
setLoadingPenetapan,
getMaxSeriBarangPFPD,
setInput,
setMultiInput,
resetInput,
resetBarangPemberitahuanPFPD,
resetBarangPenetapanPFPD,
getBarangPemberitahuanPFPD,
getBarangPenetapanPFPD,
getSatuanBarang,
getKemasan,
getTarifSubKomoditiCukai,
getCekBmtPFPD,
getBMTPFPD,
getDokumenPabeanPFPD,
getListBarangPFPD,
getListKesalahanPFPD,
resetKeselahanPFPD,
getCekKuotaLartasPFPD,
getCekLartasPFPD,
resetLartas
};

export default connect(mapStateToProps, mapDispatchToProps)(HasilPemeriksaan);