@if($page == 'edit')
<script>
    $('#nama_barang').on('change', function() {
        var selectedOption = $(this).val();
        console.log(selectedOption);
        $.ajax({
            url: '{{ route("getKodeBarang") }}',
            method: 'GET',
            data: {
                idatk: selectedOption
            },

            success: function(response) {
                console.log('response', response);
                $('#idatk').val(response.idatk);
                $('#satuan').val(response.satuan);
                $('#deskripsi_barang').val(response.deskripsi_barang);
            },

            error: function(xhr, status, error) {
                console.error("Error:", status, error); // Tambahkan log untuk melihat error
                console.error("Response:", xhr.responseText);
            }
        });
    });

    $(document).ready(function() {
        $('#jenis_barang').select2({
            placeholder: 'Pilih Jenis Barang',
            width: '100%',
            minimumInputLength: 0,
            allowClear: true,
            dropdownSearch: true,
            dropdownParent: $('#jenis_barang').parent()
        });
        $(document).ready(function() {
            $('#nama_barang').select2({
                placeholder: 'Pilih Nama Barang',
                width: '100%',
                minimumInputLength: 0,
                allowClear: true,
                dropdownSearch: true,
                dropdownParent: $('#nama_barang').parent()
            });

            $('#jenis_barang').on('change', function() {
                var jenisBarang = $(this).val();
                var namaBarangSelect = $('#nama_barang');
                var options = namaBarangSelect.get(0).options;

                for (var i = options.length - 1; i >= 1; i--) {
                    options[i].remove();
                }

                <br />
<b>Warning</b>:  Undefined variable $mst_barangatk in <b>/opt/lampp/htdocs/msjatk/resources/views/js/trpene.blade.php</b> on line <b>55</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/opt/lampp/htdocs/msjatk/resources/views/js/trpene.blade.php</b> on line <b>55</b><br />

                namaBarangSelect.trigger('change');
            });
        });
    });

    function openModal() {
        $('#staticBackdrop5').modal('show');
    }

    var dataArray = [];
    <br />
