LhpMemoPemeriksaan

import React, { Component } from "react";
import axios from 'axios';
import swal from 'sweetalert2';
import { Card, Row, Col, Checkbox, Input, Form, Divider, Button, message, Table, Spin, Icon } from 'antd';
// import { } from '@ant-design/icons';
import {
  setMultiSave, setSave, resetSave
} from "../../../appRedux/reducers/pfpd";
import { Link } from "react-router-dom";
import ReactTable from "react-table";
import "react-table/react-table.css";
// import "./click.css"
import { connect } from 'react-redux';
const { TextArea } = Input;
const InputGroup = Input.Group;

function onChange(checkedValues) {
  console.log('checked = ', checkedValues);
}


class LhpMemoPemeriksaan extends Component {

  constructor(props) {
    super(props);
    this.state = {
      formLayout: 'horizontal',
      date: new Date(),
      formData: {
        ajukanContohBarang: '',
        ajukanFoto: '',
        ajukanKatalogBarang: '',
        ajukanLabelBarang: '',
        ajukanLabelKemasan: '',
        idHeader: this.props.input.idHeader,
        idLhpMemoDokumen: '',
        lokasiRekamMemo: '',
        memoHeader: '',
        nipPfpd: '197301151999031002',
        waktuRekamMemo: ''
      },
      formData2 : {
        idBarang : null,
        idLhpMemoBarang : null,
        idLhpMemoDokumen : null,
        memoBarang : null
      },
      memoPerBarang : [],
      selectedRowKeys : [],
      memoDetail : {
        memoBarang : null
      },
      idData : [],
      memoPemeriksaan : [],
      loadingData : false,
      searchText: '',
      searchedColumn: '',
      memoBarang : {
        memoHeader : null,
        ajukanContohBarang : '',
        ajukanLabelKemasan : null,
        ajukanKatalogBarang : null,
        ajukanFoto : null,
        ajukanLabelKemasan : null
      },
      sementara : {
        idLhpMemoBarang : {} /* this.props.pfpd.savePeriksaFisik.idLhpMemoBarang */,
        idHeader : {} /* this.props.pfpd.savePeriksaFisik.idHeader */,
        idLhpMemoDokumen : {} /* this.props.pfpd.savePeriksaFisik.idLhpMemoDokumen */,
        memoBarang : {} /* this.props.pfpd.savePeriksaFisik.memoBarang */,
        seriBarang : {} /* this.props.pfpd.savePeriksaFisik.seriBarang */
      },
      checked1 : false,
      checked2 : false,
      checked3 : false,
      checked4 : false,
      checked5 : false,
      saveLocal : false,
      loadingLocal : false,

    };
    console.log(this.props)
  }

