project_directory/public/js/masterPersetujuan/action.js

formCreateMasterPersetujuan.on('submit', function(e){
    e.preventDefault();

    const form = this;
    const formData = new FormData(form);

    fetch(`/master-persetujuan`, {
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('input[name="_token"]').value,
        },
        body: formData
    }).then(async(res) => {
        const responseData = await res.json();
        if (responseData.status) {
            const handler = function () {
                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil',
                    text: responseData.message || 'Berhasil melakukan aksi!',
                    timer: 2000,
                    showConfirmButton: false,
                    backdrop: true,
                });
                $("#col_add_master_persetujuan").html('');
                colCount = 1; // reset counter
                formCreateMasterPersetujuan.find('select').val(null).trigger('change');
                datatableMasterPersetujuan.bootstrapTable('refresh');
                modalCreate.removeEventListener('hidden.bs.modal', handler);
            };
            modalCreate.addEventListener('hidden.bs.modal', handler);
            bootstrap.Modal.getInstance(modalCreate).hide();
        } else {
            throw new Error(responseData.message || 'Terjadi kesalahan saat menyimpan data.');
        }

    }).catch(err => {
        if (err.message) {
            Swal.fire({
                icon: 'error',
                title: 'Gagal',
                text: err.message
            });
        }
    });
});


function deleteAkses(e){
    let id =$(e).data('id')
    Swal.fire({
        title: "Apakah kamu yakin ingin menghapus data master persetujuan?",
        text : $(e).data('name'),
        icon: "warning",
        showCancelButton: true,
        backdrop: true,
    }).then((result) => {
        if(result.isConfirmed){
            fetch(`/master-persetujuan/${id}`, {
                method:'DELETE',
                headers: {
                    "X-CSRF-TOKEN": document.querySelector('input[name="_token"]').value,
                    "Content-Type": "application/json"
                }
            }).then((response) => {
                if(!response.ok){
                    throw new Error("Network response was not ok");
                }
                return response.json();
            })
            .then((data) => {
                if(data.status){
                    Swal.fire({
                        title: "Success",
                        text: "Data berhasil dihapus",
                        icon:"success",
                        showConfirmButton: false,
                        timer: 1000
                    }).then(() => {
                        datatableMasterPersetujuan.bootstrapTable("refresh")
                    })
                }else{
                    Swal.fire({
                        title: "Error!",
                        text: data.message || "Failed to delete Item.",
                        icon: "error"
                    });
                }
            })
            .catch(error => {
                Swal.fire({
                    title: "Error!",
                    text: "Something went wrong. Please try again later.",
                    icon: "error"
                });
            });
        }
    })
}


function editAkses(e){
    const data = $(e).data();
    new bootstrap.Modal(modalEdit).show();
    formEditMasterPersetujuan.attr('action', `/master-persetujuan/${data.id}`)

    selectOptionPegawaiEdit()
    selectOptionUnitKerjaEdit()
    if (data.pegawai_id) {
        setOldSelect2Value('#pegawai_id_edit', data.pegawai_id, data.pegawai_nama);
    }

    fetch(`/master-persetujuan/${data.id}`)
        .then(async(res) => {
            const responseData = await res.json();
            if (!responseData.status) {
                throw new Error(responseData.message || 'Gagal memuat data akses.');
            }
            const detail = responseData.data;
            if (Array.isArray(detail.detail_units)) {
                setOldSelect2Values('#unit_akses_edit', detail.detail_units);
            }
        })
        .catch((err) => {
            console.log(err);
        });
}



function selectOptionPegawaiEdit() {
    let selectPegawai = $(`#pegawai_id_edit`);
    // inisialisasi select2 untuk Unit Kerja
    selectPegawai.select2({
        placeholder: '-- Pilih Pegawai --',
        allowClear:true,
        width: '100%',
        dropdownParent: selectPegawai.parent(),
        ajax:{
            url : '/select-pegawai',
            dataType: 'json',
            delay: 250,
            data: function(params){
                return { q: params.term }
            },
            processResults: function(data){
                return {
                    results : data?.data.map(item => ({
                        id: item.id,
                        text: item.nama,
                    }))
                }
            },
            cache: true,
        },
        minimumInputLength: 1,
    });
}

function selectOptionUnitKerjaEdit() {
    let selectUnit = $(`#unit_akses_edit`);
    if (selectUnit.data('select2')) return;
    selectUnit.select2({
        placeholder: '-- Pilih Unit Kerja --',
        allowClear:true,
        width: '100%',
        dropdownParent: selectUnit.parent(),
        ajax:{
            url : '/select-unit-kerja',
            dataType: 'json',
            delay: 250,
            data: function(params){
                return { q: params.term }
            },
            processResults: function(data){
                return {
                    results : data?.data.map(item => ({
                        id: item.id,
                        text: item.name,
                    }))
                }
            },
            cache: true,
        },
        minimumInputLength: 1,
    });
}



function setOldSelect2Value(selector, id, text) {
    if (!id || !text) return;
    let option = new Option(text, id, true, true);
    $(selector).append(option).trigger('change')
}

function setOldSelect2Values(selector, items) {
    if (!Array.isArray(items) || items.length === 0) return;
    items.forEach(item => {
        if (!item?.id || !item?.text) return;
        let option = new Option(item.text, item.id, true, true);
        $(selector).append(option);
    });
    $(selector).trigger('change')
}


formEditMasterPersetujuan.on('submit', function(e){
    e.preventDefault();

    const form = this;
    const actionUrl = formEditMasterPersetujuan.attr('action');
    const formData = new FormData(form);
    formData.append('_method', 'PUT')
    fetch(actionUrl, {
        method: 'POST',
        headers: {
            'X-CSRF-TOKEN': document.querySelector('input[name="_token"]').value,
        },
        body: formData
    }).then(async(res) => {
        const responseData = await res.json();

        if (responseData.status) {
            const handler = function () {
                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil',
                    text: responseData.message || 'Berhasil melakukan aksi!',
                    timer: 2000,
                    showConfirmButton: false,
                    backdrop: true,
                });
                formCreateMasterPersetujuan.find('select').val(null).trigger('change');
                datatableMasterPersetujuan.bootstrapTable('refresh');
                modalEdit.removeEventListener('hidden.bs.modal', handler);
            };
            modalEdit.addEventListener('hidden.bs.modal', handler);
            bootstrap.Modal.getInstance(modalEdit).hide();
        } else {
            throw new Error(responseData.message || 'Terjadi kesalahan saat menyimpan data.');
        }

    }).catch(err => {
        if (err.message) {
            Swal.fire({
                icon: 'error',
                title: 'Gagal',
                text: err.message
            });
        }
    });
});