<template>
  <div class="eibs-tab">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <!-- SF000104 : Our Reference -->

      <c-col :span="24">
        <el-form-item label="Our Reference" prop="cpdgrp.rec.ownref">
          <c-input v-model="model.cpdgrp.rec.ownref" maxlength="16" :placeholder="$t('other.please_enter')+'Our Reference'"></c-input>
        </el-form-item>
      </c-col>
      <!-- SF000103 : Payment Amount -->
      <c-col :span="24">
        <c-col :span="12">
          <el-form-item label="Payment Amount" prop="cpdgrp.cbs.nom1.cur">
            <c-select v-model="model.cpdgrp.cbs.nom1.cur" style="width:100%" placeholder="" dbCode="curtxt">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="5px" label="" prop="cpdgrp.cbs.nom1.amt">
            <c-input-currency :currency="model.cpdgrp.cbs.nom1.cur" v-model="model.cpdgrp.cbs.nom1.amt" :maxlength="18" style="width:100%;" placeholder=""></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
      <c-col :span="24">
        <!-- SF000113 : Received Amount -->
        <c-col :span="12">
          <el-form-item label="Received Amount" prop="cpdgrp.cbs.max.cur">
            <c-select v-model="model.cpdgrp.cbs.max.cur" style="width:100%" placeholder="" dbCode="curtxt">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="5px" label="" prop="cpdgrp.cbs.max.amt">
            <c-input-currency :currency="model.cpdgrp.cbs.max.cur" v-model="model.cpdgrp.cbs.max.amt" :maxlength="18" style="width:100%;" placeholder=""></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>
      <!-- SF000102 : Value Date -->
      <c-col :span="24">
        <el-form-item label="Value Date" prop="cpdgrp.rec.valdat">
          <c-date-picker type="date" v-model="model.cpdgrp.rec.valdat" style="width:100%" :placeholder="$t('other.please_enter')+$t('cptp0.SF000102')"></c-date-picker>
        </el-form-item>
      </c-col>
      <!-- SF000105 : Payment Type -->
      <c-col :span="24">
        <el-form-item label="Payment Type" prop="cpdgrp.rec.paytyp">
          <c-select v-model="model.cpdgrp.rec.paytyp" style="width:100%" :placeholder="$t('other.please_enter')+$t('cptp0.SF000105')">
          </c-select>
        </el-form-item>
      </c-col>
      <!-- SF000017 : Narrative -->
      <c-col :span="24">
        <el-form-item label="Narrative" prop="strinf">
          <c-input type="textarea" v-model="model.strinf" maxlength="50" show-word-limit :placeholder="$t('other.please_enter')+$t('cptcan.SF000017')"></c-input>
        </el-form-item>
      </c-col>

    </c-col>
    <!-- ======================= 右边 ========================= -->
    <c-col :span="12" style="padding-left: 20px">
      <!-- SF000110 : Name -->
      <c-col :span="24">
        <el-form-item label="Name" prop="cpdgrp.rec.nam">
          <c-input v-model="model.cpdgrp.rec.nam" maxlength="40" :placeholder="$t('other.please_enter')+$t('cptp0.SF000110')"></c-input>
        </el-form-item>
      </c-col>
      <!-- SF000106 : Ordering Customer -->
      <c-col :span="24">
        <el-form-item label="Ordering Customer" prop="cpdgrp.orc.pts.nam">
          <c-input v-model="model.cpdgrp.orc.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
        </el-form-item>
      </c-col>
      <!-- SF000109 : Ordering Institution -->
      <c-col :span="24">
        <el-form-item label="Ordering Institution" prop="cpdgrp.ori.pts.nam">
          <c-input v-model="model.cpdgrp.ori.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
        </el-form-item>
      </c-col>
      <!-- SF000108 : Paying Bank -->
      <c-col :span="24">
        <el-form-item label="Paying Bank" prop="cpdgrp.pyb.pts.nam">
          <c-input v-model="model.cpdgrp.pyb.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
        </el-form-item>
      </c-col>
      <!-- SF000107 : Payee -->
      <c-col :span="24">
        <el-form-item label="Payee" prop="cpdgrp.pye.pts.nam">
          <c-input v-model="model.cpdgrp.pye.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
      </c-col>
    </c-col>
    <!-- <c-col :span="12">
      <el-form-item label="Drag  Drop Sender" prop="cptp0.recget.sdamod.dadsnd">
        <c-input v-model="model.cptp0.recget.sdamod.dadsnd" :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
      </el-form-item>
    </c-col> -->

    <!-- <c-col :span="12">
      <el-form-item label="" prop="cptp0.recget.sdamod.seainf">
        <c-input v-model="model.cptp0.recget.sdamod.seainf" :placeholder="$t('other.please_enter')+''"></c-input>
      </el-form-item>
    </c-col> -->

  </div>
</template>
<script>
import Event from "../event";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [Event],
  data() {
    return {};
  },
  methods: {},
  created: function() {}
};
</script>
<style>
</style>