document.addEventListener('alpine:init', () => {
    Alpine.data('masterData', () => ({
        // 0. Init dijalankan sebelum inisialisasi
        init() {
            this.filteredItemAssay = [...this.dataAssay];
        },
        // 1. Inisialisasi Start
        // multiple select
        openAssayAdd: false,
        searchAssay: "",
        selectedAssay: [],
        dataAssay: [
            {
                idAssay: 1,
                namaAssay: 'Xn500'
            },
            {
                idAssay: 2,
                namaAssay: 'HGB'
            },
            {
                idAssay: 3,
                namaAssay: 'WBC'
            },
            {
                idAssay: 4,
                namaAssay: 'RBC'
            },
            {
                idAssay: 5,
                namaAssay: 'PLT'
            },
        ],
        filteredItemAssay: [],
        filterItemAssay() {
            this.filteredItemAssay  = this.dataAssay.filter(item =>
                item.namaAssay.toLowerCase().includes(this.searchAssay.toLowerCase())
            );
        },

        addItemAssay(item) {
            if (!this.selectedAssay.some(p => p.idAssay === item.idAssay)) {
                this.selectedAssay.push(item);
                this.objForm.Assay.push(item);
            }
            this.searchAssay = "";
            this.filterItemAssay();
        },

        removeItemAssay(index) {
            this.selectedAssay.splice(index, 1);
        },

        // multiple select
        dataMaster: [
            {
                idMaster: 1,
                kode: 'A04',
                namaPemeriksaan: 'Darah Lengkap',
                harga: '50.000',
                pemeriksaanStr: 'Xn500, HCB, WBC, RBC, PLT',
                dataAssay: [
                    {
                        idAssay: 1,
                        namaAssay: 'Xn500'
                    },
                    {
                        idAssay: 2,
                        namaAssay: 'HGB'
                    },
                    {
                        idAssay: 3,
                        namaAssay: 'WBC'
                    },
                    {
                        idAssay: 4,
                        namaAssay: 'RBC'
                    },
                    {
                        idAssay: 5,
                        namaAssay: 'PLT'
                    },
                ],
            },
        ],
        showDialogAdd: false,
        kodeAdd: '',
        namaAdd: '',
        hargaAdd: '',
        formAddArray: [
            {
                idForm: 1,
                selectedInstrument: {},
                selectedAssay: []
            }
        ],
        showDialogEdit: false,
        objForm: {
            nama: '',
            kode: '',
            harga: '',
            dataAssay: [],
        },
        objFormEdit: {
            nama: '',
            kode: '',
            harga: '',
            dataAssay: [],
        },
        // 1. Inisialisasi End
        // 2. Fungsi Start
        formAddDetail(){
            const lastId = this.formAddArray[this.formAddArray. length - 1];
            this.formAddArray = this.formAddArray.push([{
                idForm: lastId + 1,
                selectedInstrument: {},
                selectedAssay: []
            }])
        },
        closeDialog() {
            this.AssayAdd = []
            this.filteredItemAssay = []
            this.selectedAssay = []
            this.kodeAdd = ''
            this.namaAdd = ''
            this.hargaAdd = ''
            this.objForm = {
                nama: '',
                kode: '',
                harga: '',
                dataAssay: [],
            }
            this.showDialogAdd = false
        },
        onChangeInstrumentSearch(item) {
            this.openInstrumentSearch = false;
            this.selectedInstrument = item;
        },
        onChangeInstrument(item) {
            this.openInstrument = false;
            this.selectedInstrumentAdd = item;
        },
        onChangeInstrumentEdit(item) {
            this.openInstrument = false;
            this.selectedInstrumentEdit = item;
        },
        onChangeNamaAdd() {
            this.objForm.nama = this.namaAdd;
        },
        onChangeNamaEdit() {
            this.objFormEdit.nama = this.e_nama;
        },
        onChangeKodeAdd() {
            this.objForm.kode = this.kodeAdd;
        },
        onChangeKodeEdit() {
            this.objFormEdit.kode = this.e_kode;
        },
        onChangeHargaAdd() {
            this.objForm.harga = this.hargaAdd;
        },
        onChangeHargaAdd() {
            this.objFormEdit.harga = this.e_harga;
        },
        onChangeInstrumentMobile(item) {
            this.openInstrumentSearchMobile = false;
            // this.selectedInstrument = item;
            this.selectedInstrument = { ...item };
        },
        openModalEdit(item) {
            // mrn
            this.e_mrn = item.mrn

            // sid
            this.e_sid = item.sid

            // name
            this.e_name = item.name

            // multiple pemeriksaan
            this.e_selectedPemeriksaan = [...item.dataPemeriksaan];
            this.e_filteredPemeriksaan = [...this.dataPemeriksaan];

            this.showDialogEdit = !this.showDialogEdit;
        },
        closeDialogEdit() {
            this.showDialogEdit = !this.showDialogEdit;
        },
        editMobilePage(item) {
            var json = JSON.stringify(item);
            localStorage.setItem('itemEditMobile', json)
            window.location.href = "order_mobile_edit.html";
        },
        // 2. Fungsi End
    }))
})