@extends('layout.master')

@push('plugin-styles')
  <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
  <link href="{{ asset('assets/plugins/@mdi/css/materialdesignicons.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
<nav class="page-breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="#">Penjualan</a></li>
        <li class="breadcrumb-item"><a href="/penjualan/terima-order">Terima Order</a></li>
        <li class="breadcrumb-item active" aria-current="page">Input Data</li>
    </ol>
</nav>

<div class="card m-b-30">
    <div class="card-header">
          <h4>Terima Order Penjualan</h4>
        </div>
    <div class="card-body">
        <div class="container-fluid mb-4">
            <div class="row">
                <div class="col-12 border p-3">
                    <form id="form_terima_order">
                        <div class="form-group mb-3">
                            <label>Pelanggan</label>
                            <select name="id_pelanggan" id="id_pelanggan" class="form-control required select2Custom">
                                <option value="">Silahkan Pilih</option>
                            </select>
                        </div>
                        <div class="form-group mb-3">
                            <div class="row">
                                <div class="col-12">
                                    <label>Tanggal Terima Order</label>
                                    <input class="form-control resetForm required" type="datetime-local" name="tanggal_terima_order" id="tanggal_terima_order" placeholder="Tanggal Terima Order" value="2025-09-19T13:10:38">
                                </div>
                            </div>
                        </div>
                        <div class="form-group mb-3">
                            <label>Catatan Tambahan</label>
                            <textarea name="note" id="note" rows="5" class="form-control" placeholder="Catatan Tambahan"></textarea>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="table-responsive" style="overflow-x: auto;">
            <table class="table table-bordered table-hover table-sm table-number" style="width: 100% !important;">
                <thead>
                    <tr>
                        <th style="width: 5% !important;">No</th>
                        <th style="max-width: 20% !important;">Barang</th>
                        <th style="width: 10% !important;">Jumlah</th>
                        <th style="width: 10% !important;">Satuan</th>
                        <th style="width: 15% !important;">Harga</th>
                        <th style="width: 15% !important;">Biaya Tambahan</th>
                        <th style="width: 10% !important;">Total Harga</th>
                        <th class="kolomAksi">Aksi</th>
                    </tr>
                </thead>
                <tbody class="tampilBarang">
                    <tr class="infoKosong">
                        <td colspan="8" class="text-center">Belum Terdapat Data</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td colspan="6" class="text-center"><b>Total</b></td>
                        <td id="totalTerimaOrder">{{ formatNumberComma(0) }}</td>
                        <td>&nbsp;</td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div class="row mt-3">
            <div class="col-6">
                <button type="button" id="btnTambahOrder" class="btn btn-light btn-custom2" style="width: 100% !important;">Tambah Barang</button>
            </div>
            <div class="col-6">
                <button type="button" id="btnTambahOrderQR" class="btn btn-light btn-custom2" style="width: 100% !important;">Tambah Barang [QRCODE]</button>
            </div>
        </div>
    </div>
