<div ng-repeat="flag in [false, true]" ng-if="flag === vm.forceRefresh">
    <div ng-init="vm.transactionCalculateData()">
        <!-- <h6 ng-if="::vm.deposit" class="padL-10"><b>{{ ::"CASH_DEPOSIT" | translate }}</b></h6>
        <h6 ng-if="::vm.withdrawal" class="padL-10"><b>{{ ::"CASH_WITHDRAWAL" | translate }}</b></h6> -->
        <h6 ng-if="::vm.specialmark && vm.specialmark === 'deposit'" class="padL-10"><b>{{ ::"CASH_DEPOSIT" | translate }}</b></h6>
        <h6 ng-if="::vm.specialmark && vm.specialmark === 'withdrawal'" class="padL-10"><b>{{ ::"CASH_WITHDRAWAL" | translate  }}</b></h6>
        <h6 ng-if="::vm.specialmark && vm.specialmark !== 'deposit' &&  vm.specialmark !== 'withdrawal'" class="padL-10"><b>{{ ::vm.specialmark }}</b></h6>
        <h6 ng-if="::vm.is_multiparty_trx" class="padL-10"><b>{{ ::"MULTIPARTY_TRANSACTION" | translate }}</b></h6>

        <div class="row">
            <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"transactionnumber" | translate }}:</dt><dd>{{::vm.form[path + '._seq(0)[0].transactionnumber[0]']}}</dd></dl></div>
            <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"internal_ref_number" | translate }}:</dt><dd>{{::vm.form[path + '._seq(0)[0].internal_ref_number[0]']}}</dd></dl></div>
            <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"date_transaction" | translate }}:</dt><dd>{{::vm.form[path + '._seq(0)[0].date_transaction[0]'] | formatDate}}</dd></dl></div>
            <!-- <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"value_date" | translate }}:</dt><dd>{{::vm.form[path + '._seq(0)[0].value_date[0]'] | formatDate}}</dd></dl></div> -->
            <div class="col-md-6" ng-if="::vm.form[path + '._seq(0)[0].transmode_code[0]']"><dl class="dl-horizontal marB-0"><dt>{{ ::"transmode_code" | translate }}:</dt><dd>{{::'conduction_type_' + vm.form[path + '._seq(0)[0].transmode_code[0]'] | translate}}</dd></dl></div>
            <div class="col-md-6" ng-if="::vm.form[path + '._seq(0)[0].transmode_comment[0]'] && vm.form[path + '._seq(0)[0].transmode_comment[0]'].indexOf(']: ') === -1"><dl class="dl-horizontal marB-0"><dt>{{ ::"transmode_comment" | translate }}:</dt><dd>{{::vm.form[path + '._seq(0)[0].transmode_comment[0]']}}</dd></dl></div>
            <div class="col-md-6" ng-if="::vm.form[path + '._seq(0)[0].transmode_comment[0]'] && vm.form[path + '._seq(0)[0].transmode_comment[0]'].indexOf(']: ') !== -1"><dl class="dl-horizontal marB-0"><dt>{{ ::"transmode_comment" | translate }}:</dt><dd>{{::vm.form[path + '._seq(0)[0].transmode_comment[0]'].substring(vm.form[path + '._seq(0)[0].transmode_comment[0]'].indexOf(']: ') + 3)}}</dd></dl></div>
            <div class="col-md-6" ng-if="!vm.is_multiparty_trx"><dl class="dl-horizontal marB-0"><dt>{{ ::"amount_local" | translate }}:</dt><dd>{{::vm.form[path + '._seq(0)[0].amount_local[0]'] | number:2}}</dd></dl></div>
            <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"transaction_description" | translate }}:</dt><dd>{{::vm.form[path + '._seq(0)[0].transaction_description[0]']}}</dd></dl></div>
            <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"transaction_location" | translate }}:</dt><dd>{{::vm.form[path + '._seq(0)[0].transaction_location[0]']}}</dd></dl></div>
        </div>
        <div ng-if="!vm.is_multiparty_trx">
            <div class="row">
                <div class="col-md-12 padT-15"></div>
            </div>
            <div class="row">
                <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt ng-if="::!vm.deposit">{{ ::"SENDER_NAME" | translate }}:</dt><dt ng-if="::vm.deposit">{{ ::"DEPOSITED_BY" | translate }}:</dt><dd>{{::vm.sendername}}</dd></dl></div>
                <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt ng-if="::!vm.withdrawal">{{ ::"RECEIVER_NAME" | translate }}:</dt><dt ng-if="::vm.withdrawal">{{ ::"DISBURSED_TO" | translate }}:</dt><dd>{{::vm.receivername}}</dd></dl></div>
            </div>

            <div class="row">
                <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"SENDER_ADDRESS" | translate }}:</dt><dd>{{::vm.senderaddress}}</dd></dl></div>
                <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"RECEIVER_ADDRESS" | translate }}:</dt><dd>{{::vm.receiveraddress}}</dd></dl></div>
            </div>

            <div class="row" ng-if="::vm.senderbank || vm.receiverbank">
                <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"SENDER_BANK" | translate }}:</dt><dd>{{::vm.senderbank}}</dd></dl></div>
                <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"RECEIVER_BANK" | translate }}:</dt><dd>{{::vm.receiverbank}}</dd></dl></div>
            </div>

            <div class="row" ng-if="::vm.senderiban || vm.receiveriban || vm.senderaccount || vm.receiveraccount">
                <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"SENDER_IBAN" | translate }}:</dt><dd>{{::(vm.senderiban ? vm.senderiban : vm.senderaccount)}}</dd></dl></div>
                <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"RECEIVER_IBAN" | translate }}:</dt><dd>{{::(vm.receiveriban ? vm.receiveriban : vm.receiveraccount)}}</dd></dl></div>
            </div>

            <div class="row">
                <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"SENDER_MYCLIENT" | translate }}:</dt><dd>{{::vm.sendermyclient}}</dd></dl></div>
                <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"RECEIVER_MYCLIENT" | translate }}:</dt><dd>{{::vm.receivermyclient}}</dd></dl></div>
            </div>
        </div>

        <div class = "row" ng-if="vm.signatories_from || vm.signatories_to">
                <div class="col-md-12 padT-15"></div>

                <div class="col-md-6"><dl class="dl-horizontal marB-0" ng-if="vm.signatories_from"><dt>{{ ::"SIGNATORIES" | translate }}:</dt><dd>{{::vm.signatories_from}}</dd></dl></div>
                <div class="col-md-6"><dl class="dl-horizontal marB-0" ng-if="vm.signatories_to"><dt>{{ ::"SIGNATORIES" | translate }}:</dt><dd>{{::vm.signatories_to}}</dd></dl></div>
        </div>

        <ol ng-if="vm.is_multiparty_trx">
            <li ng-repeat="party in vm.parties">
                <b>{{ 'party' | translate }}</b>
                <div class = "row">
                    <div class="col-md-12 padT-15"></div>

                    <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"NAME" | translate }}:</dt><dd>{{::party.name}}</dd></dl></div>
                    <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"MYCLIENT" | translate }}:</dt><dd>{{::party.myclient}}</dd></dl></div>
                    <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"BANK" | translate }}:</dt><dd>{{::party.bank}}</dd></dl></div>
                    <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"ADDRESS" | translate }}:</dt><dd>{{::party.address}}</dd></dl></div>
                    <div class="col-md-6"><dl class="dl-horizontal marB-0"><dt>{{ ::"COMMENT" | translate }}:</dt><dd>{{::party.comment}}</dd></dl></div>
                </div>
            </li>
        </ol>
    </div>
</div>
