<template>
        <ul class="nav nav-underline mb-3" id="pills-tab" role="tablist">
            <li class="nav-item nav-link" :class="{ active: $route.name === 'PaymentNotClosingReport' }"
                @click="goTo('PaymentNotClosingReport')" role="presentation">
                {{ $t('Client Payment') }}
            </li>
            <li class="nav-item nav-link" :class="{ active: $route.name === 'LoanNotClosingReport' }"
                @click="goTo('LoanNotClosingReport')" role="presentation">
                {{ $t('Loan Out Standing') }}
            </li>
        </ul>
</template>
<script>
export default {
    methods: {
        goTo(name) {
            this.$router.push({ name });
        },
    }
}

</script>
<style scoped>
.nav-link {
    cursor: pointer;
}
</style>