<b>Warning</b>:  Undefined variable $tr_penerimaan_d in <b>/opt/lampp/htdocs/msjatk/resources/views/js/trpene.blade.php</b> on line <b>75</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/opt/lampp/htdocs/msjatk/resources/views/js/trpene.blade.php</b> on line <b>75</b><br />

    document.getElementById('qty').addEventListener('input', function(e) {
        let value = e.target.value;
        if (value.includes('.') || value.includes(',')) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Qty tidak boleh mengandung koma atau titik. Harus berupa angka bulat.',
            });
            e.target.value = value.replace(/[\.,]/g, '');
        }
    });

    document.getElementById('qty_modal').addEventListener('input', function(e) {
        let value = e.target.value;
        if (value.includes('.') || value.includes(',')) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Qty tidak boleh mengandung koma atau titik. Harus berupa angka bulat.',
            });
            e.target.value = value.replace(/[\.,]/g, '');
        }
    });

    function tambahBarang() {
        console.log(dataArray);
        let jenis_barang = $("#jenis_barang option:selected").text();
        let nama_barang = $("#nama_barang option:selected").text();
        let deskripsi_barang = $('#deskripsi_barang').val();
        let idatk = $('#idatk').val();
        let qty = $('#qty').val();
        let satuan = $('#satuan').val();

        if (!jenis_barang || !nama_barang || !deskripsi_barang || !idatk || !qty || !satuan) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Mohon lengkapi semua kolom sebelum menyimpan.',
            });
            return; // Hentikan eksekusi jika ada kolom yang belum diisi
        }

        if (parseInt(qty) < 1) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Qty harus lebih besar dari atau sama dengan 1.',
            });
            return; // Hentikan eksekusi jika qty kurang dari 1
        }

        // Tambahkan data barang ke dalam array
        dataArray.push({
            'jenis_barang': jenis_barang,
            'nama_barang': nama_barang,
            'deskripsi_barang': deskripsi_barang,
            'idatk': idatk,
            'qty': qty,
            'satuan': satuan
        });

        let newRow = '<tr>' +
            '<td>' + jenis_barang + '</td>' +
            '<td>' + nama_barang + '</td>' +
            '<td>' + deskripsi_barang + '</td>' +
            '<td>' + idatk + '</td>' +
            '<td style="text-align: right;">' + qty + '</td>' +
            '<td>' + satuan + '</td>' +
            '<td style="text-align: center;">' +
            '<button type="button" class="btn btn-danger btn-sm" onclick="hapusBaris(this)"><i class="fas fa-trash me-1"></i>Hapus</button> ' +
            '<button type="button" class="btn btn-success btn-sm" onclick="editBaris(this)"><i class="fas fa-pen me-1"></i>Edit</button>'
        '</tr>';
        $('#table-barang tbody').append(newRow);

        // Tutup modal setelah menambahkan barang
        $('#staticBackdrop5').modal('hide');

        resetModal();
    }

    function resetModal() {
        $('#jenis_barang').val('').trigger('change');
        $('#nama_barang').val('');
        $('#deskripsi_barang').val('');
        $('#idatk').val('');
        $('#qty').val('');
        $('#satuan').val('');
    }

    $('#nama_barang_modal').on('change', function() {
        var selectedOption = $(this).val();
        $.ajax({
            url: '{{ route("getKodeBarang") }}',
            method: 'GET',
            data: {
                idatk: selectedOption
            },
            success: function(response) {
                $('#idatk_modal').val(response.idatk);
                $('#satuan_modal').val(response.satuan);
                $('#deskripsi_barang_modal').val(response.deskripsi_barang);
            }
        });
    });

    $(document).ready(function() {
        // Atur select2 untuk jenis_barang di sini
        $('#jenis_barang_modal').select2({
            placeholder: 'Pilih Jenis Barang',
            width: '100%',
            minimumInputLength: 0,
            allowClear: true,
            dropdownSearch: true,
            dropdownParent: $('#jenis_barang_modal').parent()
        });
        $(document).ready(function() {
            // Atur select2 untuk jenis_barang di sini
            $('#nama_barang_modal').select2({
                placeholder: 'Pilih Nama Barang',
                width: '100%',
                minimumInputLength: 0,
                allowClear: true,
                dropdownSearch: true,
                dropdownParent: $('#nama_barang_modal').parent()
            });

            // Event listener untuk perubahan pada jenis_barang
            $('#jenis_barang_modal').on('change', function() {
                var jenisBarang = $(this).val();
                var namaBarangSelect1 = $('#nama_barang_modal');
                var options = namaBarangSelect1.get(0).options;

                // Menghapus semua opsi kecuali opsi pertama (placeholder)
                for (var i = options.length - 1; i >= 1; i--) {
                    options[i].remove();
                }

                // Menambahkan opsi barang yang sesuai dengan jenis_barang yang dipilih
                <br />
<b>Warning</b>:  Undefined variable $mst_barangatk in <b>/opt/lampp/htdocs/msjatk/resources/views/js/trpene.blade.php</b> on line <b>227</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/opt/lampp/htdocs/msjatk/resources/views/js/trpene.blade.php</b> on line <b>227</b><br />

                // Memperbarui tampilan select2
                namaBarangSelect1.trigger('change');
            });
        });
    });

    $(document).ready(function() {
        $('#table-barang tbody').on('click', '.btn-danger', function() {
            let button = $(this);
            Swal.fire({
                title: 'Konfirmasi',
                text: 'Apakah Anda yakin ingin menghapus baris ini?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Ya',
                cancelButtonText: 'Tidak'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Temukan baris yang akan dihapus
                    let row = $(button).closest('tr');
                    // Ambil index baris
                    let index = row.index();
                    // Hapus baris dari array
                    dataArray.splice(index, 1);
                    // Hapus baris dari tabel
                    row.remove();

                    Swal.fire({
                        icon: 'success',
                        title: 'Berhasil',
                        text: 'Data berhasil dihapus'
                    })
                }
            });
        });
    });

    $(document).ready(function() {
        $('#table-barang tbody').on('click', '.btn-danger', function() {
            let button = $(this);
            Swal.fire({
                title: 'Konfirmasi',
                text: 'Apakah Anda yakin ingin menghapus baris ini?',
                icon: 'warning',
                showCancelButton: true,
                confirmButtonText: 'Ya',
                cancelButtonText: 'Tidak'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Temukan baris yang akan dihapus
                    let row = $(button).closest('tr');
                    // Ambil index baris
                    let index = row.index();
                    // Hapus baris dari array
                    dataArray.splice(index, 1);
                    // Hapus baris dari tabel
                    row.remove();

                    Swal.fire({
                        icon: 'success',
                        title: 'Berhasil',
                        text: 'Data berhasil dihapus'
                    })
                }
            });
        });
    });

    function editBaris(button) {
        $('#table-barang tbody tr').removeClass('selected');

        var tr = $(button).closest('tr');
        var idBaris = tr.data('id'); // Peroleh ID baris data yang diklik
        var jenisBarang = tr.find('td:eq(0)').text();
        var namaBarang = tr.find('td:eq(1)').text();
        var deskripsi_barang = tr.find('td:eq(2)').text();
        var idatk = tr.find('td:eq(3)').text();
        var qty = tr.find('td:eq(4)').text();
        var satuan = tr.find('td:eq(5)').text();

        $('#jenis_barang_modal').val(jenisBarang).trigger('change');
        $('#nama_barang_modal').val(idatk).trigger('change');
        $('#deskripsi_barang_modal').val(deskripsi_barang);
        $('#idatk_modal').val(idatk); // Pastikan idatk_modal sesuai dengan idatk dari baris data

        // Set nama barang yang terpilih di dropdown select
        $('#nama_barang_modal').val(idatk); // Memilih opsi berdasarkan idatk

        $('#qty_modal').val(qty);
        $('#satuan_modal').val(satuan);

        // Menampilkan modal
        $('#staticBackdrop3').data('idBaris', idBaris);

        // Menyembunyikan elemen dengan class selected
        $('.selected').removeClass('selected');

        // Menampilkan modal
        $('#staticBackdrop3').modal('show');
        tr.addClass('selected');
    }

    function tambahBarangBaru() {
        var jenisBarangBaru = $("#jenis_barang_modal option:selected").text();
        var namaBarangBaru = $("#nama_barang_modal option:selected").text();
        var deskripsi_barangBaru = $('#deskripsi_barang_modal').val();
        var idatkBaru = $('#idatk_modal').val();
        var qtyBaru = $('#qty_modal').val();
        var satuanBaru = $('#satuan_modal').val();
        var idpenerimaans = $('#table-barang tbody tr.selected').index();

        if (!jenisBarangBaru || !namaBarangBaru || !deskripsi_barangBaru || !idatkBaru || !qtyBaru || !satuanBaru) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Mohon lengkapi semua kolom sebelum menyimpan.',
            });
            return; // Hentikan eksekusi jika ada kolom yang belum diisi
        }

        if (parseInt(qtyBaru) < 1) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Qty harus lebih besar dari atau sama dengan 1.',
            });
            return; // Hentikan eksekusi jika qty kurang dari 1
        }

        if (idpenerimaans >= 0 && idpenerimaans < dataArray.length) {
            // Perbarui data yang ada di dalam dataArray
            dataArray[idpenerimaans].jenis_barang = jenisBarangBaru;
            dataArray[idpenerimaans].nama_barang = namaBarangBaru;
            dataArray[idpenerimaans].deskripsi_barang = deskripsi_barangBaru;
            dataArray[idpenerimaans].idatk = idatkBaru;
            dataArray[idpenerimaans].qty = qtyBaru;
            dataArray[idpenerimaans].satuan = satuanBaru;
            console.log('dfdf', dataArray.length);

            $('#table-barang tbody tr.selected').find('td:eq(0)').text(jenisBarangBaru);
            $('#table-barang tbody tr.selected').find('td:eq(1)').text(namaBarangBaru);
            $('#table-barang tbody tr.selected').find('td:eq(2)').text(deskripsi_barangBaru);
            $('#table-barang tbody tr.selected').find('td:eq(3)').text(idatkBaru);
            $('#table-barang tbody tr.selected').find('td:eq(4)').text(qtyBaru);
            $('#table-barang tbody tr.selected').find('td:eq(5)').text(satuanBaru);
        } else {
            // Tambahkan data baru ke dalam dataArray
            dataArray.push({
                'jenis_barang': jenisBarangBaru,
                'nama_barang': namaBarangBaru,
                'deskripsi_barang': deskripsi_barangBaru,
                'idtak': idatkBaru,
                'qty': qtyBaru,
                'satuan': satuanBaru
            });

            // Tambah baris baru ke dalam tabel
            var newRow = '<tr class="selected">' +
                '<td>' + jenisBarangBaru + '</td>' +
                '<td>' + namaBarangBaru + '</td>' +
                '<td>' + deskripsi_barangBaru + '</td>' +
                '<td>' + idatkBaru + '</td>' +
                '<td>' + qtyBaru + '</td>' +
                '<td>' + satuanBaru + '</td>' +
                '<td><button type="button" class="btn btn-danger btn-sm" onclick="hapusBaris(this)"><i class="fas fa-trash me-1"></i>Hapus</button></td>' +
                '<td><button type="button" class="btn btn-success btn-sm" onclick="editBaris(this)"><i class="fas fa-pen me-1"></i>Edit</button></td>' + // Tombol untuk edit, bukan hapus
                '</tr>';
            $('#table-barang tbody').append(newRow);
        }

        // Sembunyikan modal
        $('#staticBackdrop3').modal('hide');
    }

    function saveData(event) {
        event.preventDefault(); // Menghentikan submit form agar bisa dilakukan penanganan dengan AJAX

        if (dataArray.length === 0) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Harap tambahkan barang sebelum menyimpan.',
            });
            return;
        }

        $.ajax({
            url: '{{ route("penerimaan.update" , $tr_penerimaan_h->kode) }}',
            type: 'PUT',
            data: {
                _token: '{{ csrf_token() }}',
                kode: $('#kode').val(),
                tgl: $('#tgl').val(),
                keterangan: $('#keterangan').val(),
                tr_penerimaan_d: dataArray
            },
            success: function(response) {
                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil',
                    text: 'Data dengan kode: ' + response.kode + ' berhasil disimpan'
                }).then(() => {
                    window.location.href = response.redirect;
                });
            },
            error: function(xhr, textStatus, errorThrown) {
                Swal.fire({
                    icon: 'error',
                    title: 'Gagal',
                    text: 'Data gagal disimpan',
                });
            }
        });
    }