  componentDidMount() {
    // this.props.getDokumenPabeanPFPD()
    const ID_HEADER = this.props.input.idHeader
    console.log('edo', ID_HEADER)
    this.getMemoBarang()
    this.getMemoPemeriksaan()
//     if(this.state.saveLocal == true){
//  console.log('oke berhasil')
//     }else{
//       this.props.resetSave();
//     }
// if (this.props.input.idHeader){
//   this.props.resetSave()
// }

  }
  onClickRow = (record) =>{
    console.log('datanya',record)

    return {

      onClick: () => {
        try{
          var newSave = {
            idHeader : record.idHeader,
            idLhp : record.idLhpMemoBarang,
            idBarang : record.idBarang,
            idLhpMemoDokumen : record.idLhpMemoDokumen,
            memoBarang : record.memoBarang,
            posTarif : record.posTarif,
            seriBarang : record.seriBarang,
            kodeNegaraAsal : record.kodeNegaraAsal,
            kodeNegaraPemasok : record.kodeNegaraPemasok,
            namaNegaraAsal : record.namaNegaraAsal,
            namaNegaraPemasok : record.namaNegaraPemasok,
            uraian : record.uraian,
            kodeSatuanBarang : record.kodeSatuanBarang,
            kodeJenisKemasan : record.kodeJenisKemasan,
            jumlahSatuan : record.jumlahKemasan,
            jumlahSatuan : record.jumlahSatuan,
          }
        }catch(e){
        console.log(e)
        }
        this.props.setMultiSave(newSave)
        console.log('apaaa', this.props.pfpd.savePeriksaFisik)
        this.setState({
          memoDetail : record,
          idData : record.idLhpMemoBarang
        });
      },

  }
}
  toggleUbahCb = (e) => {

    console.log('checked?', e.target.checked)
  if(this.state.checked1){
      let formDatas = { ...this.state.memoBarang}
      formDatas.ajukanContohBarang = 'N'
      this.setState({
        checked1 : e.target.checked,
        memoBarang : formDatas
      })
    }else{
      let formDatas = { ...this.state.memoBarang}
      formDatas.ajukanContohBarang = 'Y'
      this.setState({
        checked1 : e.target.checked,
        memoBarang : formDatas
      })
    }
   console.log('apakah ini ?', !this.state.checked1)
   console.log('apakah ini 2?', this.state.memoBarang)
  }
  toggleUbahLabelKem = (e) => {
    console.log('halo', e.target.checked)
    if(this.state.checked2){
      let formDatas = { ...this.state.memoBarang}
      formDatas.ajukanLabelKemasan = 'N'
      this.setState({
        checked2 : e.target.checked,
        memoBarang : formDatas
      })
    }else{
      let formDatas = { ...this.state.memoBarang}
      formDatas.ajukanLabelKemasan = 'Y'
      this.setState({
        checked2 : e.target.checked,
        memoBarang : formDatas
      })
    }
    console.log('apakah ini ?', !this.state.checked2)
    console.log('apakah ini 2?', this.state.memoBarang)

  }
  toggleUbahKb = (e) => {
    console.log('halo555', e.target.checked)
    if(this.state.checked3){
      let formDatas = { ...this.state.memoBarang}
      formDatas.ajukanKatalogBarang = 'N'
      this.setState({
        checked3 : e.target.checked,
        memoBarang : formDatas
      })
    }else{
      let formDatas = { ...this.state.memoBarang}
      formDatas.ajukanKatalogBarang = 'Y'
      this.setState({
        checked3 : e.target.checked,
        memoBarang : formDatas
      })
    }
    console.log('apakah ini ?', !this.state.checked2)
    console.log('apakah ini 2?', this.state.memoBarang.ajukanKatalogBarang)
  }
  toggleUbahFb = (e) => {
    console.log('halo555', e.target.checked)
    if(this.state.checked4){
      let formDatas = { ...this.state.memoBarang}
      formDatas.ajukanFoto= 'N'
      this.setState({
        checked4 : e.target.checked,
        memoBarang : formDatas
      })
    }else{
      let formDatas = { ...this.state.memoBarang}
      formDatas.ajukanFoto= 'Y'
      this.setState({
        checked4 : e.target.checked,
        memoBarang : formDatas
      })
    }
    console.log('apakah ini ?', !this.state.checked4)
    console.log('apakah ini 2?', this.state.memoBarang.ajukanKatalogBarang)
  }
  toggleUbahLk = (e) => {
    console.log('halo555', e.target.checked)
    if(this.state.checked5){
      let formDatas = { ...this.state.memoBarang}
      formDatas.ajukanLabelBarang = 'N'
      this.setState({
        checked5 : e.target.checked,
        memoBarang : formDatas
      })
    }else{
      let formDatas = { ...this.state.memoBarang}
      formDatas.ajukanLabelBarang = 'Y'
      this.setState({
        checked5 : e.target.checked,
        memoBarang : formDatas
      })
    }
    console.log('apakah ini ?', !this.state.checked2)
    console.log('apakah ini 2?', this.state.memoBarang.ajukanKatalogBarang)
  }

localSave = () => {
  this.setState({
    saveLocal : true,
    loadingLocal : true
  })
  setTimeout(()=>{
    this.setState({
        loadingLocal : false
    })
    swal.fire("Sukses!", "Memo Pemeriksaan berhasil dikirim. Pemeriksa Fisik Barang akan mendapatkan Instruksi Pemeriksaan dengan catatan sesuai dengan memo yang telah dikirim.", "success");
 }, 3000)

  if(this.state.saveLocal == true){

    let b = {...this.state.sementara}
    try{
      var newSave = {
        idLhpMemoBarang : b.idLhpMemoBarang,
        idBarang : b.idBarang,
        idLhpMemoDokumen : b.idLhpMemoDokumen,
        memoBarang : b.memoBarang
      }
    }catch(e){
    console.log(e)
    }
    this.props.setMultiSave(newSave)

  }else{
  // this.props.resetSave();

  }
console.log('wew', this.state.sementara)
// console.log('cui',this.state.memoDetail)

// console.log('apaaa', this.props.pfpd.savePeriksaFisik)
// }
}


