// Initialize Vue instance
const app = Vue.createApp({
    data() {
        return {
            licenses: [],
            email: '',
            password: '',
            errorMessage: '',
            deviceDetails: {
                serial: '',
                version: '',
                manufacturer: '',
                platform: '',
                cordova: '',
                model: '',
                uuid: '',
                isVirtual: '',
            }
        };
    }, mounted() {
        const loginContainer = document.getElementsByClassName('login-container');
        if (localStorage.getItem('token') && !localStorage.getItem('app-token') && loginContainer.length) {
            window.location.href = '/dashboard.html';
        } else if (!localStorage.getItem('token') && !localStorage.getItem('app-token') && !loginContainer.length) {
            window.location.href = '/index.html';
        } else if (localStorage.getItem('token') && !localStorage.getItem('app-token') && !loginContainer.length) {
            this.fetchLicenseData();
        }

        // Load device details from localStorage
        this.deviceDetails.serial = localStorage.getItem('serial') || 'Unknown';
        this.deviceDetails.version = localStorage.getItem('version') || 'Unknown';
        this.deviceDetails.manufacturer = localStorage.getItem('manufacturer') || 'Unknown';
        this.deviceDetails.platform = localStorage.getItem('platform') || 'Unknown';


        this.deviceDetails.cordova = localStorage.getItem('cordova') || 'Unknown';
        this.deviceDetails.model = localStorage.getItem('model') || 'Unknown';
        this.deviceDetails.uuid = localStorage.getItem('uuid') || 'Unknown';
        this.deviceDetails.isVirtual = localStorage.getItem('isVirtual') || 'Unknown';



    },
    methods: {
        async fetchLicenseData() {
            try {
                const data = {
                    token: localStorage.getItem('token')
                };
                const response = await axios.post('https://app.wbpisoft.com/api/license', data);
                if (response.status === 200) {
                    this.licenses = response.data;
                    console.log(response.data);
                } else {
                    console.log('Failed to post license data', response.status);
                }
            } catch (error) {
                console.error('Error posting license data', error);
            }
        },

        async handleLogin() {
            try {
                const response = await axios.post('https://app.wbpisoft.com/api/login', {
                    username: this.email,
                    password: this.password
                });
                if (response.status === 200) {
                    localStorage.setItem('token', response.data.token);
                    window.location.href = '/dashboard.html';
                    this.errorMessage = 'Success Login!!';
                }
            } catch (error) {
                if (error.response) {
                    this.errorMessage = error.response.data.message || 'Login failed';
                } else {
                    this.errorMessage = 'An error occurred, please try again';
                }
            }
        }
    }
});

app.mount('#app');
document.addEventListener('DOMContentLoaded', function () {
    M.AutoInit();
});