@if($page == 'edit')
<script>
    function saveData(event) {
        event.preventDefault();

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

        $.ajax({
            url: '{{ route("transaksi.update", $tr_permintaan_h->kode) }}',
            type: 'PUT',
            data: {
                _token: '{{ csrf_token() }}',
                kode: $('#kode').val(),
                nama: $('#nama').val(),
                dpt: $('#dpt').val(),
                tgl: $('#tgl').val(),
                tr_permintaan_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;
                    // $('#table-barang tbody tr.selected').addClass('edited');
                });
            },
            error: function(xhr, textStatus, errorThrown) {
                Swal.fire({
                    icon: 'error',
                    title: 'Gagal',
                    text: 'Data gagal disimpan',
                });
            }
        });
    }
</script>
<script>
    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) {
                let row = $(button).closest('tr');
                let index = row.index();
                dataArray.splice(index, 1);
                row.remove();

                Swal.fire({
                    icon: 'success',
                    title: 'Berhasil',
                    text: 'Data berhasil dihapus'
                })
            }
        });
    }
    $(document).ready(function() {
        $('#jenis_barang_modal').select2({
            placeholder: 'Pilih Jenis Barang',
            width: '100%',
            minimumInputLength: 0,
            allowClear: true,
            dropdownSearch: true,
            dropdownParent: $('#jenis_barang_modal').parent()
        }).prop('disabled', true).select2('val', '');

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

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

        var tr = $(button).closest('tr');
        var idBaris = tr.data('id');
        var jenisBarang = tr.find('td:eq(0)').text();
        var namaBarang = tr.find('td:eq(1)').text();
        var deskripsi = tr.find('td:eq(2)').text();
        var kodeBarang = tr.find('td:eq(3)').text();
        var jumlahStok = tr.find('td:eq(4)').text();
        var qtyOrder = tr.find('td:eq(5)').text();
        var qtyTerima = tr.find('td:eq(6)').text();
        var satuan = tr.find('td:eq(7)').text();

        $('#jenis_barang_modal').val(jenisBarang).trigger('change');
        $('#nama_barang_modal').val(namaBarang).trigger('change');
        $('#deskripsi_barang_modal').val(deskripsi);
        $('#idatk_modal').val(kodeBarang);
        $('#jumlah_stok_modal').val(jumlahStok);
        $('#qty_modal').val(qtyOrder);
        $('#qty_terima_modal').val(qtyTerima);
        $('#satuan_modal').val(satuan);

        $('#staticBackdrop3').data('idBaris', idBaris);

        $('#staticBackdrop3').modal('show');

        tr.addClass('selected');
    }

    function tambahBarangBaru() {
        var jenisBarangBaru = $('#jenis_barang_modal').val();
        var namaBarangBaru = $('#nama_barang_modal').val();
        var deskripsiBaru = $('#deskripsi_barang_modal').val();
        var kodeBarangBaru = $('#idatk_modal').val();
        var jumlahStokBaru = $('#jumlah_stok_modal').val();
        var qtyOrderBaru = $('#qty_modal').val();
        var qtyTerimaBaru = $('#qty_terima_modal').val();
        var satuanBaru = $('#satuan_modal').val();
        var idpenerimaans = $('#table-barang tbody tr.selected').index();

        if (!jenisBarangBaru || !namaBarangBaru || !deskripsiBaru || !kodeBarangBaru || !jumlahStokBaru || !qtyOrderBaru || !satuanBaru) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Mohon lengkapi semua kolom sebelum menyimpan.',
            });
            return;
        }

        if (parseInt(qtyTerimaBaru) > parseInt(jumlahStokBaru) || parseInt(qtyTerimaBaru) < 0) {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Qty Terima tidak boleh lebih dari jumlah stok',
            });
            return;
        }

        if (idpenerimaans >= 0 && idpenerimaans < dataArray.length) {
            dataArray[idpenerimaans].jenis_barang = jenisBarangBaru;
            dataArray[idpenerimaans].nama_barang = namaBarangBaru;
            dataArray[idpenerimaans].deskripsi_barang = deskripsiBaru;
            dataArray[idpenerimaans].idatk = kodeBarangBaru;
            dataArray[idpenerimaans].jumlah_stok = jumlahStokBaru;
            dataArray[idpenerimaans].qty = qtyOrderBaru;
            dataArray[idpenerimaans].qty_terima = qtyTerimaBaru;
            dataArray[idpenerimaans].satuan = satuanBaru;

            $('#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(deskripsiBaru);
            $('#table-barang tbody tr.selected').find('td:eq(3)').text(kodeBarangBaru);
            $('#table-barang tbody tr.selected').find('td:eq(4)').text(jumlahStokBaru);
            $('#table-barang tbody tr.selected').find('td:eq(5)').text(qtyOrderBaru);
            $('#table-barang tbody tr.selected').find('td:eq(6)').text(qtyTerimaBaru);
            $('#table-barang tbody tr.selected').find('td:eq(7)').text(satuanBaru);
        } else {
            dataArray.push({
                'jenis_barang': jenisBarangBaru,
                'nama_barang': namaBarangBaru,
                'deskripsi_barang': deskripsiBaru,
                'idatk': kodeBarangBaru,
                'jumlah_stok': jumlahStokBaru,
                'qty': qtyOrderBaru,
                'qty_terima': qtyTerimaBaru,
                'satuan': satuanBaru
            });

            var newRow = '<tr class="selected">' +
                '<td>' + jenisBarangBaru + '</td>' +
                '<td>' + namaBarangBaru + '</td>' +
                '<td>' + deskripsiBaru + '</td>' +
                '<td>' + kodeBarangBaru + '</td>' +
                '<td>' + jumlahStokBaru + '</td>' +
                '<td>' + qtyOrderBaru + '</td>' +
                '<td style="text-align: right">' + qtyTerimaBaru + '</td>' +
                '<td>' + satuanBaru + '</td>' +
                '<td><button type="button" class="btn btn-danger btn-sm" onclick="hapusBaris(this)">Hapus</button></td>' +
                '<td><button type="button" class="btn btn-success btn-sm" onclick="editBaris(this)">Edit</button></td>'
            '</tr>';
            $('#table-barang tbody').append(newRow);
        }

        $('#staticBackdrop3').modal('hide');
    }
