@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/kasir">Kasir</a></li>
    <li class="breadcrumb-item active" aria-current="page">Transaksi</li>
  </ol>
</nav>

<div class="row">
  <div class="col-md-12 grid-margin stretch-card">
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-12 border p-2">
                    <div class="row">
                        <div class="col-12">
                            <h5 class="pb-3">Detail Kontak</h5>
                            <p><b>Kode :</b> {{ $dataHeader->pelanggan->kode }}</p>
                            <p><b>Nama :</b> <span id="namaCustomer">{{ $dataHeader->pelanggan->nama }}</span></p>
                            <p><b>Detail Kontak :</b>
                                <ul>
                                                                        @foreach ($dataDetailKontak as $vDetailKontak)
                                                                                <li>Telepon: {{ $vDetailKontak->value }}</li>
                                    @endforeach
                                    @if ($jmlData <= 0)
                                        Belum Terdapat Data
                                    @endif
                                </ul>

                            </p>
                            <p><b>Alamat :</b><br />{{ $dataHeader->pelanggan->alamat }}</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 mt-3">
                    <div class="row">
                        <div class="col-12">
                            <h5 class="pb-3">Daftar Transaksi</h5>
                        </div>
                        <div class="col-12">
                            <div class="table-responsive">
                                <table id="table-kasir" class="table" style="width: 100%;">
                                    <thead>
                                        <tr>
                                            <th class="text-center">No.</th>
                                            <th class="text-center">Produk</th>
                                            <th class="text-end">Jumlah</th>
                                            <th class="text-end">QTY</th>
                                            <th class="text-end">Harga</th>
                                            <th class="text-end">Biaya Tambahan</th>
                                            <th class="text-end">Potongan</th>
                                            <th class="text-end">Total Potongan</th>
                                            <th class="text-end">Total</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                                                                @foreach($dataDetail as $vDetail)
                                                                                        <tr class="dataBarang">
                                                <td class="text-center">1 </td>
                                                <td>
                                                    <span class="dataBarangProduk1">{{ cetakNamaProduk($vDetail['kode'] ?? null, $vDetail['nama'] ?? null, $vDetail['parent_id'] ?? null, $vDetail['kode_parent'] ?? null, $vDetail['nama_parent'] ?? null) }}</span>
                                                    <input type="hidden" id="info" data-jumlah="" data-harga="" data-biayatambahan="">
                                                    <a class="text-primary" data-bs-toggle="collapse" href="#detail-info-{{$vDetail['id']}}" role="button" aria-expanded="false" aria-controls="detail-info-{{$vDetail['id']}}">
                                                        <span class="mdi mdi-information"></span>
                                                    </a>
                                                </td>
                                                <td class="text-end">{{ formatNumber($vDetail['jumlah']) ?? 0 }} {{ $vDetail['satuan'] ?? "-" }}</td>
                                                <td class="text-end"><span class="dataBarangJumlah1">{{ formatNumber($vDetail['qty_sub']) ?? 0 }} {{ $vDetail['satuan_stock'] }}</span></td>
                                                <td class="text-end"><span class="dataBarangHarga1">{{ formatNumberComma($vDetail['harga']) ?? 0 }}</span></td>
                                                <td class="text-end">{{ formatNumberComma($vDetail['biaya_tambahan']) ?? 0 }}</td>
                                                <td class="text-end">
                                                    <div class="row">
                                                        <div class="col-6">
                                                            <select class="form-control potonganHarga" id="potonganHarga" disabled="disabled">
                                                                <option value="" data-parameter="" selected="selected">-</option>
                                                                <option value="persen" data-parameter="" >%</option>
                                                                <option value="nominal" data-parameter="" >Rp.</option>
                                                            </select>
                                                        </div>
                                                        <div class="col-6">
                                                            <input type="text" class="form-control nominalDiskon" id="nominal_diskon" placeholder="0" value="{{ formatNumberComma($vDetail['nominal_diskon']) }}" data-parameter="" data-total_harga_asli="{{ $vDetail['sub_total']+$vDetail['biaya_tambahan'] ?? 0 }}" disabled="disabled">
                                                        </div>
                                                    </div>
                                                </td>
                                                <td class="text-end totalPotonganDetail" id="totalPotonganSatuan">{{ formatNumberComma($vDetail['nominal_diskon_potongan']) }}</td>
                                                <td class="text-end totalHargaDetail dataBarangTotal1" id="totalHarga" data-total_harga="{{ $vDetail['sub_total']+$vDetail['biaya_tambahan'] ?? 0 }}">{{ formatNumberComma($vDetail['sub_total']+$vDetail['biaya_tambahan']-$vDetail['nominal_diskon_potongan'] ?? 0) }}</td>
                                            </tr>
                                            <tr class="collapse" data-bs-parent="#table-kasir" id="detail-info-{{$vDetail['id']}}">
                                                <td colspan="9">
                                                    <ul>
                                                        @foreach ($vDetail['data_sub'] as $vSub)
                                                            @php
                                                                $stokBrang = $vSub->stokBarang
                                                            @endphp
                                                            <li>{{ "Nomor Urut: ".$stokBrang['sort']."; Kode Lot: ".$stokBrang['kode_lot']."; QRCode: ".$stokBrang['qrcode']."; QTY: ".formatNumber($vSub['qty_timbang'])." ".$vDetail['satuan_stock']; }}</li>
                                                        @endforeach
                                                    </ul>
                                                </td>
                                            </tr>
                                        @endforeach

                                        @if ($jmlData <= 0)
                                        <tr>
                                            <td colspan="9">Belum Terdapat Data</td>
                                        </tr>
                                        @else
                                        <tr>
                                            <td colspan="4"></td>
                                            <td class="text-end">&nbsp;</td>
                                            <td class="text-end">&nbsp;</td>
                                            <td class="text-end">&nbsp;</td>
                                            <td class="text-end">&nbsp;</td>
                                            <td class="text-end">&nbsp;</td>
                                            {{-- <td class="text-end">{{ formatNumber($jmlTotal) }}</td> --}}
                                        </tr>
                                        <tr>
                                            <td colspan="8"><b>Total Harga Barang</b></td>
                                            <!-- <td class="text-end">Rp.{{ formatNumber(0) }}</td> -->
                                            <td class="text-end"><b>Rp. <span id="totalHarga">{{ formatNumberComma($jmlTotal) }}</span></b></td>
                                        </tr>
                                        @endif
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div class="col-8 mt-3">
                            <center>
                                <h3>TOTAL TIMBANG BERAT BARU</h3>
                            </center>
                        </div>
                        <div class="col-4 mt-3 mb-3">
                            <input type="text" name="total_timbang_berat_baru" id="total_timbang_berat_baru" class="form-control" onkeyup="dottocomma(this)" onchange="formatInputUang(this);" value="{{ formatNumberComma($dataHeader->total_timbang_berat_baru) }}" disabled="disabled">
                        </div>
                        @if (count($pajaks) > 0)
                            <div class="col-12" id="containerPajak">
                                <hr />
                                    <center><h5>PAJAK</h5></center>
                                    <div class="hitung-pajak">
                                        @foreach ($pajaks as $pajak)
                                            <div class="form-group pt-2 form-biaya">
                                                <div class="row">
                                                    <div class="col-6">
                                                        <label>{{ $pajak->nama." (".formatNumberComma($pajak->rate)."%)" }}</label>
                                                    </div>
                                                    <div class="col-6 text-end my-auto">
                                                        <label>Rp. {{ formatNumberComma($pajak->amount) }}</label>
                                                    </div>
                                                </div>
                                            </div>    
                                        @endforeach
                                    </div>
                                <hr />
                            </div>    
                        @endif
                        @if (count($biaya_lains) > 0)
                            <div class="col-12" id="containerBiaya">
                                <hr />
                                    <center><h5>BIAYA TAMBAHAN</h5></center>
                                    <div class="hitung-biaya">
                                        @foreach ($biaya_lains as $biaya_lain)
                                            <div class="form-group pt-2 form-biaya">
                                                <div class="row">
                                                    <div class="col-6">
                                                        <label>{{ $biaya_lain->keterangan }}</label>
                                                    </div>
                                                    <div class="col-6 text-end my-auto">
                                                        <label>Rp. {{ formatNumberComma($biaya_lain->amount) }}</label>
                                                    </div>
                                                </div>
                                            </div>    
                                        @endforeach
                                    </div>
                                <hr />
                            </div>    
                        @endif
                        <div class="col-12">
                            <table style="width: 100%;">
                                <tbody>
                                    <tr>
                                        <td style="width: 60% !important;"><b>Potongan</b></td>
                                        <td style="width: 10% !important;">
                                            <select name="potongan" id="potongan" class="form-control" disabled="disabled">
                                                <option value="" selected="selected">-</option>
                                                <option value="persen" >%</option>
                                                <option value="nominal" >Rp.</option>
                                            </select>
                                        </td>
                                        <td style="width: 10% !important;">
                                            <input type="text" name="nominal_potongan" id="nominal_potongan" class="form-control" placeholder="0" value="{{ formatNumberComma($dataHeader->tipe_diskon == 'persen' ? $dataHeader->diskon_persen : $dataHeader->diskon_nominal) }}" onkeyup="dottocomma(this)" onchange="formatInputUang(this)" disabled="disabled">
                                            <input type="hidden" id="dpTotal" value="">
                                            <input type="hidden" id="jmlTotal" value="0">
                                            <input type="hidden" id="idPenjualan" value="0">
                                        </td>
                                        <td class="text-end"><b>Rp. <span id="totalPotongan" data-total_potongan="0">{{ formatNumberComma($dataHeader->diskon_nominal) }}</span></b></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>
  <div class="col-12 mb-3">
    <div class="card">
        <div class="card-header bg-white">
            <h5>History Uang Dibayarkan</h5>
        </div>
        <div class="card-body">
            <div class="table-responsive" style="overflow-x: auto;">
                <table id="datatable-serverside" class="table table-sm" style="width: 100%;">
                    <thead>
                    <tr>
                        <th class="kolomNomor">No.</th>
                        <th>Nomor Terima Order</th>
                        <th>Metode Bayar</th>
                        <th>Rekening Perusahaan</th>
                        <th>Tanggal</th>
                        <th class="text-end">Nominal</th>
                        <th class="text-end">Potongan</th>
                        <th>Nomor Referensi</th>
                        <th>File</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
  </div>
  <div class="col-12">
    <div class="card">
        <div class="card-header bg-white">
            <h5>Pembayaran</h5>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-12 mt-1 mb-3">
                    <label class="form-label"><b>Uang yang Telah Dibayarkan</b></label>
                    <input type="text" name="dp" id="dp" class="form-control" placeholder="Uang yang Telah Dibayarkan" readonly="readonly" value="Rp. {{ formatNumberComma($uang_dibayarkan) ?? 0 }}">
                </div>
                <div class="col-6 mt-1 mb-3">
                    <label class="form-label"><b>Metode Bayar</b></label>
                    <select name="metode_bayar_id" id="metode_bayar_id" class="form-control">
                        <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 }}  @if ($vMB->nama == "DEPOSIT") (Rp. {{ formatNumber($totalDeposit) }}) @endif</option>
                        @endforeach
                    </select>
                    <input type="hidden" name="total_deposit" id="total_deposit" value="{{ $totalDeposit }}">
                </div>
                <div class="col-6 mt-1 mb-3">
                    <label class="form-label"><b>Rekening Perusahaan</b></label>
                    <input type="text" id="rekening_perusahaan" class="form-control" 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="{{ date('Y-m-d\TH:i:s') }}">
                </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-12 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>Uang Dibayarkan</b></label>
                    <input type="text" name="uang_dibayarkan" id="uang_dibayarkan" onkeyup="dottocomma(this)" onchange="formatInputUang(this);" class="form-control removeMinusSign" placeholder="Uang Dibayar">
                </div>
                <div class="col-6 mt-1 mb-3">
                    <label class="form-label"><b>Potongan</b></label>
                    <input type="text" name="potongan_akhir" id="potongan_akhir" class="form-control sanitizeMinusSign" placeholder="Potongan" onkeyup="dottocomma(this)" onchange="formatInputUang(this);">
                </div>
                <div class="col-6 mt-1 mb-3">
                    <label class="form-label"><b>Uang Kembalian</b></label>
                    <input type="text" name="uang_kembalian" id="uang_kembalian" class="form-control" placeholder="Uang Kembalian" readonly="readonly">
                </div>
                <div class="row mt-4">
                    <div class="col-8 row">
                        <div class="col-12 text-center">
                            Kurang Bayar<hr />
                            <h3 id="totalPenjualan" data-total_penjualan="0" data-grand_total_penjualan="">Rp. {{ formatNumber($dataHeader->grand_total-$uang_dibayarkan-$potongan) }}</h3>
                        </div>
                    </div>
                    <div class="col-4 row">
                        <div class="col-12 p-1">
                            <button class="btn btn-primary btn-custom3 w-100 h-100" id="btnBayar">Bayar</button>
                        </div>
                        <div class="col-12 p-1">
                            <button class="btn btn-primary btn-custom6 w-100" id="btnPrint">Cetak Nota</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>