</script>
@elseif($page == 'show')
<script>
    function kirimData() {
        Swal.fire({
            icon: 'question',
            title: 'Konfirmasi',
            text: 'Apakah Anda yakin telah menerima barang dan ingin menambhakan jumlah stok?',
            showCancelButton: true,
            confirmButtonText: 'Ya',
            cancelButtonText: 'Tidak'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("penerimaan.kirim", $tr_penerimaan_h->kode) }}',
                    type: 'PUT', // Ubah metode menjadi PUT
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        console.log(response); // Melihat respons dari server
                        Swal.fire({
                            icon: 'success',
                            title: 'Berhasil',
                            text: 'Penerimaan Barang Berhasil Di Proses'
                        }).then(() => {
                            // Redirect atau lakukan operasi lain setelah berhasil
                            window.location.href = response.redirect;
                        });
                    },
                    error: function(xhr, textStatus, errorThrown) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Gagal',
                            text: 'Penerimaan Barang Gagal Di Proses'
                        });
                    }
                });
            }
        });
    }

    function reserve() {
        Swal.fire({
            icon: 'question',
            title: 'Konfirmasi',
            text: 'Apakah Anda yakin ingin menarik stok yang sudah tersimpan untuk barang ini?',
            showCancelButton: true,
            confirmButtonText: 'Ya',
            cancelButtonText: 'Tidak'
        }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: '{{ route("penerimaan.reserve", $tr_penerimaan_h->kode) }}',
                    type: 'PUT', // Ubah metode menjadi PUT
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        console.log(response); // Melihat respons dari server
                        Swal.fire({
                            icon: 'success',
                            title: 'Berhasil',
                            text: 'Reverse stok telah berhasil'
                        }).then(() => {
                            // Redirect atau lakukan operasi lain setelah berhasil
                            window.location.href = response.redirect;
                        });
                    },
                    error: function(xhr, textStatus, errorThrown) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Gagal',
                            text: 'Status gagal diubah'
                        });
                    }
                });
            }
        });
    }
