document.addEventListener('alpine:init', () => {
    Alpine.data('assayFormatMobileEdit', () => ({
        // 0. Init dijalankan sebelum inisialisasi
        init() {
            let itemEdit = localStorage.getItem('itemEditMobile');
            // console.log('itemEdit ', itemEdit);
            if (itemEdit) {
                let json = JSON.parse(itemEdit);
                console.log('itemEdit ', json);
                this.selectedInstrument = {
                    idInstrument: json.idInstrument,
                    namaInstrument: json.namaInstrument
                };

                this.assayCode = json.assayCode || '';
                this.decimalFont = json.decimalFont || '';
                this.formula = json.formula || '';
                this.idAssayFormat = json.idAssayFormat || -1;
            }
        },
        // 1. Inisialisasi Start
        loadingVerifikasi: false,
        idAssayFormat: -1,
        decimalFont: '',
        assayCode: '',
        formula: '',
        selectedInstrument: {
            idInstrument: -1,
            namaInstrument: 'Instrument'
        },
        openInstrument: false,
        dataInstrument: [
            {
                idInstrument: 1,
                namaInstrument: 'Hema 01',
            },
            {
                idInstrument: 2,
                namaInstrument: 'Axsym',
            },
            {
                idInstrument: 3,
                namaInstrument: 'Cobas C311',
            },
        ],
        hasilVerifikasi: '',
        isErrorVerifikasi: false,
        isVerifikasiDone: false,
        objForm: {
            isValidForm: false,
            idInstrument: -1,
            namaInstrument: 'Instrument',
            decimalFont: '',
            assayCode: '',
            formula: '',
        },
        // 1. Inisialisasi End
        // 2. Fungsi Start
        onChangeFormula() {
            this.objForm.formula = this.formula;
            this.validateForm();
        },
        onChangeDecimalFont() {
            this.objForm.decimalFont = this.decimalFont;
            this.validateForm();
        },
        onChangeAssayCode() {
            this.objForm.assayCode = this.assayCode;
            this.validateForm();
        },
        onChangeInstrument(item) {
            this.selectedInstrument = item;
            this.objForm.idInstrument = item.idInstrument;
            this.objForm.namaInstrument = item.namaInstrument;
            this.validateForm();
        },
        onProcessVerifikasi() {
            if(this.isVerifikasiDone == true) {
                return;
            }

            this.loadingVerifikasi = true;

            setTimeout(() => {
                this.loadingVerifikasi = false;
                this.isErrorVerifikasi = false;
                this.isVerifikasiDone = true;
                this.hasilVerifikasi = 'Formula is valid';
            }, 2000);
        },
        validateForm() {
            this.objForm.isValidForm = (
                this.selectedInstrument.idInstrument != -1 &&
                this.decimalFont.trim() !== '' &&
                this.assayCode.trim() !== '' &&
                this.formula.trim() !== ''
            );
        },
        save() {
            if (this.objForm.isValidForm === true) {
                alert('true')
            } else {
                alert('inputan harus diisi');
            }
        },
        // 2. Fungsi End
    })
    )
})