</div>
@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>
@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/kasir') }}";
    var biayaPajak = 0;
    var biayaAdd = 0;
    var historyBayar = [];

    let datatable = $('#datatable-serverside').DataTable({
      lengthMenu: lengthMenuDatatable(),
      processing: true,
      serverSide: true,
      ajax: URLs+'/get-data-uang-muka-detail/{{ $dataHeader->id_terima_order }}/{{ $dataHeader->id }}',
      columns: [
        {data: 'DT_RowIndex', name: 'id', searchable: false},
        {data: 'nomor_terima_order', name: 'nomor_terima_order'},
        {data: 'metode_bayar', name: 'metode_bayar'},
        {data: 'rekening_perusahaan', name: 'rekening_perusahaan', searchable: false},
        {data: 'tanggal', name: 'tanggal'},
        {data: 'nominal', name: 'nominal', class:'text-end'},
        {data: 'potongan', name: 'potongan', class:'text-end'},
        {data: 'nomor_transaksi_bank', name: 'nomor_transaksi_bank', orderable: false},
        {data: 'file_data', name: 'file_data', orderable: false},
      ],
      order: [[ 0, "desc" ]],
    });

    datatable.on('draw', function () {
        $('#datatable-serverside tbody tr').each(function () {
            var indexCol = 0;
            var history = [];
            $(this).find('td').each(function () {
                if(indexCol == 1){
                    if($(this).text().trim() != '-'){
                        history.push('UANG MUKA');
                    }else{
                        history.push($(this).text().trim());
                    }
                }else{
                    if(indexCol == 2 || indexCol == 4){
                        history.push($(this).text().trim());
                    }else if(indexCol == 5 || indexCol == 6){
                        history.push($(this).text().trim().replace(/\./g, '').replace(/\,/g, '.'));
                    }
                }
                indexCol = indexCol+1;
            });
            historyBayar.push(history.join('|'));
        });
    });

    $('#uang_dibayarkan').on('change', function(e){
        let metodeBayarText = $('#metode_bayar_id option:selected').text();
        let total_deposit = parseFloat($('#total_deposit').val());
        let val = parseFloat($(this).val().replace(/\./g, '').replace(/\,/g, '.'));
        if(metodeBayarText.includes("DEPOSIT")){
            if(total_deposit < val){
                alert('Deposit Tidak Cukup');
                $(this).val(0);
            }
        }
        var totalPenjualan = $('#totalPenjualan').data('total_penjualan');
        var uangDibayarkan = 0;
        if($(this).val() != null && $(this).val() != ''){
            uangDibayarkan = $('#uang_dibayarkan').val().replace(/\./g, '').replace(/\,/g, '.');
        }
        var potonganAkhir = 0;
        if($(this).val() != null && $(this).val() != ''){
            potonganAkhir = $('#potongan_akhir').val().replace(/\./g, '').replace(/\,/g, '.');
        }
        totalPenjualan = totalPenjualan-potonganAkhir;
        var kembalian = parseFloat(uangDibayarkan)-parseFloat(totalPenjualan);
        $('#uang_kembalian').val(formatNumber((kembalian <= 0 ? 0 : kembalian), 0, 2));
    });

    $('#potongan_akhir').on('change', function(e){
        var totalPenjualan = $('#totalPenjualan').data('total_penjualan');
        var potonganAkhiran = $(this).val().replace(/\./g, '').replace(/\,/g, '.');
        totalPenjualan = totalPenjualan-potonganAkhiran;

        var uangDibayarkan = $('#uang_dibayarkan').val().replace(/\./g, '').replace(/\,/g, '.');
        var uangKembalian = uangDibayarkan-totalPenjualan;

        if(uangKembalian < 0){
            uangKembalian = 0;
        }

        $('#totalPenjualan').removeAttr('data-total_penjualan');
        $('#totalPenjualan').attr('data-total_penjualan', totalPenjualan);
        $('#totalPenjualan').html('Rp. '+formatNumber(totalPenjualan));

        $('#uang_kembalian').val(formatNumber(uangKembalian));
    });

    $('#btnBatal').on('click', function(e){
        e.preventDefault();
    });

    $('#btnBayar').on('click', function(e){
        var metode_bayar_id = $('#metode_bayar_id').val();

        if(metode_bayar_id != null && metode_bayar_id != ''){
            var tunai = $('#metode_bayar_id').find('option:selected').data('tunai');
            var uangDibayarkan = 0;
            var uangKembalian = 0;
            var potonganAkhiran = $('#potongan_akhir').val().replace(/\./g, '').replace(/\,/g, '.');
            
            var cekUangDibayarkan = $('#uang_dibayarkan').val().replace(/\./g, '').replace(/\,/g, '.');
            if(parseFloat(cekUangDibayarkan) <= 0){
                swal('Perhatian', 'Pastikan Input Nominal Uang yang Dibayarkan Terlebih Dahulu', 'warning');
                return false;
            }else{
                uangDibayarkan = cekUangDibayarkan;
                uangKembalian = $('#uang_kembalian').val().replace(/\./g, '').replace(/\,/g, '.');
            }

            var status_pembayaran = '0';
            var cekJml1 = $('#totalPenjualan').data('total_penjualan');
            var cekJml2 = uangDibayarkan;
            if(cekJml2 < cekJml1){
                status_pembayaran = '1';
            }else{
                status_pembayaran = '2';
            }

            var data = new FormData();
            data.append("_token", "{{ csrf_token() }}");
            data.append("id_penjualan", $('#idPenjualan').val());
            data.append("uang_dibayarkan", uangDibayarkan);
            data.append("potongan_akhir", potonganAkhiran);
            data.append("metode_bayar_id", $('#metode_bayar_id').val());
            data.append("nomor_transaksi", $('#nomor_transaksi').val());
            data.append("total_timbang_berat_baru", $('#total_timbang_berat_baru').val().replace(/\./g, '').replace(/\,/g, '.'));
            data.append("tanggal_transfer", $('#tanggal_transfer_pembayaran').val());
            if($('#file_transfer').val() != null && $('#file_transfer').val() != ''){
                data.append("file", $('#file_transfer')[0].files[0]);
            }
            data.append("status_pembayaran", status_pembayaran);
            uploads(URLs+'/store-pembayaran', data, rSendsKasir);
        }else{
            swal('Perhatian', 'Pastikan Anda Memilih Metode Bayar Terlebih Dahulu', 'warning');
            return false;
        }
    });

    function rSendsKasir(dataResp) {
        var titles = dataResp.type == "success" ? "Sukses" : (dataResp.type == "error" ? "Gagal" : "Info");
        var jenisResp = dataResp.type;
        swal({
        title: titles,
        text: dataResp.response,
        type: dataResp.type,
        confirmButtonText: "OK"
        }).then(function() {
            if (jenisResp == "success") {
                // Untuk Tampilkan Nota
                var lB = 1;
                var nama_barang = [];
                var qty_barang = [];
                var harga_barang = [];
                var total_barang = [];
                $.each($('.dataBarang'), function(iB, vB){
                    nama_barang.push($('.dataBarangProduk'+lB).html());
                    qty_barang.push($('.dataBarangJumlah'+lB).html());
                    harga_barang.push($('.dataBarangHarga'+lB).html());
                    total_barang.push($('.dataBarangTotal'+lB).html());
                    lB = lB+1;
                });

                var keterangan_biaya = [];
                var amount_biaya = [];
                $.each($('.form-biaya'), function(i, v){
                    keterangan_biaya.push($(this).find('.keterangan-biaya').val());
                    amount_biaya.push(formatNumberComma($(this).find('.amount-biaya').val().replace(/\./g, '').replace(/\,/g, '.')));
                });

                var keterangan_pajak = [];
                var amount_pajak = [];
                $.each($('.pajak'), function(i, v){
                    keterangan_pajak.push($(this).find(':selected').html());
                    var posisi = $(this).find('option:selected').data('posisi');
                    amount_pajak.push($('#amount-pajak'+posisi).html().replace('Rp. ', '').replace(/\./g, '').replace(/\,/g, '.'));
                });

                var totPenjualan = Math.round($('#totalPenjualan').data('grand_total_penjualan'));
                var akhirTotPenjualan = (totPenjualan.toString()).slice(-2);

                var pembulatan = 0;
                if(parseInt(akhirTotPenjualan) > 100 && parseInt(akhirTotPenjualan) < 100){
                    pembulatan = 100-parseInt(akhirTotPenjualan);
                }

                var total_potongan_fix = $('#totalPotongan').html().replace('Rp. ', '').replace(/\./g, '').replace(/\,/g, '.');
                var potongan_akhir_fix = $('#potongan_akhir').val().replace('Rp. ', '').replace(/\./g, '').replace(/\,/g, '.');
                
                if(potongan_akhir_fix == null || potongan_akhir_fix == ''){
                    potongan_akhir_fix = 0;
                }
                
                total_potongan_fix = parseFloat(total_potongan_fix)+parseFloat(potongan_akhir_fix);

                var grandTotal = parseInt(totPenjualan)+pembulatan;

                if($('#metode_bayar_id').val() != null && $('#metode_bayar_id').val() != ''){
                    var mB = $('#metode_bayar_id option:selected').html();
                    
                    var tglPm = $('#tanggal_transfer_pembayaran').val();
                    var dateObj = new Date(tglPm);
                    
                    var day = String(dateObj.getDate()).padStart(2, '0');
                    var month = String(dateObj.getMonth() + 1).padStart(2, '0');
                    var year = dateObj.getFullYear();

                    var tglPmFix = day + '-' + month + '-' + year;
                
                    historyBayarTemp = historyBayar;
                    historyBayar = [];
                    historyBayar.push('-|'+mB+'|'+tglPmFix+'|'+$('#uang_dibayarkan').val().replace(/\./g, '')+'|0');
                    $.each(historyBayarTemp, function(i, v){
                        historyBayar.push(v);
                    })
                }

                var nomorTerimaOrder = "{{ $nomor_terima_order }}";
                var data = {
                    _token: "{{ csrf_token() }}",
                    nomor_terima_order: nomorTerimaOrder.replace(/\//g, '#'),
                    customer: $('#namaCustomer').html(),
                    kasir: "{{ auth()->user()->name }}",
                    metode_bayar: $('#metode_bayar_id option:selected').text() == 'Silahkan Pilih' ? '-' : $('#metode_bayar_id option:selected').text(),
                    nama_barang: nama_barang.join('#'),
                    qty_barang: qty_barang.join('#'),
                    harga_barang: harga_barang.join('#'),
                    total_barang: total_barang.join('#'),
                    keterangan_pajak: keterangan_pajak.join('#'),
                    amount_pajak: amount_pajak.join('#'),
                    keterangan_biaya: keterangan_biaya.join('#'),
                    amount_biaya: amount_biaya.join('#'),
                    total_order: formatNumberComma(totPenjualan),
                    pembulatan: pembulatan,
                    grand_total: formatNumberComma(grandTotal),
                    npwp: "{{$GlobalVar->npwp}}",
                    total_harga: $('#totalHarga').html(),
                    total_potongan: formatNumberComma(total_potongan_fix),
                    dp: $('#dp').val().replace('Rp. ', ''),
                    history_bayar: historyBayar.join('#')
                };

                // var encodedData = $.param(data);
                // var url = "/penjualan/kasir/preview-nota/"+encodedData;

                // var newWindow = window.open(url, "_blank");
                // if (newWindow) {
                //     newWindow.focus();
                // } else {
                //     alert("Please allow popups for this website to preview the receipt.");
                // }

                // window.location.href = "/penjualan/kasir";

                $.post('/penjualan/kasir/preview-nota', data, function(response) {
                    var newWindow = window.open();
                    newWindow.document.write(response);
                    newWindow.document.close();

                    setTimeout(function() {
                        window.location.href = "/penjualan/kasir";
                    }, 1000); 
                });
            }
        })
    }

    $('#metode_bayar_id').on('change', function(e){
        let metodeBayarText = $('#metode_bayar_id option:selected').text();
        let total_deposit = parseFloat($('#total_deposit').val());
        let val = parseFloat($('#uang_dibayarkan').val().replace(/\./g, '').replace(/\,/g, '.'));
        if(metodeBayarText.includes("DEPOSIT")){
            if(total_deposit < val){
                alert('Deposit Tidak Cukup');
                $('#uang_dibayarkan').val(0);
                
                var totalPenjualan = $('#totalPenjualan').data('total_penjualan');
                var uangDibayarkan = 0;
                if($('#uang_dibayarkan').val() != null && $('#uang_dibayarkan').val() != ''){
                    uangDibayarkan = $('#uang_dibayarkan').val().replace(/\./g, '').replace(/\,/g, '.');
                }
                var potonganAkhir = 0;
                if($('#uang_dibayarkan').val() != null && $('#uang_dibayarkan').val() != ''){
                    potonganAkhir = $('#potongan_akhir').val().replace(/\./g, '').replace(/\,/g, '.');
                }
                totalPenjualan = totalPenjualan-potonganAkhir;
                var kembalian = parseFloat(uangDibayarkan)-parseFloat(totalPenjualan);
                $('#uang_kembalian').val(formatNumber((kembalian <= 0 ? 0 : kembalian), 0, 2));
            }
        }
        $('#rekening_perusahaan').val('');
        var isian = $(this).val();
        if(isian != null && isian != ''){
            var data = {
            id: isian,
            id_pelanggan: $('#id_pelanggan').val(),
            _token: "{{ csrf_token() }}"
            }
            sendJson(URLs+"/metode-bayar", data, rMetodeBayar);
        }
    });

    function rMetodeBayar(data){
        swal.close();
        if(data.jenis_metode == 'deposit'){
            $('#rekening_perusahaan').val(data.rekening_perusahaan);
            $('#uang_dibayarkan').val(data.jml_deposit);
        }else{
            $('#rekening_perusahaan').val(data.rekening_perusahaan);
        }
    }

    $('#btnPrint').on('click', function() {
        var lB = 1;
        var nama_barang = [];
        var qty_barang = [];
        var harga_barang = [];
        var total_barang = [];
        $.each($('.dataBarang'), function(iB, vB){
            nama_barang.push($('.dataBarangProduk'+lB).html())
            qty_barang.push($('.dataBarangJumlah'+lB).html())
            harga_barang.push($('.dataBarangHarga'+lB).html())
            total_barang.push($('.dataBarangTotal'+lB).html())
            lB = lB+1;
        });

        var keterangan_biaya = [];
        var amount_biaya = [];
        $.each($('.form-biaya'), function(i, v){
            keterangan_biaya.push($(this).find('.keterangan-biaya').val());
            amount_biaya.push(formatNumberComma($(this).find('.amount-biaya').val().replace(/\./g, '').replace(/\,/g, '.')));
        });

        var keterangan_pajak = [];
        var amount_pajak = [];
        $.each($('.pajak'), function(i, v){
            keterangan_pajak.push($(this).find(':selected').html());

            var posisi = $(this).find('option:selected').data('posisi');
            amount_pajak.push($('#amount-pajak'+posisi).html().replace('Rp. ', '').replace(/\./g, '').replace(/\,/g, '.'));
        });
        
        var totPenjualan = Math.round($('#totalPenjualan').data('grand_total_penjualan'));
        var akhirTotPenjualan = (totPenjualan.toString()).slice(-2);
        
        var pembulatan = 0;
        if(parseInt(akhirTotPenjualan) > 100 && parseInt(akhirTotPenjualan) < 100){
            pembulatan = 100-parseInt(akhirTotPenjualan);
        }

        var total_potongan_fix = $('#totalPotongan').html().replace('Rp. ', '').replace(/\./g, '').replace(/\,/g, '.');
        var potongan_akhir_fix = $('#potongan_akhir').val().replace('Rp. ', '').replace(/\./g, '').replace(/\,/g, '.');

        if(potongan_akhir_fix == null || potongan_akhir_fix == ''){
            potongan_akhir_fix = 0;
        }

        total_potongan_fix = parseFloat(total_potongan_fix)+parseFloat(potongan_akhir_fix);

        var grandTotal = parseInt(totPenjualan)+pembulatan;

        if($('#metode_bayar_id').val() != null && $('#metode_bayar_id').val() != ''){
            var mB = $('#metode_bayar_id option:selected').html();
            
            var tglPm = $('#tanggal_transfer_pembayaran').val();
            var dateObj = new Date(tglPm);
            
            var day = String(dateObj.getDate()).padStart(2, '0');
            var month = String(dateObj.getMonth() + 1).padStart(2, '0');
            var year = dateObj.getFullYear();

            var tglPmFix = day + '-' + month + '-' + year;
        
            historyBayarTemp = historyBayar;
            historyBayar = [];
            historyBayar.push('-|'+mB+'|'+tglPmFix+'|'+$('#uang_dibayarkan').val().replace(/\./g, '')+'|0');
            $.each(historyBayarTemp, function(i, v){
                historyBayar.push(v);
            })
        }

        var nomorTerimaOrder = "{{ $nomor_terima_order }}";
        var data = {
            _token: "{{ csrf_token() }}",
            nomor_terima_order: nomorTerimaOrder.replace(/\//g, '#'),
            customer: $('#namaCustomer').html(),
            kasir: "{{ auth()->user()->name }}",
            metode_bayar: $('#metode_bayar_id option:selected').text() == 'Silahkan Pilih' ? '-' : $('#metode_bayar_id option:selected').text(),
            nama_barang: nama_barang.join('#'),
            qty_barang: qty_barang.join('#'),
            harga_barang: harga_barang.join('#'),
            total_barang: total_barang.join('#'),
            keterangan_pajak: keterangan_pajak.join('#'),
            amount_pajak: amount_pajak.join('#'),
            keterangan_biaya: keterangan_biaya.join('#'),
            amount_biaya: amount_biaya.join('#'),
            total_order: formatNumberComma(totPenjualan),
            pembulatan: pembulatan,
            grand_total: formatNumberComma(grandTotal),
            npwp: "{{$GlobalVar->npwp}}",
            total_harga: $('#totalHarga').html(),
            // total_potongan: $('#totalPotongan').html().replace('Rp. ', ''),
            total_potongan: formatNumberComma(total_potongan_fix),
            dp: $('#dp').val().replace('Rp. ', ''),
            history_bayar: historyBayar.join('#')
        };

        // var encodedData = $.param(data);
        // var url = "/penjualan/kasir/preview-nota/"+encodedData;

        // window.open(url, "_blank");

        $.post('/penjualan/kasir/preview-nota', data, function(response) {
            var newWindow = window.open();
            newWindow.document.write(response);
            newWindow.document.close();
        });
    });
  </script>
@endpush