<template>
  <div class="eibs-tab">
    <c-collapse v-model="activeNames">
      <el-collapse-item title="Details" name="utlp">
        <m-utlp :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item title="Parties" name="ptyp">
        <m-ptyp :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item title="Discrepancies/Refusal Details" name="brtdcrd">
        <m-brtdcrd :model="model" :codes="codes" />
      </el-collapse-item>

      <el-collapse-item v-if="this.model.brdgrp.rec.advtyp == '750'" title="Advice of Discrepancy" name="mt750p">
        <m-mt750p :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item v-if="this.model.brdgrp.rec.advtyp == '754'" title="Advice of Payment" name="mt754p">
        <m-mt754p :model="model" :codes="codes" />
      </el-collapse-item>
      <el-collapse-item v-if="this.model.brdgrp.rec.advtyp == 'OTH'" title="Advice Details" name="othadvtypp">
        <m-othadvtypp :model="model" :codes="codes" />
      </el-collapse-item>
    </c-collapse>
  </div>
</template>

<script>
import event from "../event";
import Utlp from "./Utlp";
import Ptyp from "./Ptyp";
import Brtdcrd from "./Brtdcrd";
import Mt750p from "./Mt750p";
import Mt754p from "./Mt754p";
import Othadvtypp from "./Othadvtypp";

export default {
  components: {
    "m-utlp": Utlp,
    "m-brtdcrd": Brtdcrd,
    "m-mt750p": Mt750p,
    "m-ptyp": Ptyp,
    "m-mt754p": Mt754p,
    "m-othadvtypp": Othadvtypp,
  },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {
      activeNames: ["utlp"],
    };
  },
  methods: {},
  created: function () {},
};
</script>

<style></style>