</script>
@elseif($page == 'add')
<script>
    $(document).ready(function() {
        $('#nama_barang').on('change', function() {
            var selectedOption = $(this).val();
            console.log(selectedOption);
            $.ajax({
                url: '{{ route("getKodeBarang") }}',
                method: 'GET',
                data: {
                    idatk: selectedOption
                },

                success: function(response) {
                    console.log('response', response);
                    $('#idatk').val(response.idatk);
                    $('#satuan').val(response.satuan);
                    $('#deskripsi_barang').val(response.deskripsi_barang);
                },

                error: function(xhr, status, error) {
                    console.error("Error:", status, error); // Tambahkan log untuk melihat error
                    console.error("Response:", xhr.responseText);
                }
            });
        });
    });

    $(document).ready(function() {
        // Atur select2 untuk jenis_barang di sini
        $('#jenis_barang').select2({
            placeholder: 'Pilih Jenis Barang',
            width: '100%',
            minimumInputLength: 0,
            allowClear: true,
            dropdownParent: $('#jenis_barang').parent()
        });

        // Atur select2 untuk nama_barang di sini
        $('#nama_barang').select2({
            placeholder: 'Pilih Nama Barang',
            width: '100%',
            minimumInputLength: 0,
            allowClear: true,
            dropdownParent: $('#nama_barang').parent()
        });

        // Kosongkan pilihan nama_barang pada awalnya
        $('#nama_barang').empty().append('<option value="" disabled selected>Pilih Nama Barang</option>');

        $('#jenis_barang').on('change', function() {
            var jenisBarang = $(this).val();
            var namaBarangSelect = $('#nama_barang');

            // Kosongkan semua opsi kecuali yang pertama
            namaBarangSelect.empty().append('<option value="" disabled selected>Pilih Nama Barang</option>');

            // Tambahkan opsi baru sesuai dengan jenis barang yang dipilih
            <br />
<b>Warning</b>:  Undefined variable $mst_barangatk in <b>/opt/lampp/htdocs/msjatk/resources/views/js/trpene.blade.php</b> on line <b>587</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/opt/lampp/htdocs/msjatk/resources/views/js/trpene.blade.php</b> on line <b>587</b><br />

            // Refresh select2
            namaBarangSelect.trigger('change');
        });
    });

    document.getElementById('qty').addEventListener('input', function(e) {
        let value = e.target.value;
        if (value.includes('.') || value.includes(',')) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Qty tidak boleh mengandung koma atau titik. Harus berupa angka bulat.',
            });
            e.target.value = value.replace(/[\.,]/g, '');
        }
    });

    function validateUsername() {
        var nama = document.getElementById('keterangan').value;
        if (nama.trim() === '') {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Harap isi keterangan sebelum menambahkan barang.',
            })
            return false;
        }
        // Jika nama pengguna sudah diisi, tampilkan modal
        return true;
    }

    function openModal() {
        if (validateUsername()) {
            $('#staticBackdrop').modal('show');
        }
    }

    // function openModal() {
    //     $('#staticBackdrop').modal('show');
    // }

    var dataArray = [];

    function tambahBarang() {
        let keterangan = $('#keterangan').val(); // Ambil nilai dari input "keterangan"
        if (!keterangan) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Mohon isi keterangan sebelum menyimpan.',
            });
            return; // Hentikan eksekusi jika keterangan belum diisi
        }

        console.log(dataArray);
        let jenis_barang = $("#jenis_barang option:selected").text();
        let nama_barang = $("#nama_barang option:selected").text();
        let deskripsi_barang = $('#deskripsi_barang').val();
        let idatk = $('#idatk').val();
        let qty = $('#qty').val();
        let satuan = $('#satuan').val();

        if (!jenis_barang || !nama_barang || !deskripsi_barang || !idatk || !qty || !satuan) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Mohon lengkapi semua kolom sebelum menyimpan.',
            });
            return; // Hentikan eksekusi jika ada kolom yang belum diisi
        }

        if (parseInt(qty) < 1) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Qty harus lebih besar dari atau sama dengan 1.',
            });
            return; // Hentikan eksekusi jika qty kurang dari 1
        }

        // Tambahkan data barang ke dalam array
        dataArray.push({
            'jenis_barang': jenis_barang,
            'nama_barang': nama_barang,
            'deskripsi_barang': deskripsi_barang,
            'idatk': idatk,
            'qty': qty,
            'satuan': satuan
        });

        let newRow = '<tr>' +
            '<td>' + jenis_barang + '</td>' +
            '<td>' + nama_barang + '</td>' +
            '<td>' + deskripsi_barang + '</td>' +
            '<td>' + idatk + '</td>' +
            '<td style="text-align: right;">' + qty + '</td>' +
            '<td>' + satuan + '</td>' +
            '<td style="text-align: center;"><button type="button" class="btn btn-danger" onclick="hapusBaris(this)"><i class="fas fa-trash me-1"></i>Hapus</button></td>' +
            '</tr>';
        $('#table-barang tbody').append(newRow);

        // Tutup modal setelah menambahkan barang
        $('#staticBackdrop').modal('hide');

        resetModal();
    }

    function hapusBaris(button) {
        Swal.fire({
            title: 'Konfirmasi',
            text: 'Apakah Anda yakin ingin menghapus baris ini?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: 'Ya',
            cancelButtonText: 'Tidak'
        }).then((result) => {
            if (result.isConfirmed) {
                // Temukan baris yang akan dihapus
                let row = $(button).closest('tr');
                // Ambil index baris
                let index = row.index();
                // Hapus baris dari array
                dataArray.splice(index, 1);
                // Hapus baris dari tabel
                row.remove();

                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil',
                    text: 'Data berhasil dihapus'
                })
            }
        });
    }

    function resetModal() {
        $('#jenis_barang').val('').trigger('change');
        $('#nama_barang').val('');
        $('#deskripsi_barang').val('');
        $('#idatk').val('');
        $('#qty').val('');
        $('#satuan').val('');
    }

    function saveData(event) {
        event.preventDefault(); // Menghentikan submit form agar bisa dilakukan penanganan dengan AJAX

        let saveButton = $('#saveButton');
        let originalButtonText = saveButton.html();

        if (dataArray.length === 0) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Harap tambahkan barang sebelum menyimpan.',
            });
            return;
        }

        saveButton.prop('disabled', true).html('<i class="fas fa-spinner fa-spin me-1"></i>Loading...');

        $.ajax({
            url: '{{ route("penerimaan.store") }}',
            type: 'POST',
            data: {
                _token: '{{ csrf_token() }}',
                kode: $('#kode').val(),
                tgl: $('#tgl').val(),
                dpt: $('#dpt').val(),
                keterangan: $('#keterangan').val(),
                tr_penerimaan_d: dataArray
            },
            success: function(response) {
                Swal.fire({
                    icon: 'success',
                    title: 'Success',
                    text: 'Data dengan kode: ' + response.kode + ' berhasil disimpan'
                }).then(() => {
                    window.location.href = response.redirect;
                });
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(jqXHR.responseJSON);
            },
            complete: function() {
                saveButton.prop('disabled', false).html(originalButtonText);
            }
        });
    }
