/**
 * 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('./../../../../../resources/assets/js/bootstrap');

import Vue from 'vue';

import Global from './../../../../../resources/assets/js/mixins/global';

import Form from './../../../../../resources/assets/js/plugins/form';

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

    mixins: [
        Global
    ],

    data() {
        return {
            form: new Form('offline-payments')
        }
    },

    methods:{
        onEdit(event) {
            var code = event.target.dataset.code;
            this.form.loading = true;

            axios.post('offline-payments/get', {
                code: code
            })
            .then(response => {
                this.form.name = response.data.data.name;
                this.form.code = response.data.data.code;
                this.form.customer = response.data.data.customer;
                this.form.order = response.data.data.order;
                this.form.description = response.data.data.description;
                this.form.update = response.data.data.update;
                this.form.loading = false;
            })
            .catch(error => {
                this.form.loading = false;
            });
        },

        onDelete() {
            axios({
                method: 'DELETE',
                url: 'offline-payments/delete',
                data: {
                    code: this.confirm.code
                }
            })
            .then(response => {
                if (response.data.success) {
                    var type = (response.data.success) ? 'success' : 'warning';

                    this.$notify({
                        message: response.data.message,
                        timeout: 5000,
                        icon: 'fas fa-bell',
                        type
                    });

                    document.getElementById('method-' + this.confirm.code).remove();

                    this.confirm.code = '';
                    this.confirm.title = '';
                    this.confirm.message = '';

                    this.confirm.show = false;
                }
            })
            .catch(error => {
                this.success = false;
            });
        }
    }
});