<template>
  <div class="eibs-tab">

    <!-- ============ Document received info ================= -->
    <c-col :span="24">
      <!-- ============左边================= -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <div class="custom-box-wrap">
              <el-form-item label="Total Document Amount of 1st Ben." prop="btdgrp.cbs.max.cur">
                <c-select-cur v-model="model.btdgrp.cbs.max.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
                </c-select-cur>
              </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="btdgrp.cbs.max.amt">
                <c-input-currency :currency="model.btdgrp.cbs.max.cur" @change="changeMaxamt" v-model="model.btdgrp.cbs.max.amt"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap" v-if="clacMaxamt">
            <el-form-item label="Original" prop="oldbtdgrp.cbs.max.cur">
              <c-select-cur v-model="model.oldbtdgrp.cbs.max.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
              </c-select-cur>
            </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="oldbtdgrp.cbs.max.amt">
                <c-input-currency :currency="model.oldbtdgrp.cbs.max.cur" v-model="model.oldbtdgrp.cbs.max.amt" disabled></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <!-- S0000049 : Total Additional Amount of 1st Ben. -->

        <c-col :span="24">
          <div class="custom-box-wrap">
              <el-form-item label="Total Additional Amount of 1st Ben." prop="btdgrp.cbs.max2.cur">
                <c-select-cur v-model="model.btdgrp.cbs.max2.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
                </c-select-cur>
              </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="btdgrp.cbs.max2.amt">
                <c-input-currency :currency="model.btdgrp.cbs.max2.cur" @change="changeMax2Amt" v-model="model.btdgrp.cbs.max2.amt"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap" v-if="clacMaxamt">
            <el-form-item label="Original" prop="oldbtdgrp.cbs.max2.cur">
              <c-select-cur v-model="model.oldbtdgrp.cbs.max2.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
              </c-select-cur>
            </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="oldbtdgrp.cbs.max2.amt">
                <c-input-currency :currency="model.oldbtdgrp.cbs.max2.cur" v-model="model.oldbtdgrp.cbs.max2.amt" disabled></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <!-- S0000047 : Document Amount of 2nd Beneficiary -->
        <c-col :span="24">
          <div class="custom-box-wrap">
              <el-form-item label="Document Amount of 2nd Beneficiary " prop="btdgrp.cbs.max.cur">
                <c-select-cur v-model="model.btdgrp.cbs.max.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
                </c-select-cur>
              </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="btdgrp.be2amt">
                <c-input-currency :currency="model.btdgrp.cbs.max.cur" @change="changeBe2amt" v-model="model.btdgrp.be2amt"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap" v-if="clacBe2amt">
            <el-form-item label="Original" prop="oldbtdgrp.cbs.opnbe1amt.cur">
              <c-select-cur v-model="model.oldbtdgrp.cbs.opnbe1amt.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
              </c-select-cur>
            </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="oldbtdgrp.be2amt">
                <c-input-currency :currency="model.oldbtdgrp.cbs.opnbe1amt.cur" v-model="model.oldbtdgrp.be2amt" disabled></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <!-- S0000049 : Additional Amount for 2nd Beneficiary -->
        <c-col :span="24">
          <div class="custom-box-wrap">
              <el-form-item label="Additional Amount for 2nd Beneficiary" prop="btdgrp.cbs.max2.cur">
                <c-select-cur v-model="model.btdgrp.cbs.max2.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
                </c-select-cur>
              </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="btdgrp.be2amt2">
                <c-input-currency :currency="model.btdgrp.cbs.max2.cur" v-model="model.btdgrp.be2amt2" disabled></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap" v-if="clacBe2amt">
            <el-form-item label="Original" prop="oldbtdgrp.cbs.opnbe1amt.cur">
              <c-select-cur v-model="model.oldbtdgrp.cbs.opnbe1amt.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
              </c-select-cur>
            </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="oldbtdgrp.be2amt2">
                <c-input-currency :currency="model.oldbtdgrp.cbs.opnbe1amt.cur" v-model="model.oldbtdgrp.be2amt2" disabled></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <!-- S0000052 : Difference Document 1st Beneficiary -->
        <c-col :span="24">
          <div class="custom-box-wrap">
              <el-form-item label="Difference Document Amount of 1st Ben. " prop="btdgrp.cbs.opnbe1amt.cur">
                <c-select-cur v-model="model.btdgrp.cbs.opnbe1amt.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
                </c-select-cur>
              </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="btdgrp.cbs.opnbe1amt.amt">
                <c-input-currency :currency="model.btdgrp.cbs.opnbe1amt.cur" @change="changeOpnbe1amt" v-model="model.btdgrp.cbs.opnbe1amt.amt"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>
        <c-col :span="24">
          <div class="custom-box-wrap" v-if="clacOpnbe1amt">
            <el-form-item label="Original" prop="oldbtdgrp.cbs.opnbe1amt.cur">
              <c-select-cur v-model="model.oldbtdgrp.cbs.opnbe1amt.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
              </c-select-cur>
            </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="oldbtdgrp.cbs.opnbe1amt.amt">
                <c-input-currency :currency="model.oldbtdgrp.cbs.opnbe1amt.cur" v-model="model.oldbtdgrp.cbs.opnbe1amt.amt" disabled></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <!-- S0000049 : Difference Additional Amount for 1st Ben. -->
        <c-col :span="24">
          <div class="custom-box-wrap">
              <el-form-item label="Difference Additional Amount for 1st Ben." prop="btdgrp.cbs.opnbe1amt2.cur">
                <c-select-cur v-model="model.btdgrp.cbs.opnbe1amt2.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
                </c-select-cur>
              </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="btdgrp.cbs.opnbe1amt2.amt">
                <c-input-currency :currency="model.btdgrp.cbs.opnbe1amt2.cur" @change="changeOpnbe1amt2" v-model="model.btdgrp.cbs.opnbe1amt2.amt"></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

        <c-col :span="24">
          <div class="custom-box-wrap" v-if="clacOpnbe1amt">
            <el-form-item label="Original" prop="oldbtdgrp.cbs.opnbe1amt2.cur">
              <c-select-cur v-model="model.oldbtdgrp.cbs.opnbe1amt2.cur" style="width: 115px" placeholder="请选择币种" dbCode="curtxt" sort="SRT" disabled>
              </c-select-cur>
            </el-form-item>
            <div class="box-3">
              <el-form-item label="" label-width="5px" prop="oldbtdgrp.cbs.opnbe1amt2.amt">
                <c-input-currency :currency="model.oldbtdgrp.cbs.opnbe1amt2.cur" v-model="model.oldbtdgrp.cbs.opnbe1amt2.amt" disabled></c-input-currency>
              </el-form-item>
            </div>
          </div>
        </c-col>

      </c-col>

      <!-- ============右边================= -->
      <c-col :span="12" style="padding-left: 20px">
        <!--<c-col :span="24">
                    <el-form-item class="checkbox-left">
                        <c-checkbox v-model="model.btdgrp.rec.dscinsflg">{{('Enter Docs, Discrep. and Instructions')}}
                        </c-checkbox>
                    </el-form-item>
                </c-col>-->
        <!-- SF000006 : 1st Beneficiary -->

        <!-- SF000059 : Docs received on -->
        <!-- S0000060 : Order Date -->

        <c-col :span="24">
          <el-form-item label="1st Beneficiary docs received on" prop="btdgrp.rec.rcvdatbe1">
            <c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe1" style="width:100%"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="1st Beneficiary order Date " prop="btdgrp.rec.orddatbe1">
            <c-date-picker type="date" v-model="model.btdgrp.rec.orddatbe1" style="width:100%"></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- </el-card> -->

        <c-col :span="24">
          <el-form-item label="2nd Beneficiary docs received on" prop="btdgrp.rec.rcvdatbe2">
            <c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe2" style="width:100%" disabled></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="2nd Beneficiary order Date " prop="btdgrp.rec.orddatbe2">
            <c-date-picker type="date" v-model="model.btdgrp.rec.orddatbe2" style="width:100%"></c-date-picker>
          </el-form-item>
        </c-col>

        <!-- SF000009 : Shipped on -->
        <c-col :span="24">
          <el-form-item label="Date of Shipment" prop="btdgrp.rec.shpdat">
            <c-date-picker type="date" v-model="model.btdgrp.rec.shpdat" style="width:100%" :placeholder="$t('other.please_enter')+'Date of Shipment'"></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- S0000037 : 2nd Beneficiary -->
        <!-- S0000062 : Docs received on -->
        <!-- S0000064 : Order Date -->

        <!-- SF000010 : Document Type -->
        <c-col :span="24">
          <el-form-item label="Document Type" prop="btdgrp.rec.doctypcod">
            <c-select v-model="model.btdgrp.rec.doctypcod" style="width:100%" disabled dbCode="BRDTYP">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- SF000066 : Number of Utilizations -->
        <c-col :span="24">
          <el-form-item :label="$t('Number of Utilizations')" prop="ltdgrp.rec.utlnbr">
            <c-input v-model="model.ltdgrp.rec.utlnbr" disabled></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      doc1stBen: {
        columns: ['1 1 "1st" ', '2 2 "2nd" ', '3 3 "Document" '],
        data: []
      },
      doc2ndBen: {
        columns: ['1 1 "1st" ', '2 2 "2nd" ', '3 3 "Document" '],
        data: []
      }
    };
  },
  computed: {
    clacMaxamt(){
      return Number(this.model.btdgrp.cbs.max.amt) - Number(this.model.oldbtdgrp.cbs.max.amt) != 0
    },
    clacBe2amt(){
      return Number(this.model.btdgrp.be2amt) - Number(this.model.oldbtdgrp.be2amt) != 0
    },
    clacOpnbe1amt(){
      return Number(this.model.btdgrp.cbs.opnbe1amt.amt) - Number(this.model.oldbtdgrp.cbs.opnbe1amt.amt) != 0
    },
  },
  methods: {},
  created: function() {}
};
</script>
<style>
</style>