<template>
    <div>

        <div class="tx-13 mg-b-5" v-if="finModel.CollectAmount > 0">
            Thu hộ:
            {{ vueNumberFormat(finModel.CollectAmount,
                { precision: 0, prefix: '', suffix: 'đ', decimal: ',', thousand: '.' }) }}
        </div>
        <div class="tx-13 mg-b-5" v-if="finModel.CodFee > 0">
            Phí thu hộ:
            {{ vueNumberFormat(finModel.CodFee,
                { precision: 0, prefix: '', suffix: 'đ', decimal: ',', thousand: '.' }) }}
        </div>
        <div class="tx-13 mg-b-5" v-if="finModel.Fee > 0">
            Cước:
            {{ vueNumberFormat(finModel.Fee,
                { precision: 0, prefix: '', suffix: 'đ', decimal: ',', thousand: '.' }) }}
        </div>
        <div class="tx-13 mg-b-5" v-if="finModel.InsuranceFee > 0">
            Phí khai giá:
            {{ vueNumberFormat(finModel.InsuranceFee,
                { precision: 0, prefix: '', suffix: 'đ', decimal: ',', thousand: '.' }) }}
        </div>
        <div class="tx-13 mg-b-5" v-if="finModel.PickupSubFee > 0">
            Phụ phí lấy hàng:
            {{ vueNumberFormat(finModel.PickupSubFee,
                { precision: 0, prefix: '', suffix: 'đ', decimal: ',', thousand: '.' }) }}
        </div>
        <div class="tx-13 mg-b-5" v-if="finModel.DeliverySubFee > 0">
            Phụ phí giao hàng:
            {{ vueNumberFormat(finModel.DeliverySubFee,
                { precision: 0, prefix: '', suffix: 'đ', decimal: ',', thousand: '.' }) }}
        </div>
        <div class="tx-13 mg-b-5" v-if="finModel.Discount > 0">
            Giảm giá:
            {{ vueNumberFormat(finModel.Discount,
                { precision: 0, prefix: '', suffix: 'đ', decimal: ',', thousand: '.' }) }}
        </div>
        <div class="tx-13 mg-b-5" v-if="finModel.TotalFee > 0">
            Tổng phí:
            <b>{{ vueNumberFormat(finModel.TotalFee,
                { precision: 0, prefix: '', suffix: 'đ', decimal: ',', thousand: '.' })
                }}</b>
        </div>

        <div class="tx-13 mg-b-5">
            Phương thức TT:
            {{ finModel.PayFeeTypeStr }}
        </div>
        <div class="tx-13 mg-b-5" v-if="finModel.SourceFee > 0">
            Thu người gửi:
            {{ vueNumberFormat(finModel.SourceFee,
                { precision: 0, prefix: '', suffix: 'đ', decimal: ',', thousand: '.' })
            }}

        </div>
        <div class="tx-13 mg-b-5" v-if="finModel.SourceFee > 0 && finModel.SourceFeeCashierId > 0">
            TT cước người gửi:
            {{ finModel.SourceFeeStage }}

        </div>

        <div class="tx-13" v-if="finModel.DestFee > 0 || finModel.CollectAmount > 0">
            Thu người nhận:
            {{ vueNumberFormat(finModel.DestFee + finModel.CollectAmount,
                { precision: 0, prefix: '', suffix: 'đ', decimal: ',', thousand: '.' })
            }}

        </div>
        <div class="tx-13 mg-b-5" v-if="finModel.DestFee > 0 && finModel.DestFeeCashierId > 0">
            Trạng thái cước người nhận:
            {{ finModel.DestFeeStage }}

        </div>
    </div>
</template>
<script setup>
const props = defineProps({
    finModel: Object
});
</script>