</script>
@elseif($page == 'show')
<script>
    function updateStatus(id, acc) {
        var qtyTerima = $('input[data-id="' + id + '"]').val();

        if (qtyTerima === '') {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Kolom qty terima harus diisi.'
            });
            return;
        }

        $.ajax({
            url: '{{ URL::to("/") }}/update-status/' + id,
            type: 'POST',
            data: {
                _token: $('meta[name="csrf-token"]').attr('content'),
                _method: 'PUT',
                acc: acc,
                qty_terima: qtyTerima
            },
            success: function(response) {
                var statusCell = $('tr[data-id="' + id + '"] .status-cell');
                statusCell.text(acc);

                var qtyTerima = parseInt($('input[data-id="' + id + '"]').val());
                $('input[data-id="' + id + '"]').val(qtyTerima);

                setTimeout(function() {
                    location.reload();
                }, 1000);
            },
            error: function(xhr, textStatus, errorThrown) {
                Swal.fire({
                    icon: 'error',
                    title: 'Gagal',
                    text: 'Terjadi kesalahan saat memperbarui status.'
                });
            }
        });
    }

    document.addEventListener('DOMContentLoaded', function() {
        document.querySelectorAll('.qty_terima').forEach(function(input) {
            input.addEventListener('input', function() {
                let row = this.closest('tr');
                let qty = parseInt(row.querySelector('.qty').textContent);
                let maxStok = parseInt(this.getAttribute('data-jumlah-stok'));
                let currentValue = this.value;

                if (/[^0-9]/.test(currentValue)) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Invalid Input',
                        text: 'Input harus berupa angka.',
                        confirmButtonText: 'OK'
                    });
                    this.value = '0';
                    return;
                }

                currentValue = parseInt(currentValue);

                if (currentValue > maxStok || currentValue < 0) {
                    let errorMessage = currentValue < 0 ? 'Input qty terima tidak boleh bernilai negatif' : 'Input qty terima tidak boleh lebih dari jumlah stok';

                    Swal.fire({
                        icon: 'error',
                        title: 'Invalid Input',
                        text: errorMessage,
                        confirmButtonText: 'OK'
                    });

                    this.value = '0';
                    return;
                }

                if (currentValue > qty) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Invalid Input',
                        text: 'Input qty terima tidak boleh lebih dari qty order.',
                        confirmButtonText: 'OK'
                    });

                    this.value = 0;
                }

                let remainingQty = qty - currentValue;
                row.querySelector('.remaining-qty').textContent = remainingQty.toFixed(0); // Format desimal sesuai kebutuhan
            });
        });
    });

    document.addEventListener('DOMContentLoaded', function() {
        var rows = document.getElementById('barang').getElementsByTagName('tbody')[0].getElementsByTagName('tr');

        for (var i = 0; i < rows.length; i++) {
            var statusCell = rows[i].getElementsByTagName('td')[9];
            var status = statusCell.innerText.trim().toLowerCase();

            if (status === 'tolak') {
                var buttons = rows[i].getElementsByClassName('btn-action');
                for (var j = 0; j < buttons.length; j++) {
                    buttons[j].disabled = true;
                }
            }
        }
    });

    function ProsesData(id) {
        var rows = document.getElementById('barang').getElementsByTagName('tbody')[0].getElementsByTagName('tr');
        var hasTerima = false;
        var hasPending = false;
        var qtyTerimaData = {};
        var catatanData = {};
        var missingStatus = false;
        var missingCatatanForTolak = false;

        for (var i = 0; i < rows.length; i++) {
            var statusCell = rows[i].getElementsByTagName('td')[8];
            var badge = statusCell.querySelector('.badge');
            var acc = badge ? badge.innerText.trim().toLowerCase() : '';

            if (!acc) {
                missingStatus = true;
            }

            if (acc === 'terima') {
                hasTerima = true;
            }

            if (acc === 'tolak') {
                hasPending = true;
            }

            var qtyTerimaInput = rows[i].querySelector('input.qty_terima');
            if (qtyTerimaInput) {
                var detailId = qtyTerimaInput.getAttribute('data-id');
                if (detailId) {
                    qtyTerimaData[detailId] = qtyTerimaInput.value;
                }
            }

            var catatanInput = rows[i].querySelector('input[name^="catatan"]');
            if (catatanInput) {
                var nameAttr = catatanInput.getAttribute('name');
                var detailIdMatch = nameAttr.match(/\[(.*?)\]/);
                if (detailIdMatch) {
                    var detailId = detailIdMatch[1];
                    catatanData[detailId] = catatanInput.value;

                    if (catatanInput.value.trim() === '' && acc === 'tolak') {
                        missingCatatanForTolak = true;
                    }
                }
            }
        }

        if (missingStatus) {
            Swal.fire({
                icon: 'error',
                title: 'Gagal',
                text: 'Semua item harus memiliki status.',
            });
            return;
        }

        if (hasPending && missingCatatanForTolak) {
            Swal.fire({
                icon: 'error',
                title: 'Gagal',
                text: 'Jika status "tolak", kolom catatan harus diisi.'
            });
            return;
        }

        var jadwalPengambilan = $('#jadwal_pengambilan').val();

        if (hasTerima && jadwalPengambilan === '') {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Silahkan input jadwal pengambilan terlebih dahulu',
            });
            return;
        }

        var statusToUpdate = hasPending ? 'tolak' : (hasTerima ? 'terima' : 'selesai');

        Swal.fire({
            icon: 'question',
            title: 'Konfirmasi',
            text: 'Apakah anda yakin ingin memproses order barang ini?',
            showCancelButton: true,
            confirmButtonText: 'Ya',
            cancelButtonText: 'Tidak'
        }).then((result) => {
            if (result.isConfirmed) {
                var kode = "{{ $tr_permintaan_h->kode }}";

                $.ajax({
                    url: `{{ URL::to("/") }}/tranpr/${kode}/proses`,
                    type: 'PUT',
                    data: {
                        _token: $('meta[name="csrf-token"]').attr('content'),
                        catatan: catatanData,
                        qty_terima: qtyTerimaData,
                        jadwal_pengambilan: jadwalPengambilan
                    },
                    success: function(response) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Berhasil',
                            text: 'Order Barang berhasil diproses'
                        }).then(() => {
                            window.location.href = response.redirect;
                        });
                    },
                    error: function(xhr, textStatus, errorThrown) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Gagal',
                            text: xhr.responseJSON.message || 'Terjadi kesalahan saat memproses data.'
                        });
                    }
                });
            }
        });
    }

    function selesai() {
        Swal.fire({
            icon: 'question',
            title: 'Konfirmasi',
            text: 'Apakah barang sudah di ambil oleh user?',
            showCancelButton: true,
            confirmButtonText: 'Ya',
            cancelButtonText: 'Tidak'
        }).then((result) => {
            if (result.isConfirmed) {
                var kode = "{{ $tr_permintaan_h->kode }}";
                $.ajax({
                    url: `{{ URL::to("/") }}/tranpr/${kode}/selesai`,
                    type: 'PUT',
                    data: {
                        _token: $('meta[name="csrf-token"]').attr('content')
                    },
                    success: function(response) {
                        Swal.fire({
                            icon: 'success',
                            title: 'Berhasil',
                            text: 'Order ' + response.kode + ' telah selesai'
                        }).then(() => {
                            window.location.href = "{{ route('transaksi.store', ['status' => 'selesai']) }}";
                        });
                    },
                    error: function(xhr, textStatus, errorThrown) {
                        Swal.fire({
                            icon: 'error',
                            title: 'Gagal',
                            text: 'GAGAL'
                        });
                    }
                });
            }
        });
    }

    function updateQtyTerima() {
        var rows = document.getElementById('barang').getElementsByTagName('tbody')[0].getElementsByTagName('tr');

        for (var i = 0; i < rows.length; i++) {
            var statusCell = rows[i].getElementsByTagName('td')[9];
            var status = statusCell ? statusCell.innerText.trim().toLowerCase() : '';

            var qtyTerimaInput = rows[i].querySelector('input.qty_terima');
            if (qtyTerimaInput) {
                if (status === 'tolak') {
                    qtyTerimaInput.value = 0;
                } else {}
            }
        }
    }
    updateQtyTerima();
</script>
@endif