<template>
  <div class="eibs-tab">
    <el-col :span="12" style="padding-right: 20px;">
      <el-card class="box-card">
        <c-col :span="24">
          <c-ptap-ext
            :argadr="{ title: 'Ordering Institution(52a)', extCodes:['setmod', 'setglg', 'setgll', idx], grp: 'setgrp', rol: 'ori' }"
            :isFieldLabelVisible="true" :isAdrblk="true" :disabled="true" :model="model" ptytyp="B"
            @handleChange="handleChangePtspta('ori')">
          </c-ptap-ext>
        </c-col>
      </el-card>
      <el-card class="box-card">
        <c-col :span="24">
          <el-form-item label="Intermediary Account" :prop="'setmod.setglg.setgll.' + idx + '.sespay.intacc'">
            <c-input v-model="model.setmod.setglg.setgll[idx].sespay.intacc" maxlength="34" placeholder="">
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-ptap-ext
            :argadr="{ title: 'Intermediary(56a)', extCodes:['setmod', 'setglg', 'setgll', idx], grp: 'setgrp', rol: 'int' }"
            :isFieldLabelVisible="true" :isAdrblk="true" :disabled="model.setmod.setglg.setgll[idx].setgrp.int.pts.ptainr !== ''" :model="model" ptytyp="B,F"
            @handleChange="handleChangePtspta('int')">
          </c-ptap-ext>
        </c-col>
      </el-card>
    </el-col>

    <el-col :span="12" style="padding-left: 20px;">
      <el-card class="box-card">
        <c-col :span="24">
          <el-form-item label="Acc.w.Instit.Account" :prop="'setmod.setglg.setgll.' + idx + '.sespay.awiacc'">
            <c-input v-model="model.setmod.setglg.setgll[idx].sespay.awiacc" maxlength="34" placeholder="">
            </c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-ptap-ext
            :argadr="{ title: 'Account with Institution / Account(57a)', extCodes:['setmod', 'setglg', 'setgll', idx], grp: 'setgrp', rol: 'awi' }"
            :isFieldLabelVisible="true" :isAdrblk="true" :disabled="model.setmod.setglg.setgll[idx].setgrp.awi.pts.ptainr !== ''" :model="model" ptytyp="B"
            @handleChange="handleChangePtspta('awi')">
          </c-ptap-ext>
        </c-col>
      </el-card>
      <el-card class="box-card">
        <c-col :span="24">
          <el-form-item :prop="'setmod.setglg.setgll.' + idx + '.sespay.benoptfflg'" class="checkbox-left">
            <c-checkbox v-model="model.setmod.setglg.setgll[idx].sespay.benoptfflg" true-label="X" false-label="">Use
              Opt.
              F</c-checkbox>
          </el-form-item>
        </c-col>
      </el-card>

    </el-col>
  </div>
</template>
<script>
  import event from "../event";
  import commonDepend from "~/mixin/commonDepend.js";
  export default {
    inject: ["root"],
    props: ["model", "codes", "idx"],
    mixins: [event, commonDepend],
    data() {
      return {};
    },
    methods: {
      handleChangePtspta(prop) {
        this.customAddModify(this.model.setmod.setglg.setgll[this.idx].setgrp, prop);
      },
      handleChangeSespay(prop) {
        this.customAddModify(this.model.setmod.setglg.setgll[this.idx].sespay, prop);
      },

    }
  };
</script>
<style>
</style>