</div>
<div class="card mt-3">
    <div class="card-header">
          <h4>History Uang Muka [<a class="text-primary" data-bs-toggle="collapse" href="#detail-info-history" role="button" aria-expanded="false" aria-controls="detail-info-history">Detail</a>]</h4>
        </div>
    <div class="card-body">
        <div class="row collapse" id="detail-info-history">
            <div class="table-responsive mb-3 mt-2" style="overflow-x: auto;">
                <table id="table-uang-muka" class="table table-sm border" style="width: 100%;">
                    <thead>
                    <tr>
                        <th>Metode Bayar</th>
                        <th>Rekening Perusahaan</th>
                        <th>Tanggal Pembayaran</th>
                        <th>Nomor Referensi</th>
                        <th>File</th>
                        <th>Uang Muka</th>
                        <th>Aksi</th>
                    </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td colspan="7" class="text-center">Belum Terdapat Data</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="card m-b-30 mt-3">
    <div class="card-header">
          <h4>Pembayaran Uang Muka [<a class="text-primary" data-bs-toggle="collapse" href="#detail-info-pembayaran" role="button" aria-expanded="false" aria-controls="detail-info-pembayaran">Detail</a>]</h4>
        </div>
    <div class="card-body">
        <div class="collapse" id="detail-info-pembayaran">
            <div id="uangMukaContainer">
                <div class="row mt-1 border uang-muka-row" id="uangMukaRow0">
                    <div class="col-6 mt-2 mb-3">
                        <label class="form-label"><b>Metode Bayar</b></label>
                        <select name="metode_bayar_id[]" id="metode_bayar_id" class="form-control metode-bayar">
                            <option value="" data-tunai="0">Silahkan Pilih</option>
                            @foreach ($listMetodeBayar as $vMB)
                                <option value="{{ $vMB->id }}" data-tunai="{{ $vMB->tunai == true ? '1' : '0' }}">{{ $vMB->nama }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-6 mt-1 mb-3">
                        <label class="form-label"><b>Rekening Perusahaan</b></label>
                        <input type="text" id="rekening_perusahaan0" class="form-control rekening-perusahaan" placeholder="Rekening Perusahaan" disabled="disabled">
                    </div>
                    <div class="col-6 mt-1 mb-3">
                        <label class="form-label"><b>Tanggal Pembayaran</b></label>
                        <input type="datetime-local" name="tanggal_transfer_pembayaran[]" id="tanggal_transfer_pembayaran" class="form-control" placeholder="Tanggal Pembayaran" value="2025-09-19T13:10:38">
                    </div>
                    <div class="col-6 mt-1 mb-3">
                        <label class="form-label"><b>Nomor Referensi</b></label>
                        <input type="text" name="nomor_transaksi[]" id="nomor_transaksi" class="form-control" placeholder="Nomor Referensi">
                    </div>
                    <div class="col-6 mt-1 mb-3">
                        <label class="form-label"><b>Bukti Pembayaran</b></label>
                        <input type="file" name="file_transfer[]" id="file_transfer" class="form-control" placeholder="Bukti Pembayaran">
                    </div>
                    <div class="col-6 mt-1 mb-3">
                        <label class="form-label"><b>Uang Muka</b></label>
                        <input type="text" name="dp[]" id="dp" class="form-control dp" placeholder="Uang Muka" value="0" onchange="formatInputUang(this)" onkeyup="dottocomma(this)">
                    </div>
                </div>
            </div>
            <div class="row mt-3">
                <div class="col-12">
                    <button type="button" style="width: 100% !important;" id="btnTambahUangMuka" class="btn btn-light btn-custom2">Tambah Uang Muka</button>
                </div>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col-6">
                <button type="button" id="btnSimpanData" class="btn btn-success btn-custom1" style="width: 100% !important;">Simpan Data Terima Order</button>
            </div>
            <div class="col-6">
                <a href="/penjualan/terima-order" class="btn btn-warning btn-custom8" style="width: 100% !important;">Kembali ke Halaman Sebelumnya</a>
            </div>
        </div>
    </div>
</div>

{{-- Modal --}}
<div id="modalBarang" class="modal fade bd-example-modal-xl" data-bs-backdrop="static">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title h4">Data Barang</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
            </div>
            <div class="modal-body">
                <form class="forms-sample">
                    <div class="row">
                        <div class="col-12">
                            <table class="table table-sm table-modal-bordered" id="tableBarang" style="width: 100% !important;">
                                <thead>
                                    <tr>
                                        <th>No.</th>
                                        <th style="white-space: normal; word-break:break-all;">Nama Barang</th>
                                        <th class="kolomAksi">
                                        </th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-12 mt-3" style="text-align: right;">
                            <button type="button" id="btnSimpanBarang" class="btn btn-primary btn-custom1">Simpan</button>
                            <button type="button" class="btn btn-secondary btn-custom8" data-bs-dismiss="modal">Keluar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<div id="modalBarangQR" class="modal fade bd-example-modal-xl" data-bs-backdrop="static">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title h4">Tambah Barang [Scan QR]</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
            </div>
            <div class="modal-body">
                <form class="forms-sample">
                    <div class="row">
                        <div class="col-12">
                            <label>Scan/Masukkan QR Barang</label>
                            <input type="text" name="" id="" class="form-control" placeholder="Scan/Masukkan QR Barang">
                        </div>
                        <div class="col-12 mt-3" style="text-align: right;">
                            <button type="button" id="btnSimpanBarangQR" class="btn btn-primary btn-custom1">Simpan</button>
                            <button type="button" class="btn btn-secondary btn-custom8" data-bs-dismiss="modal">Keluar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{{-- Akhiran Modal --}}
@endsection

@push('plugin-scripts')
  <script src="{{ asset('assets/plugins/datatables-net/jquery.dataTables.js') }}"></script>
  <script src="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.js') }}"></script>
  <script type="text/javascript" src="//gyrocode.github.io/jquery-datatables-checkboxes/1.2.12/js/dataTables.checkboxes.min.js"></script>
@endpush

@push('custom-scripts')
  <script src="{{ asset('assets/js/data-table.js') }}"></script>
  <script src="{{ asset('assets/js/sweet-alert.js') }}"></script>

    <script>
        var URLs = "{{ url('penjualan/terima-order') }}";
        let counter = 1;
        let uangMukaArray = [];

        $('#btnTambahUangMuka').on('click', function(e) {
            e.preventDefault();
            
            let metodeBayar = $('#metode_bayar_id').val();
            let rekeningPerusahaan = $('#rekening_perusahaan0').val();
            let tanggalPembayaran = $('input[name="tanggal_transfer_pembayaran[]"]').val();
            let nomorReferensi = $('input[name="nomor_transaksi[]"]').val();
            let file = $('input[name="file_transfer[]"]')[0].files[0];
            let uangMuka = $('input[name="dp[]"]').val();

            if(!metodeBayar || !tanggalPembayaran || !uangMuka) {
                swal('Perhatian', 'Pastikan semua field terisi', 'warning');
                return;
            }

            let newUangMuka = {
                metodeBayar,
                rekeningPerusahaan,
                tanggalPembayaran,
                nomorReferensi,
                file,
                uangMuka
            };

            uangMukaArray.push(newUangMuka);
            updateUangMukaTable();
            clearUangMukaForm();
        });

        function updateUangMukaTable() {
            let tableBody = $('#table-uang-muka tbody');
            tableBody.empty();

            if(uangMukaArray.length === 0) {
                tableBody.append('<tr><td colspan="7" class="text-center">Belum Terdapat Data</td></tr>');
            } else {
                uangMukaArray.forEach((item, index) => {
                    let metodeBayarNama = $('#metode_bayar_id option:selected').text();
                    tableBody.append(`
                        <tr>
                            <td>${metodeBayarNama}</td>
                            <td>${item.rekeningPerusahaan}</td>
                            <td>${item.tanggalPembayaran}</td>
                            <td>${item.nomorReferensi}</td>
                            <td>${item.file ? item.file.name : '-'}</td>
                            <td>${item.uangMuka}</td>
                            <td>
                                <button type="button" class="btn btn-danger btn-sm btn-hapus-uang-muka" data-index="${index}">Hapus</button>
                            </td>
                        </tr>
                    `);
                });
            }
        }

        function clearUangMukaForm() {
            $('#metode_bayar_id').val('').trigger('change');
            $('#rekening_perusahaan0').val('');
            $('input[name="tanggal_transfer_pembayaran[]"]').val('');
            $('input[name="nomor_transaksi[]"]').val('');
            $('input[name="file_transfer[]"]').val('');
            $('input[name="dp[]"]').val('0');
        }

        $(document).on('click', '.btn-hapus-uang-muka', function() {
            let index = $(this).data('index');
            uangMukaArray.splice(index, 1);
            updateUangMukaTable();
        });

        $('#btnTambahOrder').on('click', function(e) {
            var pelanggan = $('#id_pelanggan').val();

            if (pelanggan == null || pelanggan == '') {
            swal('Perhatian', 'Tentukan Pelanggan Terlebih Dahulu', 'info');
            } else {
            var data = {
                _token: "{{ csrf_token() }}",
                id_pelanggan: pelanggan
            };
            sendJson(URLs + '/barang', data, rBarang);
            }
        });

        $('#btnTambahOrderQR').on('click', function(e) {
            $('#modalBarangQR').modal('show');
        });

        function rBarang(data) {
            let produk_ids = $.map(data, function(item) {
                return item.id;
            });

            $('#modalBarang').modal('show');
            $('#tableBarang').DataTable().clear().destroy();
            $('#tableBarang').DataTable({
                processing: true,
                serverSide: true,
                ajax: {
                    url: '/master/produk/post-names',
                    type: 'POST',
                    data: function(d) {
                        return $.extend({}, d, {
                            '_token': "{{ csrf_token() }}",
                            'id': produk_ids.join(',')
                        });
                    }
                },
                order: [[0, 'asc']],
                columns: [
                    {data: 'DT_RowIndex', name: 'id', searchable: false},
                    {
                        data: null,
                        name: 'name',
                        orderable: false,
                        searchable: false,
                        render: function(data, type, row) {
                            let asli = data.asli;
                            return `<td style="width: 70% !important; white-space: normal; word-break:break-all;">${asli}</td>`;
                        }
                    },
                    {
                        data: 'id',
                        name: 'id',
                    }
                ],
                columnDefs: [
                    {
                    targets: 2,
                    checkboxes: {
                        selectRow: true
                    },
                    }
                ],
                select: {
                    style: 'multi'
                }
            });
            swal.close();
        }

        $('#btnSimpanBarang').on('click', function(e) {
            let barang_selected = $('#tableBarang').DataTable().column(2).checkboxes.selected();
            var jmlCek = barang_selected.length;
            var IDBarangNew = [];
            if (parseInt(jmlCek) <= 0) {
                swal('Perhatian', 'Pastikan Centang Barang Terlebih Dahulu', 'info');
            } else {
                $.each(barang_selected, function(index, id) {
                    IDBarangNew.push(parseInt(id));
                });

                var arrBarang = IDBarangNew.join("|");
                var data = {
                    arr_barang: arrBarang,
                    _token: "{{ csrf_token() }}"
                }
                sendJson(URLs + '/add-barang', data, rSendsBarang);
            }
        });

        function rSendsBarang(data) {
            let supplier_id = $('#supplier_id').val();
            let produk_ids = $.map(data, function(item) {
                return item.id;
            });

            $.ajax({
                url: `/master/produk/get-names?id=${produk_ids.join(',')}`,
                type: 'GET',
                dataType: 'json',
                success: (res) => {
                    $.each(data, function(i, v) {
                        swal.close();
                        $('#modalBarang').modal('hide');
                        $('#tableBarang tbody').html('');
                        let isiHTML = '';
                        var parameter = v.id+"-"+randomAlphabet();
                        isiHTML += '<tr id="rowBarangDetail' + parameter + '" class="rowBarangDetail">' +
                        '<td style="width: 5% !important;" class="number">'+(i+1)+'</td>'+
                        '<td style="max-width: 25% !important; white-space: normal; word-break:break-all;">' +
                            `${res.find(val => val.id == v.id).asli}`+
                        '</td>' +
                        '<td style="width: 10% !important;"><input type="hidden" class="form-control idDetail id' + v.id +
                        '" value="' + v.id + '"><input type="text" onchange="formatInputUang(this)" data-parameter="'+parameter+'" class="form-control required jumlahDetail jumlah'+parameter+' jumlah' + v.id +
                        '" data-id="' + v.id + '" value="0"></td>' +
                        '<td style="width: 13% !important;">' +
                        '<select class="form-control required satuanDetail satuan'+parameter+' satuan' + v.id + '">' +
                        '<option value="" data-konversi="0" data-harga="0" data-id="'+v.id+'" data-jenis="0" data-parameter="'+parameter+'" data-idsatuan="0" data-idsatuan_konversi="0">Silahkan Pilih</option>';

                        $.each(v.satuan, function(index, val) {
                            let nama = val;
                            var arrSatuan = nama.split('#');
                            isiHTML +=
                                // `<option value="${arrSatuan[0]}" ${(index + 1) == v.satuan.length ? 'selected' : '' } data-konversi="${arrSatuan[1]}">${arrSatuan[0]}</option>`;
                                `<option value="${arrSatuan[0]}" data-konversi="${arrSatuan[1]}" data-harga="${arrSatuan[2]}" data-id="${v.id}" data-jenis="${arrSatuan[3]}" data-idsatuan="${arrSatuan[4]}" data-idsatuan_konversi="${arrSatuan[5]}" data-parameter="${parameter}">${arrSatuan[0]}</option>`;
                        });

                        isiHTML += '</select>' +
                        '</td>' +
                        '<td><span class="hargaAwal'+parameter+' hargaAwalDetail">0</span></td>'+
                        '<td><span class="biayaTambahan'+parameter+' biayaTambahanDetail">0</span></td>'+
                        '<td><span class="harga'+parameter+' hargaDetail">0</span></td>'+
                        '<td class="kolomAksi"><button type="button" onclick="hapusBarang(\'' + parameter +
                        '\')" class="btn btn-danger btn-custom5 btn-sm"><span class="mdi mdi-delete"></span></button></td>' +
                        '</tr>'
                        ;

                        $('.tampilBarang').append(isiHTML);
                    });

                    updateTableNumbers();
                },
                error: errorSend
            });

            $('.infoKosong').hide();
        }

        $(document).on('change', '.satuanDetail', function(e) {
            var id = $(this).find("option:selected").data('id');
            var id_satuan = $(this).find("option:selected").data('idsatuan');
            var id_satuan_konversi = $(this).find("option:selected").data('idsatuan_konversi');
            var konversi = $(this).find("option:selected").data('konversi');
            var harga = $(this).find("option:selected").data('harga');
            var parameter = $(this).find("option:selected").data('parameter');
            var jenis = $(this).find("option:selected").data('jenis');
            var jumlah = ($('.jumlah'+parameter).val()).replace(/\./g, '').replace(/\,/g, '.');
            if(parseInt(jenis) > 0){
                var total = (parseFloat(konversi)*parseFloat(jumlah))*parseFloat(harga);
            }else{
                var total = parseFloat(jumlah)*parseFloat(harga);
            }

            var data = {
                _token: "{{ csrf_token() }}",
                id:id,
                parameter: parameter,
                harga: harga,
                total: total,
                id_satuan: id_satuan,
                id_satuan_konversi: id_satuan_konversi,
                jumlah: jumlah,
            }
            sendJson(URLs+'/harga', data, rSendsHarga);
        });

        function rSendsHarga(data) {
            swal.close();
            $('.hargaAwal'+data.parameter).html(formatNumberComma(data.harga));
            $('.biayaTambahan'+data.parameter).html(formatNumberComma(data.biaya_tambahan));

            $('.harga'+data.parameter).html(formatNumberComma(data.total));
            $('.harga'+data.parameter).attr('data-subtotal', data.total);
            $('.harga'+data.parameter).attr('data-biayatambahan', data.biaya_tambahan);

            var totalTO = 0
            $.each($('.hargaDetail'), function(i, v){
               var isian = $(this).html().replace(/\./g, '').replace(/\,/g, '.');
               totalTO = totalTO+parseFloat(isian);
            });

            $('#totalTerimaOrder').html(formatNumberComma(totalTO));
        }

        $(document).on('change', '.jumlahDetail', function(e) {
            var id = $(this).data('id');
            var parameter = $(this).data('parameter');
            var id_satuan = $('.satuan'+parameter).find("option:selected").data('idsatuan');
            var id_satuan_konversi = $('.satuan'+parameter).find("option:selected").data('idsatuan_konversi');
            var konversi = $('.satuan'+parameter).find("option:selected").data('konversi');
            var harga = $('.satuan'+parameter).find("option:selected").data('harga');
            var jenis = $('.satuan'+parameter).find("option:selected").data('jenis');
            var jumlah = ($(this).val()).replace(/\./g, '').replace(/\,/g, '.');
            if(parseInt(jenis) > 0){
                var total = (parseFloat(konversi)*parseFloat(jumlah))*parseFloat(harga);
            }else{
                var total = parseFloat(jumlah)*parseFloat(harga);
            }

            var data = {
                _token: "{{ csrf_token() }}",
                id:id,
                parameter: parameter,
                harga: harga,
                total: total,
                id_satuan: id_satuan,
                id_satuan_konversi: id_satuan_konversi,
                jumlah: jumlah,
            }
            sendJson(URLs+'/harga', data, rSendsHarga);
        });

        function hapusBarang(id) {
            $('#rowBarangDetail' + id).remove();

            if ($('.rowBarangDetail').length <= 0) {
                $('.infoKosong').show();
            }

            updateTableNumbers();
        }

        $('#btnSimpanData').on('click', function(e){
            if(parseInt($('.rowBarangDetail').length) > 0){
                if (cekForm('form_terima_order') == true) {
                    let arrIDDetail = [];
                    let arrJumlahDetail = [];
                    let arrSatuanDetail = [];
                    let arrHarga = [];
                    let arrSubTotal = [];
                    let arrBiayaTambahan = [];

                    $('.idDetail').each(function(){
                        arrIDDetail.push($(this).val());
                    });

                    $('.jumlahDetail').each(function(){
                        arrJumlahDetail.push($(this).val().replace(/\./g, '').replace(/\,/g, '.'));
                    });

                    $('.satuanDetail').each(function(){
                        arrSatuanDetail.push($(this).val());
                        arrHarga.push($(this).find("option:selected").data('harga'));
                    });

                    $('.hargaDetail').each(function(){
                        arrSubTotal.push($(this).data('subtotal'));
                        arrBiayaTambahan.push($(this).data('biayatambahan'));
                    });

                    var data = new FormData();
                    data.append("_token", "{{ csrf_token() }}");
                    data.append("id_pelanggan", $('#id_pelanggan').val());
                    data.append("tanggal_terima_order", $('#tanggal_terima_order').val());
                    data.append("note", $('#note').val());
                    data.append("idDetail", arrIDDetail.join('|'));
                    data.append("jumlahDetail", arrJumlahDetail.join('|'));
                    data.append("satuanDetail", arrSatuanDetail.join('|'));
                    data.append("hargaDetail", arrHarga.join('|'));
                    data.append("subTotalDetail", arrSubTotal.join('|'));
                    data.append("biayaTambahanDetail", arrBiayaTambahan.join('|'));

                    // Menambahkan data uang muka
                    uangMukaArray.forEach((item, index) => {
                        data.append(`metode_bayar_id[${index}]`, item.metodeBayar);
                        data.append(`dp[${index}]`, item.uangMuka.replace(/\./g, '').replace(/\,/g, '.'));
                        data.append(`nomor_transaksi[${index}]`, item.nomorReferensi);
                        data.append(`tanggal_transfer_pembayaran[${index}]`, item.tanggalPembayaran);
                        if(item.file) {
                            data.append(`file_transfer[${index}]`, item.file);
                        }
                    });

                    uploads(URLs+"/store", data, rSendsTerimaOrder);
                }
            } else {
                swal('Perhatian', 'Silahkan Pilih Barang Terlebih Dahulu', 'info');
            }
        });

        function rSendsTerimaOrder(data) {
            var titles = data.type == "success" ? "Sukses" : (data.type == "error" ? "Gagal" : "Info");
            swal({
            title: titles,
            text: data.response,
            type: data.type,
            confirmButtonText: "OK"
            }).then(function() {
            if (data.type == "success") {
                window.location.href = "/penjualan/terima-order";
            }
            })
        }

        var posisiGlobal = '0';
        function changeMetodeBayar(posisi){
            $('#rekening_perusahaan'+posisi).val('');
            posisiGlobal = posisi;

            var isian = $('#metode_bayar_id'+posisi).val();
            if(isian != null && isian != ''){
                var data = {
                id: isian,
                _token: "{{ csrf_token() }}"
                }
                sendJson(URLs+"/metode-bayar", data, rMetodeBayar);
            }
        }

        $('#metode_bayar_id').on('change', function(e){
            $('#rekening_perusahaan0').val('');
            posisiGlobal = '0';

            var isian = $(this).val();
            if(isian != null && isian != ''){
                var data = {
                id: isian,
                _token: "{{ csrf_token() }}"
                }
                sendJson(URLs+"/metode-bayar", data, rMetodeBayar);
            }
        });

        function rMetodeBayar(data){
            swal.close();
            $('#rekening_perusahaan'+posisiGlobal).val(data.rekening_perusahaan);
        }

        $('#id_pelanggan').select2({
            ajax: {
                url: '{{ route("kontak.pelanggan") }}',
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        search: params.term
                    };
                },
                processResults: function (data) {
                    return {
                        results: $.map(data, function (item) {
                            return {
                                text: item.nama,
                                id: item.id
                            }
                        })
                    };
                },
                cache: true
            },
            minimumInputLength: 3,
        });
    </script>
@endpush