  inputChange = event => {

    event.preventDefault();
    let myData = { ...this.state.memoBarang }
    myData[event.target.name] = event.target.value

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

  }
  getMemoPemeriksaan = () => {
    this.setState({
      loadingData : true
    })
    axios({
      method : 'GET',
      url : process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/memo-pemeriksaan/TPB_16449292',
      headers : {'beacukai-api-key' : process.env.REACT_APP_SECRET_KEY_PFPD}
    })
    .then(res=> {

      const responseMemo = res.data.data[4]

      console.log("[debug] Server Mute : ", responseMemo);

      this.setState({
        memoBarang : responseMemo,
        loadingData : false,
        checked1 : responseMemo.ajukanContohBarang === "Y" ? true : false ,
        checked2 : responseMemo.ajukanFoto === "Y" ? true : false,
        checked3 : responseMemo.ajukanKatalogBarang === "Y" ? true : false,
        checked4 : responseMemo.ajukanLabelBarang === "Y" ? true : false,
        checked5 : responseMemo.ajukanLabelKemasan === "Y" ? true : false
      })
      // console.log('uy', data.ajukanContohBarang)
    })
    .catch(err => {
      this.setState({
        loadingDara : false
      })
      console.log(err)
    })
  }
  getMemoBarang = () => {
    this.setState({
      loadingDara : true
    })
    axios({
      method : 'GET',
      url : process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/memo-pemeriksaan-per-barang/12',
      headers : {'beacukai-api-key' : process.env.REACT_APP_SECRET_KEY_PFPD}
    })
    .then(res=> {
      const response = res.data.data

      // Logic
      let seriBarang = [];
      let newResultData = [];

      // Urutkan Seri Barang
      for (let i = 0; i < Object.keys(response).length; i++) {
        seriBarang.push(Object.values(response)[i].seriBarang);
      }
      seriBarang.sort((a, b) => { return a - b })

      // Cari Seri Barang kemudian Urutkan Response Data
      for (let i = 0; i < seriBarang.length; i++) {
        for (let j = 0; j < seriBarang.length; j++) {
          if (Object.values(response)[j].seriBarang === seriBarang[i]) {
            newResultData.push(Object.values(response)[j]);
            break;
          }
        }
      }

      this.setState({
        memoPerBarang : newResultData,
        loadingData : false
      })
    })
    .catch(err => {
      this.setState({
        loadingDara : false
      })
      console.log(err)
    })
  }
  onChangeMemo = (event) => {
    console.log(event)
    event.preventDefault();
    let formDatas = {...this.state.sementara}
    formDatas[event.target.name] = event.target.value
    this.setState({
      sementara : formDatas
    })
  }

  onSubmit = () => {
    // // e.preventDefault();

    /*
    this.setState({
      loadingData : true
    })
    */

    /*
      formData: {
        ajukanContohBarang: '',
        ajukanFoto: '',
        ajukanKatalogBarang: '',
        ajukanLabelBarang: '',
        ajukanLabelKemasan: '',
        idHeader: this.props.input.idHeader,
        idLhpMemoDokumen: '',
        lokasiRekamMemo: '',
        memoHeader: '',
        nipPfpd: '197301151999031002',
        waktuRekamMemo: ''
      }

      checked1 : responseMemo.ajukanContohBarang === "Y" ? true : false ,
      checked2 : responseMemo.ajukanFoto === "Y" ? true : false,
      checked3 : responseMemo.ajukanKatalogBarang === "Y" ? true : false,
      checked4 : responseMemo.ajukanLabelBarang === "Y" ? true : false,
      checked5 : responseMemo.ajukanLabelKemasan === "Y" ? true : false
    */

    let postData = { ...this.state.formData }

    // Set Data
    postData.ajukanContohBarang = this.state.checked1 ? "Y" : "";
    postData.ajukanFoto = this.state.checked2 ? "Y" : "";
    postData.ajukanKatalogBarang = this.state.checked3 ? "Y" : "";
    postData.ajukanLabelBarang = this.state.checked4 ? "Y" : "";
    postData.ajukanLabelKemasan = this.state.checked5 ? "Y" : "";

    console.log("[debug] formData : ", postData);

    /*
    axios({
      method: 'post',
      url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/rekam-memo-pemeriksaan/',
      data: this.state.formData,
      headers : {'beacukai-api-key' : process.env.REACT_APP_SECRET_KEY_PFPD}
    }).then(res => {
      this.setState({
        loadingData : false
      })
      swal.fire("Sukses!", "Data Memo Berhasil disimpan", "success");
    }).catch(err => {
      this.setState({
        loadingData : false
      })
      console.log(err)
    })
    */

    // console.log('klik', JSON.stringify(this.state.formData, null, 1))
    // console.log('klik2', JSON.stringify(this.state.memoBarang, null, 1))
  }

