<template>
    <div>
        <jarch-dashboard :title="$t('message.sejaBemVindoContasPagarReceber')"
                         :description="$t('message.essaSolucaoPermiteGerenciamentoContaPagarReceber')">

            <jarch-dash-unity icon="fa fa-bank fa-4x" link="/banco/list"
                              :title="$t('label.bancos').concat(' '.concat(dados.quantidadeBanco | ''))"/>

            <jarch-dash-unity icon="fa fa-balance-scale fa-4x" link="/centroCusto/list"
                              :title="$t('label.centroCustos').concat(' '.concat(dados.quantidadeCentroCusto | ''))"/>

            <jarch-dash-unity icon="fa fa-object-group fa-4x" link="/contaCaixa/list"
                              :title="$t('label.contaCaixas').concat(' '.concat(dados.quantidadeContaCaixa | ''))"/>

            <jarch-dash-unity icon="fa fa-users fa-4x" link="/pessoa/list"
                              :title="$t('label.pessoas').concat(' '.concat(dados.quantidadePessoa | ''))"/>

            <jarch-dash-unity2 icon="fa fa-money fa-5x" :quantity="dados.quantidadePagas"
                               :description="$t('label.pagas')" navigator="/lancamento/list"/>

            <jarch-dash-unity2 icon="fa fa-money fa-5x" :quantity="dados.quantidadePagarVencida"
                               :description="$t('label.pagarVencidas')" navigator="/lancamento/list"/>

            <jarch-dash-unity2 icon="fa fa-money fa-5x" :quantity="dados.quantidadePagarHoje"
                               :description="$t('label.pagarHoje')" navigator="/lancamento/list"/>

            <jarch-dash-unity2 icon="fa fa-money fa-5x" :quantity="dados.quantidadePagarVencer"
                               :description="$t('label.pagarVencer')" navigator="/lancamento/list"/>

            <jarch-dash-unity2 icon="fa fa-money fa-5x" :quantity="dados.quantidadeRecebidas"
                               :description="$t('label.recebidas')" navigator="/lancamento/list"/>

            <jarch-dash-unity2 icon="fa fa-money fa-5x" :quantity="dados.quantidadeReceberVencida"
                               :description="$t('label.receberVencidas')" navigator="/lancamento/list"/>

            <jarch-dash-unity2 icon="fa fa-money fa-5x" :quantity="dados.quantidadeReceberHoje"
                               :description="$t('label.receberHoje')" navigator="/lancamento/list"/>

            <jarch-dash-unity2 icon="fa fa-money fa-5x" :quantity="dados.quantidadeReceberVencer"
                               :description="$t('label.receberVencer')" navigator="/lancamento/list"/>
        </jarch-dashboard>
    </div>
</template>

<script>
import JarchDashboard from "../dashboard/Dashboard";
import JarchDashUnity from "../dashboard/DashUnity";
import JarchDashUnity2 from "../dashboard/DashUnity2";

export default {
    name: "Home",
    components: {JarchDashboard, JarchDashUnity, JarchDashUnity2},

    data() {
        return {
            dados: {}
        }
    },
    mounted() {
        // this.$store.commit('clearMessages')
        this.loadDataDashboard();
    },
    methods: {
        async loadDataDashboard() {
            await this.$http.get('/dashboard')
                .then(res => this.dados = res.data)
                .catch(err => alert(err.message))
        }
    }
}
</script>

<style scoped>


</style>
