/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */

require('../../bootstrap');

import Vue from 'vue';

import DashboardPlugin from './../../plugins/dashboard-plugin';

import Global from '../../mixins/global';

import Form from '../../plugins/form';
import BulkAction from './../../plugins/bulk-action';

// plugin setup
Vue.use(DashboardPlugin);

const app = new Vue({
    el: '#app',

    mixins: [
        Global
    ],

    data: function () {
        return {
            form: new Form('tax'),
            bulk_action: new BulkAction(url + '/settings/taxes'),
            show: false,
            tax: {
                name: '',
                code: '',
                type: 'normal',
                enabled: 1
            },
            submit_function: ''
        }
    },

    methods: {
        onAddTax() {
            this.submit_function = 'onStoreTax';
            this.form.method = 'post';
            this.form.action = url + '/wizard/taxes';

            this.form.name = '';
            this.form.rate = '';
            this.form.type = 'normal';
            this.form.enabled = 1;

            this.show = true;
        },

        onEditTax(tax_id) {
            this.submit_function = 'onUpdateTax';
            this.form.method = 'patch';
            this.form.action = url + '/wizard/taxes/' + tax_id;

            taxes.forEach(tax => {
                if (tax.id == tax_id) {
                    this.form.name = tax.name;
                    this.form.rate = tax.rate;
                    this.form.type = tax.type;
                    this.form.enabled = tax.enabled;
                }
            });

            this.show = true;
        }
    }
});