  onSubmit2 = () => {
    axios({
      method: 'post',
      url: process.env.REACT_APP_PFPD + '/pemeriksaan-dokumen/rekam-memo-barang',
      data: this.state.sementara,
      headers : {'beacukai-api-key' : process.env.REACT_APP_SECRET_KEY_PFPD}
    }).then(res => {
        console.log(res)
      swal.fire("Sukses!", "Data Memo Berhasil disimpan", "success");
    }).catch(err => {
      this.setState({
        // loadingData : false
      })
      console.log(err)
    })
  }
  onSend = () =>{
    this.onSubmit2();
  }
  onSelectChange = selectedRowKeys => {
    console.log('selectedRowKeys changed: ', selectedRowKeys);
    this.setState({ selectedRowKeys });
  };

  /*
  setRowClassName = (record) => {
    return record.idLhpMemoBarang === this.props.pfpd.savePeriksaFisik.idLhp ? 'clickRowStyl' : '';
  }
  */

  getColumnSearchProps = (dataIndex, dataTitle) => ({
    filterDropdown: ({ setSelectedKeys, selectedKeys, confirm, clearFilters }) => (
      <div style={{ padding: 8 }}>
        <Input
          ref={node => {
            this.searchInput = node;
          }}
          placeholder={`Cari ${dataIndex}`}
          value={selectedKeys[0]}
          onChange={e => setSelectedKeys(e.target.value ? [e.target.value] : [])}
          onPressEnter={() => this.handleSearch(selectedKeys, confirm, dataIndex)}
          style={{ width: 188, marginBottom: 8, display: 'block' }}
        />
        <Button
          type="primary"
          onClick={() => this.handleSearch(selectedKeys, confirm, dataIndex)}
          icon="search"
          size="small"
          style={{ width: 90, marginRight: 8 }}
        >
          Search
        </Button>
        <Button onClick={() => this.handleReset(clearFilters)} size="small" style={{ width: 90 }}>
          Reset
        </Button>
      </div>
    ),
    filterIcon: filtered => (
      <Icon type="search" style={{ color: filtered ? '#1890ff' : undefined }} />
    ),
    onFilter: (value, record) => record[dataIndex] !== null ? record[dataIndex].toString().toLowerCase().includes(value.toLowerCase()) : "",
    onFilterDropdownVisibleChange: visible => {
      if (visible) {
        setTimeout(() => this.searchInput.select());
      }
    }
  });

  handleSearch = (selectedKeys, confirm, dataIndex) => {
    confirm();
    this.setState({
      searchText: selectedKeys[0],
      searchedColumn: dataIndex,
    });
  };

  handleReset = clearFilters => {
    clearFilters();
    this.setState({ searchText: '' });
  };