</script>
@elseif($page == 'list')
<script>
    document.querySelectorAll('.delete-btn').forEach(button => {
        button.addEventListener('click', function() {
            let kode = this.getAttribute('data-id');

            Swal.fire({
                icon: 'question',
                title: 'Konfirmasi',
                text: 'Apakah anda yakin ingin menghapus permintaan order ini?',
                showCancelButton: true,
                confirmButtonText: 'Ya',
                cancelButtonText: 'Tidak'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '{{ URL::to("/") }}/trpene/delete/' + kode,
                        type: 'PUT',
                        data: {
                            _token: '{{ csrf_token() }}'
                        },
                        success: function(response) {
                            Swal.fire({
                                icon: 'success',
                                title: 'Berhasil',
                                text: 'Order ' + response.kode + ' berhasil dihapus'
                            }).then(() => {
                                // Redirect atau lakukan operasi lain setelah berhasil
                                window.location.href = "{{ route('penerimaan.store') }}";
                            });
                        },
                        error: function(xhr, textStatus, errorThrown) {
                            Swal.fire({
                                icon: 'error',
                                title: 'Gagal',
                                text: 'Gagal mengirim permintaan order. Silakan coba lagi.'
                            });
                        }
                    });
                }
            });
        });
    });
</script>
@endif