<script>
export default {
    mounted() {
        this.$store.dispatch("setCurrentAccount", {budgetid: this.budgetid, accountid: this.accountid})
    },
    props: ["budgetid", "accountid"]
}
</script>

<template>
    <v-container>
        <table class="container col-lg-12" id="content">
            <tr v-for="transaction in $store.getters.Transactions" class="{{transaction.Date.After now ? 'future' : ''}}">
                <td>{{transaction.Date}}</td>
                <td>
                    {{transaction.Account}}
                </td>
                <td>
                    {{transaction.Payee}}
                </td>
                <td>
                    {{transaction.CategoryGroup ? transaction.CategoryGroup + " : " + transaction.Category : ""}}
                </td>
                <td>
                    {{transaction.GroupID ? "☀" : ""}}
                </td>
                <td>
                    <a :href="'/budget/'+$store.getters.CurrentBudget.ID+'/transaction/'+transaction.ID">{{transaction.Memo}}</a>
                </td>
                <td>
                    {{transaction.Amount}}
                </td>
                <td>
                    {{transaction.Status}}
                </td>
            </tr>
        </table>
    </v-container>
</template>