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

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

    fetch(`/upload`, {
        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 () {
                Toastify({
                    text: responseData.message || 'Berhasil melakukan aksi!',
                    duration: 3000,
                    gravity: "top", // bisa "bottom"
                    position: "right", // bisa "left"
                    style: {
                        background: "linear-gradient(to right, #00b09b, #96c93d)", // hijau gradasi
                        color: "#fff",
                    }
                }).showToast();
                $("#col_add_file").html('');
                colCount = 1; // reset counter
                formCreate.find('input[type="text"], input[type="file"]').val('');
                formCreate.find('select').val(null).trigger('change');

                if(!$("#klasifikasi_dok").val() || !$("#kategori_dok").val() || !$("#unit_kerja").val() || !$("#sub_unit_kerja").val()){
                    index()
                }else{
                    searchData()
                }
                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
            });
        }
    });
});