  render() {
    // console.log("[debug] Memo Barang : ", this.state.memoBarang)
    console.log(this.state.memoPerBarang)
    const data = this.state.memoPerBarang;
    const { formLayout } = this.state;
    const formItemLayout =
      formLayout === 'horizontal'
        ? {
          labelCol: { span: 3 },
          wrapperCol: { span: 19 },
        }
        : null;
        const columns = [
          {
            title: 'Seri Barang',
            dataIndex: 'seriBarang',
            width : '10%',
            sorter: (a, b) => a.seriBarang - b.seriBarang
          },
          {
            title: 'HS Code',
            dataIndex: 'posTarif',
            width : '20%',
            ...this.getColumnSearchProps('posTarif', "HS Code")
          },
          {
            title: 'Uraian Barang',
            dataIndex: 'uraian',
            width : '30%',
            ...this.getColumnSearchProps('uraian', "Uraian Barang")
          },
          {
            title: 'Satuan',
            dataIndex: 'kodeSatuanBarang',
            width : '10%',
            ...this.getColumnSearchProps('kodeSatuanBarang', "Satuan")
          },
          {
            title: 'Satuan',
            dataIndex: 'memoBarang',
            width : '40%',
            ...this.getColumnSearchProps('memoBarang', "Satuan")
          },
        ]



    return (
      <div>
        <div>

          {/* <Card title="Perekaman Memo Pemeriksaan Barang"> */}

          <Card size="small"
            title="Rekam Memo Pemeriksaan" style={{ width: "99%" }}
            extra={
              <Button className="pull-right" type="primary" ghost onClick={this.onSubmit}>
                <i class="fas fa-save" style={{ marginRight: 8 }} />
                Simpan
          </Button>
            }>
            <Row className="m-2">
              <Spin spinning={this.state.loadingData} tip="Loading .. Send Data">
              <Col lg={12} md={24}>
                <Checkbox.Group onChange={onChange} options={this.state.memoBarang}/>
                <Col lg={15}>
                  <Checkbox value='1' checked={ this.state.checked1 } onChange={this.toggleUbahCb} name="ajukanContohBarang">Ajukan contoh barang jika memungkinkan</Checkbox> <br />
                  <Checkbox value='2' checked={ this.state.checked2 } onChange={this.toggleUbahLabelKem} name="ajukanLabelKemasan" style={{ marginLeft: 0 }}>Ajukan Label kemasan</Checkbox> <br />
                  <Checkbox value='3' checked={ this.state.checked3 } onChange={this.toggleUbahKb} name="ajukanKatalogBarang" style={{ marginLeft: 0 }}>Ajukan katalog barang jika ada</Checkbox>
                </Col>

                <Col lg={9}>
                  <Checkbox value='4' checked={ this.state.checked4 } onChange={this.toggleUbahFb} name="ajukanFotoBarang">Ajukan foto</Checkbox> <br />
                  <Checkbox value='5' checked={ this.state.checked5 } onChange={this.toggleUbahLk} name="ajukanLabelBarang" style={{ marginLeft: 0 }}>Ajukan label Barang</Checkbox>
                </Col>

              </Col>
              <br />
              <Col lg={12} md={24}>
                <p>Memo Pemeriksaan :</p>
                <TextArea rows={4}
                  name="memoHeader"
                  onChange={this.inputChange}
                  value={this.state.memoBarang.memoHeader != null ? this.state.memoBarang.memoHeader : this.state.memoBarang.memoHeader } />

              </Col>
              </Spin>
            </Row>
          </Card>

          <Divider dashed />
          <Spin spinning={this.state.loadingLocal} tip="Loading .. Send Data">
          <Row gutter={8}>
            <Col lg={14} md={24}>
              <Card size="small" title="Daftar Barang"  >

                <Row>
                  <div>

      <Spin spinning={this.state.loadingData} tip="Loading Mengambil Data Memo..">
                  <Table
                   columns={columns}
                   dataSource={this.state.memoPerBarang}
                   size="middle"
                   onRow={(record, dataIndex)=> this.onClickRow(record)}
                   rowClassName={this.setRowClassName}
                   scroll={{ x: 1300 }}
                   />
                   </Spin>

</div>
                </Row>
              </Card>
            </Col>

            <Col lg={10} md={24}>
              <Card
                style={{ height: 700, paddingBottom : 30 }}
                size="small"
                title="Memo Per Barang"
                extra={
                  <Button className="pull-right" type="primary" ghost onClick={this.localSave}>
                    <i class="fas fa-save" style={{ marginRight: 8 }} />
                    Simpan
              </Button>
                }
              >


                  <Row gutter={8} >
                    <Col span={24}>
                      <label>Memo Pemeriksaan Per Barang</label>
                    </Col>
                    <Col span={24}>

                      <TextArea rows={4}  name="memoBarang"  onChange={this.onChangeMemo}
                      value={this.state.sementara.memoBarang != null ?        this.state.sementara.memoBarang : this.state.sementara.memoBarang}
                              // value={this.props.pfpd.savePeriksaFisik.memoBarang != undefined ? `${this.props.pfpd.savePeriksaFisik.memoBarang}` : this.state.memoDetail.memoBarang}
                    />
                    </Col>
                  </Row>
             {/* HS KODE */}
                  <Row gutter={8} >

                    <Col span={12}>
                      <Col span={24}>
                        <label>HS Code</label>
                      </Col>
                      <Col span={24}>
                        <Input disabled value={this.state.memoDetail.posTarif != undefined ? `${this.state.memoDetail.posTarif}` : null} />
                      </Col>
                    </Col>

                    <Col span={12}>
                      <Col span={24}>
                        <label>Seri Barang</label>
                      </Col>
                      <Col span={24}>
                        <Input disabled value={this.state.memoDetail.seriBarang != undefined ? `${this.state.memoDetail.seriBarang}` : null} />
                      </Col>
                    </Col>
                  </Row>

                  {/* Uraian Barang  */}
                  <Row gutter={8}>
                    <Col span={24}>
                      <label>Uraian Barang</label>
                    </Col>
                    <Col span={24}>
                      <TextArea  disabled
                       value={this.state.memoDetail.uraian != undefined ? `${this.state.memoDetail.uraian}` : null}

                       rows={2}/>
                    </Col>
                  </Row>

                  {/* Jenis Satuan */}
                  <Row gutter={8}>
                    <Col span={12}>
                      <Col span={24}>
                        <label>Satuan</label>
                      </Col>
                      <Col span={24}>
                        <Input disabled value={this.state.memoDetail.kodeSatuanBarang != undefined ? `${this.state.memoDetail.kodeSatuanBarang}` : null} />
                      </Col>
                    </Col>

                    <Col span={12}>
                      <Col span={24}>
                        <label>Jumlah Satuan</label>
                      </Col>
                      <Col span={24}>
                        <Input disabled value={this.state.memoDetail.jumlahSatuan != undefined ? `${this.state.memoDetail.jumlahSatuan}` : null}  />
                      </Col>
                    </Col>
                  </Row>

                  {/* Jenis Kemasan */}
                  <Row gutter={8}>
                    <Col span={12}>
                      <Col span={24}>
                        <label>Jenis Kemasan</label>
                      </Col>
                      <Col span={24}>
                        <Input disabled value={this.state.memoDetail.kodeJenisKemasan != undefined ? `${this.props.pfpd.savePeriksaFisik.kodeJenisKemasan}` : null} />
                      </Col>
                    </Col>

                    <Col span={12}>
                      <Col span={24}>
                        <label>Jumlah Kemasan</label>
                      </Col>
                      <Col span={24}>
                        <Input disabled value={this.state.memoDetail.jumlahKemasan != undefined ? `${this.state.memoDetail.jumlahKemasan}` : null}/>
                      </Col>
                    </Col>
                  </Row>

                  {/* Negara Asal */}
                  <Row gutter={8}>
                    <Col span={12}>
                      <Col span={24}>
                        <label>Negara Asal</label>
                      </Col>
                      <Col span={24}>
                        <Input disabled  value={this.state.memoDetail.kodeNegaraAsal && this.state.memoDetail.namaNegaraAsal != undefined ? `${this.state.memoDetail.kodeNegaraAsal} - ${this.state.memoDetail.namaNegaraAsal}` : null}/>
                      </Col>
                    </Col>

                    <Col span={12}>
                      <Col span={24}>
                        <label>Negara Pemasok</label>
                      </Col>
                      <Col span={24}>
                        <Input disabled value={this.state.memoDetail.kodeNegaraPemasok && this.state.memoDetail.namaNegaraPemasok != undefined ? `${this.state.memoDetail.kodeNegaraPemasok} - ${this.state.memoDetail.namaNegaraPemasok}` : null} />
                      </Col>
                    </Col>
                    <br/>
                    <br/>

                  </Row>

              </Card>
            </Col>
          </Row>
</Spin>
          {/* <Divider /> */}

          {/* <Button  className="pull-right" type="danger" style={{ marginRight: 8 }}>
        <i className="fa fa-times" style={{ marginRight: 8 }} />
        Batal
        </Button> */}
          <Row type="flex" justify="end" style={{ margin: 15}}>
        <Button className="pull-right" type="primary" onClick={this.onSend}>
        <i class="fa fa-paper-plane" aria-hidden="true" style={{ marginRight: 8}}></i>
        Kirim Memo Pemeriksaan
        </Button>
        </Row>

          {/* </Card> */}
        </div>
      </div>
    );
  }
}


const mapStateToProps = (state) => ({
  pfpd: state.pfpd || [],
  current_data: state.pfpd.current_data || {},
  input: state.core.input || [],
  save : state.pfpd.savePeriskaFisik || {}
});

const mapDispatchToProps = {
  setMultiSave,
  setSave,
  resetSave
};

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