@extends('layout')

@section('css')
<style>
    h4{
        margin:0;
        font-size: 1.2em;
    }
	.inputdraft{
		width:150px;
	}
	
	#table_carton td {
		vertical-align: top;
	}
</style>
@endsection

@section('content')

	<!-- Page header -->
	<div class="page-header page-header-light">
		<div class="page-header-content header-elements-md-inline">
			<div class="page-title d-flex">
				<h3 class="font-weight-bold"><span class="font-weight-light">Draft Invoice</h3>
				<a href="#" class="header-elements-toggle text-default d-md-none"><i class="icon-more"></i></a>
			</div>
		</div>
	</div>
	<!-- /page header -->

	<!-- Content area -->
	<div class="content">
        <div class="card">
            <div class="card-body">
				<div class="row">
					<div class="col-md-4">
						<div class="form-group">
							Info Perusahaan
							<hr>
							{{$coload->nama}}<br>
							{{$coload->alamat}}<br>
							Telp: {{$coload->telp}}<br>
							Tanggal Print : <i>-- Generate setelah pembuatan invoice --</i>
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							Harga Deals
							<hr>
							{!! $customer->harga_deals != "" ? $customer->harga_deals : '-' !!}
						</div>
					</div>
					<div class="col-md-4">
						<div class="form-group">
							Tagihan Untuk
							<hr>
							{{ucwords($customer->nama)}}<br>
							{{$customer->alamat}}<br>
							@if (\Auth::user()->id == 46)
								Telp: {{$customer->telp}}<br>
							@endif
							Email: {{$customer->email}}<br>
						</div>
					</div>
				</div>
            </div>
        </div>

		<div class="card">
			<div class="card-body">
			<form class="form-validate-jquery" action="{{route('invoice.store')}}" method="post" id="form2">
				@csrf
				<input type="hidden" name="customer_id" value="{{ $customer->id }}">
				<input type="hidden" name="container" value="{{ $container }}">
				{{-- <input type="hidden" id="kurs_rmb" name="kurs_rmb" value="{{ $kurensi->rate_rupiah }}"> --}}
				<input type="hidden" id="kurs_rmb" name="kurs_rmb" value="{{ $kurensi }}">
				<table class="table" id="table_carton">
					<thead>
						<tr>
							<th>No. Resi</th>
							<th>Shipping Marks</th>
							<th>Tipe Barang</th>
							<th>Jml Karton</th>
							@if(strtolower(@$details->first()->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "udara")
								<th>Total Berat Volume (m3)</th>
							@else
								<th>Total Volume (m3)</th>
							@endif
							<th>Total Berat (kg)</th>
							<th>Biaya cbm/kg</th>
							<th>Total Biaya</th>
						</tr>
					</thead>
					<tbody>

						@if(count($details))
						@php
							$grandtotal = 0;
							$i=1;
							$lastresi = null;
						@endphp
							<input type="hidden" id="datacnt" value="{{count($details)}}">
							@foreach($details as $detail)
							@php
								$biayacbmkg = 0;
								$cekbiayacbmkg = null;
								$ekspedisi_detail_id = null;
								$harga_ekspedisi = 0;
							@endphp
                @if(is_object($detail->detail_barang->first()->ekspedisi))
						@php
							$biayacbmkg = 0;
							$cekbiayacbmkg = cekbiayaekspedisicreate($detail);
							if ($cekbiayacbmkg != null) {
								$ekspedisi_detail_id = $cekbiayacbmkg->id;
								$harga_ekspedisi = $cekbiayacbmkg->harga;
								$biayacbmkg = $cekbiayacbmkg->harga;
							}

							// cek harga per user
							if ($biayacbmkg != 0 && $ekspedisi_detail_id != null) {
								$cekhargauser = cekhargauser($customer->id, $ekspedisi_detail_id);
								if ($cekhargauser != null) {
									$biayacbmkg = $cekhargauser->harga;
								}
							}

							// $biayacbmkg = $detail->detail_barang->first()->ekspedisi->harga;
							$finbiayacbmkg = $biayacbmkg;

							// perhitungan voucher jika potongan biaya cbm / kg
							if (@$detail->receipt->voucheruser) {
								$potongan = 0;
								$potongancbmkg = 0;
								// $finbiayacbmkg = $biayacbmkg;

								$jumlahvoucher = @$detail->receipt->voucheruser->voucher->jumlah;
								$tipepotongan = @$detail->receipt->voucheruser->voucher->tipe_potongan;
								$tipevoucher = @$detail->receipt->voucheruser->voucher->tipe_voucher;

								if ($tipepotongan != null) {
									if ($tipepotongan == 2) {
										if ($tipevoucher == 1) {
											$potongancbmkg = @$detail->receipt->voucheruser->voucher->jumlah/100 * $biayacbmkg;
										} else {
											$potongancbmkg = @$detail->receipt->voucheruser->voucher->jumlah;
										}

										$finbiayacbmkg = $biayacbmkg - $potongancbmkg;
									}
								}
							}
						@endphp
                  <!-- Jika tipe ekspedisi udara -->
                  @if(strtolower($detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "udara")
                    @php
                    $volume = (($detail->panjang * $detail->lebar * $detail->tinggi)/6000) * $detail->carton_count;
                    @endphp

                    <!-- Jika Berat Volume Lebih Besar dari Berat Utama -->
                    @if($volume > ($detail->berat * $detail->carton_count))
                      @php
                      $berat_tambahan = $volume - ($detail->berat * $detail->carton_count);
					  $fber = number_format($berat_tambahan,2,'.','');
					  $berat_tambahan = floatval($fber);

                      $harga_tambahan = @$finbiayacbmkg/2;
                    //   $total = ($berat_tambahan)
					  $total = (($detail->berat * $detail->carton_count) * @$finbiayacbmkg) + ($berat_tambahan * $harga_tambahan)
                      @endphp
                    @else
                      @php
                      $total = @$finbiayacbmkg * $detail->carton_count * $detail->berat;
                      @endphp
                    @endif
                  @else
                    @php
                    $volume = (($detail->panjang * $detail->lebar * $detail->tinggi)/1000000) * $detail->carton_count;
                    $total = 0;
                    $total = @$finbiayacbmkg * round($volume, 2);
                    @endphp
                  @endif
                @else
                  @php
                  $volume = (($detail->panjang * $detail->lebar * $detail->tinggi)/1000000) * $detail->carton_count;
                  $total = 0;
                  $total = @$finbiayacbmkg * round($volume, 2);
                  @endphp
                @endif

                @php
				$biaya_qc = 0;
				if (@$detail->receipt->total_biaya_qc != null) {
					$biaya_qc = @$detail->receipt->total_biaya_qc;
				}

				// $total = 50000;

				// perhitungan voucher
				if (@$detail->receipt->voucheruser) {
					if ($tipepotongan != null) {
						if ($tipepotongan == 1) {
							if ($tipevoucher == 1) {
								$potongan = @$detail->receipt->voucheruser->voucher->jumlah/100 * $total;
							} else {
								$potongan = @$detail->receipt->voucheruser->voucher->jumlah;
							}

							if ($total > 0) {
								$total = $total - $potongan;
							}
						}
					}
				}
				

                $grandtotal += $total;
                @endphp
				{{-- cek : {{$cekhargauser}} --}}
				{{-- <br> --}}
				{{-- {{round($volume, 2)}} --}}
								<tr id="tr{{$detail->id}}">
									<input type="hidden" name="detail[{{ $detail->id }}]" value="{{ $detail->id }}">
									<input type="hidden" name="no_resi[{{ $detail->id }}]" value="{{ @$detail->receipt->no_resi }}">
									<input type="hidden" name="tipe_ekspedisi[{{ $detail->id }}]" value="{{ @$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi }}">
									<input type="hidden" name="tipe_barang[{{ $detail->id }}]" value="{{ @$detail->detail_barang->first()->ekspedisi->tipe_barang }}">
									<input type="hidden" name="jml_ctn[{{ $detail->id }}]" value="{{ $detail->carton_count }}">

									{{-- @if ($cekbiayacbmkg != null) --}}
										<input type="hidden" name="ekspedisi_detail_id[{{ $detail->id }}]" value="{{$ekspedisi_detail_id}}">
										<input type="hidden" name="harga_ekspedisi[{{ $detail->id }}]" value="{{$harga_ekspedisi}}">
									{{-- @endif --}}

									<td style="vertical-align:initial">{{ @$detail->receipt->no_resi }}</td>
									<td style="vertical-align:initial">{{ @$detail->receipt->shipping_mark }}</td>
									<td style="vertical-align:initial">{{ @$detail->detail_barang->first()->ekspedisi->tipe_barang }}</td>
									<td style="vertical-align:initial">{{ $detail->carton_count }}</td>

									{{-- Total Volume --}}
									<td style="vertical-align:initial">
										<input id="oldvolume{{$i}}" type="hidden" value="{{$volume}}">
										{{-- <input type="number" id="volume{{$i}}" name="volume[{{ $detail->id }}]" step=".001" --}}
										<input type="text" id="volume{{$i}}" name="volume[{{ $detail->id }}]"
										class="form-control border-teal border-1 inputdraft sumgrand hitunglimit volumeresi{{$detail->receipt->no_resi}}"
										value="{{ number_format($volume, 3, ',', '.') }}"
										data-rv_volume="{{$volume}}"
										data-jkarton="{{$detail->carton_count}}"
										data-nodata="{{$i}}"
										data-tipe="{{@$detail->detail_barang->first()->ekspedisi->satuan}}"
                    data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}" onkeyup="validateInput(this)">
									</td>

									{{-- Berat --}}
                  {{-- Jika menggunakan ekspedisi udara dan berat volume > berat utama --}}
                  @if((strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "udara") && ($volume > ($detail->berat * $detail->carton_count)))
                  <td style="vertical-align:initial">
										<input id="oldberat{{$i}}" type="hidden" value="{{($detail->berat * $detail->carton_count)}}" readonly>
										<input type="number" id="berat{{$i}}" name="berat[{{ $detail->id }}]" step=".01"
        									 class="form-control border-teal border-1 inputdraft sumgrand changeinputberat"
        									 value="{{ ($detail->berat * $detail->carton_count) }}"
        									 data-jkarton="{{$detail->carton_count}}"
        									 data-nodata="{{$i}}"
        									 data-tipe="{{@$detail->detail_barang->first()->ekspedisi->satuan}}"
                           data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}"
                    >
                    <span class="text-muted"><i>* Berat Utama</i></span>
                    <br>
                    {{-- <input type="number" id="berat_tambahan{{$i}}" name="berat_tambahan[{{ $detail->id }}]" step=".001" --}}
                    <input type="text" id="berat_tambahan{{$i}}" name="berat_tambahan[{{ $detail->id }}]"
                           class="form-control border-teal border-1 inputdraft sumgrand mt-2"
                           value="{{number_format($berat_tambahan,2,',','.')}}"
						   data-rv_berat_tambahan="{{$berat_tambahan}}"
                           data-jkarton="{{$detail->carton_count}}"
      										 data-nodata="{{$i}}"
      										 data-tipe="{{@$detail->detail_barang->first()->ekspedisi->satuan}}"
                           data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}"
                    >
                    <span class="text-muted"><i>* Berat tambahan</i></span>
									</td>
                  {{-- Jika menggunakan ekspedisi laut atau menggunakan ekspedisi udara tapi berat volume < berat utama --}}
                  @else
                  <td style="vertical-align:initial">
										<input id="oldberat{{$i}}" type="hidden" value="{{($detail->berat * $detail->carton_count)}}">
										<input type="number" id="berat{{$i}}" name="berat[{{ $detail->id }}]" step=".01"
										class="form-control border-teal border-1 inputdraft sumgrand"
										value="{{ ($detail->berat * $detail->carton_count) }}"
										data-jkarton="{{$detail->carton_count}}"
										data-nodata="{{$i}}"
										data-tipe="{{@$detail->detail_barang->first()->ekspedisi->satuan}}"
                    data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}">
									</td>
                  @endif

									{{-- Harga / Perhitungan tergantung ekspedisi udara atau laut --}}
                  {{-- Jika menggunakan ekspedisi udara dan berat volume > berat utama --}}
                  @if((strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "udara") && ($volume > ($detail->berat * $detail->carton_count)))
                  <td style="vertical-align:initial">
                    <input id="oldharga{{$i}}" type="hidden" value="{{@$biayacbmkg}}" readonly>
										<input type="number" id="harga{{$i}}" name="harga[{{ $detail->id }}]" step=".001"
      										 class="form-control border-teal border-1 inputdraft sumgrand hargaudara hargasum{{$i}}"
                           value="{{ @$biayacbmkg }}"
      										 data-jkarton="{{$detail->carton_count}}"
      										 data-nodata="{{$i}}"
      										 data-tipe="{{@$detail->detail_barang->first()->ekspedisi->satuan}}" min="0"
                           data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}"
                    >
										<span class="text-muted"><i>* {{@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi}}</i></span>
                    <br>
                    <input type="number" id="harga_tambahan{{$i}}" name="harga_tambahan[{{ $detail->id }}]"
                           class="form-control border-teal border-1 inputdraft sumgrand hargasum{{$i}} mt-2"
                           value="{{$harga_tambahan}}"
                           data-jkarton="{{$detail->carton_count}}"
      										 data-nodata="{{$i}}"
      										 data-tipe="{{@$detail->detail_barang->first()->ekspedisi->satuan}}" min="0"
                           data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}"
                    >
                    <span class="text-muted"><i>* Biaya tambahan</i></span>
									</td>
                  {{-- Jika menggunakan ekspedisi laut atau menggunakan ekspedisi udara tapi berat volume < berat utama --}}
                  @else
                  <td style="vertical-align:initial">
										<input id="oldharga{{$i}}" type="hidden" value="{{@$biayacbmkg}}">
										<input type="number" id="harga{{$i}}" name="harga[{{ $detail->id }}]"
      										 class="form-control border-teal border-1 inputdraft sumgrand hargasum{{$i}}"
                           value="{{ @$biayacbmkg }}"
      										 data-jkarton="{{$detail->carton_count}}"
      										 data-nodata="{{$i}}"
      										 data-tipe="{{@$detail->detail_barang->first()->ekspedisi->satuan}}" min="0"
                           data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}">
										<span class="text-muted"><i>* {{@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi}}</i></span>
									</td>
                  @endif

									{{-- Total harga 1 row --}}
									<td style="vertical-align:initial">
										<input id="oldtotal{{$i}}" type="hidden" value="{{$total}}">
										<input type="number" id="total{{$i}}" name="total[{{ $detail->id }}]"
      										 class="form-control border-teal border-1 inputdraft totalsum"
                           onchange="fnAlltotal()"
      										 value="{{ $total }}"
      										 data-jkarton="{{$detail->carton_count}}"
      										 data-nodata="{{$i}}"
      										 data-tipe="{{@$detail->detail_barang->first()->ekspedisi->satuan}}">

					{{-- cek ekspedisi --}}
                    @if(strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "laut")
                    	<span id="text-rumus{{$i}}" class="text-muted"><i>* {{@$detail->detail_barang->first()->ekspedisi->satuan}} x Harga</i></span>
                    @else
                      	@if($volume > ($detail->berat * $detail->carton_count))
                      		<span id="text-rumus{{$i}}" class="text-muted"><i>* (Berat * Harga) + (Berat Volume - Berat) * (Harga / 2)</i></span>
                      	@else
                      		<span id="text-rumus{{$i}}" class="text-muted"><i>* Kg x Harga</i></span>
                      	@endif
                    @endif
									</td>
								</tr>

								<tr style="border-top: 1px black">
									@if(strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "laut")
									<td colspan="3">
									@else
									<td colspan="4">
									@endif
									&nbsp;
									</td>

									@php
										$valcgberat = 0;
									@endphp
									@if(strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "laut")
										<td>
											@php
												$cgmaxberat = $volume * $setting->max_cbm_laut;
												$cgberat = $detail->berat * $detail->carton_count;

												// jika berat melebihi max berat charge laut
												if ($cgberat > $cgmaxberat) {
													$prevalcgberat = $cgberat - $cgmaxberat;
													$valcgberat = $prevalcgberat * $setting->charge_berat_laut;
												}
											@endphp
											<span>Charge Berat Laut</span>
											<input id="charge_berat_laut{{$i}}" name="charge_berat_laut[{{ $detail->id }}]" 
											data-nodata="{{$i}}"
											data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}" 
											class="form-control border-teal border-1 inputdraft input_biaya_tambahan" type="number" value="{{$valcgberat}}">
										</td>
									@endif

									<td>
										@php
											$taxrefund = @$detail->receipt->tax_refund;
											$resi = $detail->receipt;
											$volumeresi = $resi->receipt_detail()->sum('total_volume');
											$taxrefundkirim = @$detail->receipt->tax_refund_biaya_kirim * $volumeresi;
											$codcina = @$detail->receipt->biaya_cod_cina;
											if (!$loop->first) {
												if ($lastresi == $detail->receipt->no_resi) {
													$taxrefund = 0;
													$taxrefundkirim = 0;
													$codcina = 0;
												}
											}
										@endphp
										<span>Tax Refund</span>
										<input type="number" id="tax_refund{{$i}}" name="tax_refund[{{ $detail->id }}]" 
										data-nodata="{{$i}}"
										data-noresi ="{{@$detail->receipt->no_resi}}"
										data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}" 
										class="form-control border-teal border-1 inputdraft input_biaya_tambahan changetaxrefund trefund{{@$detail->receipt->no_resi}}" 
										value="{{@$taxrefund}}">
									</td>
									<td>
										<span class="text-info" data-popup="tooltip" title="Tax Refund Biaya Kirim x Total Cbm 1 Receipt">Tax Refund Biaya Kirim</span>
										<input type="number" id="tax_refund_biaya_kirim{{$i}}" name="tax_refund_kirim[{{ $detail->id }}]" 
										data-nodata="{{$i}}"
										data-orivalue="{{@$detail->receipt->tax_refund_biaya_kirim?$detail->receipt->tax_refund_biaya_kirim:0}}"
										data-noresi ="{{@$detail->receipt->no_resi}}"
										data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}" 
										class="form-control border-teal border-1 inputdraft input_biaya_tambahan changetaxrefundkirim trefundkirim{{@$detail->receipt->no_resi}}" 
										value="{{@$taxrefundkirim}}">
									</td>
									<td>
										<span>Biaya COD China</span>
										<input type="number" id="biaya_cod_cina{{$i}}" name="biaya_cod_cina[{{ $detail->id }}]" 
										data-nodata="{{$i}}"
										data-noresi ="{{@$detail->receipt->no_resi}}"
										data-jenisekspedisi="{{strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}" 
										class="form-control border-teal border-1 inputdraft input_biaya_tambahan changecod cod{{@$detail->receipt->no_resi}}" 
										value="{{@$codcina}}">
									</td>
									@php
										// $subtotal_det = $valcgberat + $taxrefundkirim + (($taxrefund * $kurensi->rate_rupiah) + ($codcina * $kurensi->rate_rupiah)) ;
										$subtotal_det = $valcgberat + $taxrefundkirim + (($taxrefund * $kurensi) + ($codcina * $kurensi)) ;
										$grandtotal += $subtotal_det;
									@endphp
									<td>
										<span>Subtotal</span>
										<input type="number" id="tax_refund_biaya_cbm_total{{$i}}" name="tax_refund_biaya_cbm_total[{{ $detail->id }}]" class="form-control border-teal border-1 inputdraft sum_biaya_tambahan_total" value="{{$subtotal_det}}" readonly>
									</td>
								</tr>
								<tr style="background-color: #efefef">
									<td colspan="1">
										Deskripsi
									</td>
									<td colspan="7">
										@foreach ($detail->detail_barang as $barang)
											@if ($barang->deskripsi == null)
												-
											@else
												@if (!$loop->first)
													,
												@endif
													{{$barang->deskripsi}}			
											@endif
										@endforeach
									</td>
								</tr>
								<tr>
									<td colspan="4">Biaya Packing & Asuransi yg sudah tercantum di resi
									<td colspan="2">Packing : Rp {{ribuan(@$detail->receipt->harga_packing)}}</td>
									<td colspan="2">Asuransi : Rp {{ribuan(@$detail->receipt->harga_asuransi)}}</td>
								</tr>
								@if ($detail->receipt->voucheruser)
								<tr>
									<td>Voucher</td>
									@php
										$voucherid = @$detail->receipt->voucheruser->voucher->id;
									@endphp
									<td colspan="3">
										{{@$detail->receipt->voucheruser->voucher->nama_voucher}}	
									</td>
									<td colspan="2">
										Tipe Potongan : {{config('custom.tipe_potongan_voucher.'.$tipepotongan)}}	
										<br>
										Tipe Voucher : {{config('custom.tipe_voucher.'.$tipevoucher)}}	
										<br>
										Jumlah : 
										<span class="font-weight-semibold">
											@if ($tipevoucher == 2)
												Rp
											@endif
											{{ribuan(@$detail->receipt->voucheruser->voucher->jumlah)}}
											@if ($tipevoucher == 1)
												%
											@endif
										</span>
									</td>
									<td colspan="2">
										
										@if ($tipepotongan == 2)
											Potongan Biaya cbm/kg: Rp
											<span id="total_potongan_text">{{ribuan(@$potongancbmkg)}}</span>
											<br>
											Potongan Biaya cbm/kg dengan potongan : Rp
											<span class="text-success" id="sub_dengan_potongan">{{ribuan(@$biayacbmkg - $potongancbmkg)}}</span>
											
											<input type="hidden" id="potongan_diskon_voucher{{$i}}" name="potongan_diskon_voucher[{{ $detail->id }}]" value="{{$potongancbmkg}}">
										@else
											Total Potongan : Rp
											<span id="total_potongan_text">{{ribuan(@$potongan)}}</span>
											<br>
											Subtotal dengan potongan : Rp
											<span class="text-success" id="sub_dengan_potongan">{{ribuan(@$total + $potongan)}}</span>

											<input type="hidden" id="potongan_diskon_voucher{{$i}}" name="potongan_diskon_voucher[{{ $detail->id }}]" value="{{$potongan}}">
										@endif
										
										<input type="hidden" id="voucher_id{{$i}}" name="voucher_id[{{ $detail->id }}]" value="{{$voucherid}}">
										<input type="hidden" id="tipevoucher{{$i}}" value="{{$tipevoucher}}">
										<input type="hidden" id="tipepotongan{{$i}}" value="{{$tipepotongan}}">
										<input type="hidden" id="jumlahvoucher{{$i}}" value="{{$jumlahvoucher}}">
										{{-- <input type="hidden" id="potongan_diskon_voucher{{$i}}" name="potongan_diskon_voucher[{{ $detail->id }}]" value="{{$potongan}}"> --}}
									</td>
								</tr>
								@endif
								@php	
									$lastresi = @$detail->receipt->no_resi;
									$i++;
								@endphp
							@endforeach
						@endif
						<tr>
							<td colspan="2" rowspan="2">Keterangan</td>
							<td colspan="3" rowspan="2"><textarea name="keterangan" rows="3" cols="3" class="form-control" placeholder="Keterangan"></textarea></td>
							<td rowspan="2">&nbsp;</td>
							<td>
								Masukkan Biaya Packing <br>
								<input id="biayapacking" type="hidden" value="{{@$detail->receipt->harga_packing}}">
								<span class="text-muted">
									@if (@$detail->receipt->harga_packing != null)
										Rp {{ribuan(@$detail->receipt->harga_packing)}}
									@else
										-Kosong-
									@endif
								</span>
							</td>
							<td>
								<div class="input-group">
									<span class="input-group-prepend">
										<button id="btnpacking" class="btn btn-success btn-icon" type="button"><i class="icon-checkmark"></i></button>
									</span>
									<input id="harga_packing" name="harga_packing" type="number" class="form-control" placeholder="Biaya Packing" value="0" oninput="fnAlltotal()">
									<span class="input-group-append">
										<button id="resetpacking" class="btn bg-danger-400 btn-icon" type="button"><i class="icon-cross"></i></button>
									</span>

								</div>
							</td>
							</tr>
						<tr>
							<td>
								Masukkan Biaya Asuransi <br>
								<input id="biayaasuransi" type="hidden" value="{{@$detail->receipt->harga_asuransi}}">
								<span class="text-muted">
									@if (@$detail->receipt->harga_asuransi != null)
										Rp {{ribuan(@$detail->receipt->harga_asuransi)}}
									@else
										-Kosong-
									@endif
								</span>
							</td>
							<td>
								<div class="input-group">
									<span class="input-group-prepend">
										<button id="btnasuransi" class="btn btn-success btn-icon" type="button"><i class="icon-checkmark"></i></button>
									</span>
									<input id="harga_asuransi" name="harga_asuransi" type="number" class="form-control" placeholder="Biaya Asuransi" value="0" value="0" oninput="fnAlltotal()">
									<span class="input-group-append">
										<button id="resetasuransi" class="btn bg-danger-400 btn-icon" type="button"><i class="icon-cross"></i></button>
									</span>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2">Rekening</td>
							<td colspan="4">
								<select name="rekening_id" id="rekening_id" class="form-control form-control-select2" data-container-css-class="border-teal" data-dropdown-css-class="border-teal" required>
									<option value="">-- Pilih Rekening --</option>
									@foreach($rekenings as $rekening)
										<option value="{{$rekening->id}}">{{$rekening->bank}} - {{$rekening->no_rek}} a.n. {{$rekening->nama_rek}}</option>
									@endforeach
								</select>
							</td>
							{{-- <td colspan="2">&nbsp;</td> --}}
							<td>Biaya Quality Control</td>
							<td><input type="number" id="biaya_qc" name="biaya_qc" class="form-control border-teal border-1 inputdraft" value="0" oninput="fnAlltotal()" value="{{@$detail->receipt->total_biaya_qc?@$detail->receipt->total_biaya_qc:0}}"></td>
						</tr>
						<tr>
							<td colspan="2">Term</td>
							<td colspan="3">
								<input type="text" name="term" class="form-control border-teal border-1" placeholder="30 hari" required>
							</td>
							{{-- <td colspan="2">&nbsp;</td> --}}
							<td>&nbsp;</td>
							{{-- <td>
								@if (strtolower(@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "udara")
									COD    
								@else
									CHARGE BERAT
								@endif --}}
								{{-- Biaya Lain --}}
							{{-- </td> --}}
							{{-- <td><input type="number" id="biayalain" name="biayalain" class="form-control border-teal border-1 sumgrand inputdraft" value="0"></td> --}}
							<td>
								Other    
							</td>
							<td><input type="number" id="biayaother" name="biayaother" class="form-control border-teal border-1 inputdraft" value="0" value="0" oninput="fnAlltotal()"></td>
						

						</tr>
						{{-- <tr>
							<td colspan="6">&nbsp;</td>
							<td>
								Other    
							</td>
							<td><input type="number" id="biayaother" name="biayaother" class="form-control border-teal border-1 sumgrand inputdraft" value="0"></td>
						</tr> --}}
						{{-- <tr>
							<td colspan="6">&nbsp;</td>
							<td>
								Biaya COD China    
							</td>
							<td><input type="number" id="biaya_cod_china" name="biaya_cod_china" class="form-control border-teal border-1 sumgrand inputdraft" value="0"></td>
						</tr>
						
						<tr>
							<td colspan="6">&nbsp;</td>
							<td>
								<span>Tax Refund Nominal</span>    
							</td>
							<td>
								<input type="number" id="tax_refund_nominal" name="tax_refund_nominal" class="form-control border-teal border-1 sumgrand inputdraft" value="0">
							</td>
						</tr> --}}
						
						@if(strtolower(@$details->first()->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "udara")
							<input type="hidden" name="biayalimit" value="0">
						@else
							{{-- <tr>
								<td colspan="6">&nbsp;</td>
								<td>Biaya Kelebihan Berat</td>
								<td><input type="number" id="biayalimit" name="biayalimit" class="form-control border-teal border-1 sumgrand inputdraft" value="0"></td>
							</tr> --}}
						@endif
						<tr>
							<td colspan="6">&nbsp;</td>
							<td>Grandtotal</td>
							<td><input type="number" id="grand" name="grandtotal" class="form-control border-teal border-1 inputdraft" value="{{ ($grandtotal + $biaya_qc) }}"></td>
						</tr>

					</tbody>
				</table>
				<div class="d-flex float-right" style="margin-top:30px;margin-right:30px">
					<button type="submit" id="btn-detail" style="margin-right:15px" class="btn btn-success float-right ">Create Invoice</button>
				</div>
			</form>
			</div>
		</div>
	</div>

@endsection

@section('js')
	<!-- Theme JS files -->
	<script src="{{asset('global_assets/js/plugins/notifications/pnotify.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/notifications/bootbox.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/validation/validate.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/tables/datatables/datatables.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/spin.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/buttons/ladda.min.js')}}"></script>

	<script src="{{asset('assets/js/app.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/components_modals.js')}}"></script>
	<script>

	$(document).on('keyup keydown', '.changetaxrefund', function() {
		var no = $(this).data('nodata')
		var val = $(this).val()
		var noresi = $(this).data('noresi')
	
		$('.trefund'+noresi).each(function() {
			var otherno = $(this).data('nodata')
			if (otherno != no) {
				$(this).val(0)
				var jenisekspedisi = $(this).attr('data-jenisekspedisi');
				var kursrmb = $('#kurs_rmb').val()
				// var val = $(this).val()
	
				var cgberat = 0
				var cglaut = 0
				var charge_laut = 0;
				var tax_refund = 0;
				var tax_refundkirim = 0;
				var biaya_cina = 0;
				var kursrmb = $('#kurs_rmb').val()
	
				if (jenisekspedisi != 'udara') {
					charge_laut = Number($('#charge_berat_laut'+otherno).val());
				}
				tax_refund = Number($('#tax_refund'+otherno).val());
				tax_refundkirim = Number($('#tax_refund_biaya_kirim'+otherno).val());
				biaya_cina = Number($('#biaya_cod_cina'+otherno).val());
	
				var cl = charge_laut
				var tr = tax_refund * kursrmb
				var trk = tax_refundkirim
				var bc = biaya_cina * kursrmb
	
				var subnominal = cl + tr + trk + bc;
				$('#tax_refund_biaya_cbm_total'+otherno).val(subnominal)
	
				fnAlltotal()
			}
		});
		
	})
	
	$(document).on('keyup keydown', '.changetaxrefundkirim', function() {
		var no = $(this).data('nodata')
		var val = $(this).val()
		var noresi = $(this).data('noresi')
		// var volume = $('#volume'+no).data('rv_volume');
	
		$('.trefundkirim'+noresi).each(function() {
			var otherno = $(this).data('nodata')
			if (otherno != no) {
				$(this).val(0)
				var jenisekspedisi = $(this).attr('data-jenisekspedisi');
				var kursrmb = $('#kurs_rmb').val()
				// var val = $(this).val()
	
				var cgberat = 0
				var cglaut = 0
				var charge_laut = 0;
				var tax_refund = 0;
				var tax_refundkirim = 0;
				var biaya_cina = 0;
				var kursrmb = $('#kurs_rmb').val()
	
				if (jenisekspedisi != 'udara') {
					charge_laut = Number($('#charge_berat_laut'+otherno).val());
				}
				tax_refund = Number($('#tax_refund'+otherno).val());
				tax_refundkirim = Number($('#tax_refund_biaya_kirim'+otherno).val());
				biaya_cina = Number($('#biaya_cod_cina'+otherno).val());
	
				var cl = charge_laut
				var tr = tax_refund * kursrmb
				var trk = tax_refundkirim
				var bc = biaya_cina * kursrmb
	
				var subnominal = cl + tr + trk + bc;
				$('#tax_refund_biaya_cbm_total'+otherno).val(subnominal)
	
				fnAlltotal()
			}
		});
		
	})

	$(document).on('keyup keydown', '.changecod', function() {
		var no = $(this).data('nodata')
		var val = $(this).val()
		var noresi = $(this).data('noresi')
	
		$('.cod'+noresi).each(function() {
			var otherno = $(this).data('nodata')
			if (otherno != no) {
				$(this).val(0)
				var jenisekspedisi = $(this).attr('data-jenisekspedisi');
				var kursrmb = $('#kurs_rmb').val()
				// var val = $(this).val()
	
				var cgberat = 0
				var cglaut = 0
				var charge_laut = 0;
				var tax_refund = 0;
				var tax_refundkirim = 0;
				var biaya_cina = 0;
				var kursrmb = $('#kurs_rmb').val()
	
				if (jenisekspedisi != 'udara') {
					charge_laut = Number($('#charge_berat_laut'+otherno).val());
				}
				tax_refund = Number($('#tax_refund'+otherno).val());
				tax_refundkirim = Number($('#tax_refund_biaya_kirim'+otherno).val());
				biaya_cina = Number($('#biaya_cod_cina'+otherno).val());
	
				var cl = charge_laut
				var tr = tax_refund * kursrmb
				var trk = tax_refundkirim
				var bc = biaya_cina * kursrmb
	
				var subnominal = cl + tr + trk + bc;
				$('#tax_refund_biaya_cbm_total'+otherno).val(subnominal)
	
				fnAlltotal()
			}
		});
	})

	$(document).on('change', '.input_biaya_tambahan', function() {
			var no = $(this).data('nodata')
			var jenisekspedisi = $(this).attr('data-jenisekspedisi');
			var kursrmb = $('#kurs_rmb').val()
			// var val = $(this).val()

			var cgberat = 0
			var cglaut = 0
			var charge_laut = 0;
			var tax_refund = 0;
			var tax_refundkirim = 0;
			var biaya_cina = 0;
			var kursrmb = $('#kurs_rmb').val()

			if (jenisekspedisi != 'udara') {
				charge_laut = Number($('#charge_berat_laut'+no).val());
			}
			tax_refund = Number($('#tax_refund'+no).val());
			tax_refundkirim = Number($('#tax_refund_biaya_kirim'+no).val());
			biaya_cina = Number($('#biaya_cod_cina'+no).val());

			var cl = charge_laut
			var tr = tax_refund * kursrmb
			var trk = tax_refundkirim
			var bc = biaya_cina * kursrmb

			var subnominal = cl + tr + trk + bc;
			$('#tax_refund_biaya_cbm_total'+no).val(subnominal)

			fnAlltotal()
		})

	function validateInput(inputElement) {
      

      // Get the input value
      var inputValue = inputElement.value;
	  // Replace commas with dots
	  let replacedValue = inputValue.replace(/,/g, '.'); 
	  // Define a regular expression that allows only numbers and commas
	  var regex = /^[\d.]+$/;
      // Check if the input matches the regular expression
      if (!regex.test(inputValue)) {
        // If it doesn't match, remove the invalid characters
        // inputElement.value = inputValue.replace(/[^\d.]/g, '');
		$(this).val(replacedValue)
      }
    }
		//modal delete
		$(document).on("click", ".delbutton", function () {
		     var url = $(this).data('uri');
		     $("#delform").attr("action", url);
		});

		$(document).on('click','#btnpacking', function() {
			var packing = $('#biayapacking').val()
			$('#harga_packing').val(packing)

			fnAlltotal();
		})

		$(document).on('click','#btnasuransi', function() {
			var asuransi = $('#biayaasuransi').val()
			$('#harga_asuransi').val(asuransi)

			fnAlltotal();
		})

		$(document).on('click','#resetpacking', function() {
			$('#harga_packing').val(0)

			fnAlltotal();
		})
		$(document).on('click','#resetasuransi', function() {
			$('#harga_asuransi').val(0)

			fnAlltotal();
		})
		//pilih Coload
		//$(document).on("change", "#coload_id", function () {
		//	var id = $(this).find(':selected').val();
        //    selectCustomer(id);
		//});

		function selectCustomer(id){
			//urlencode
			encodeId = encodeURIComponent(id)
			$.ajax({
				type: 'GET',
				url: "{{ url('/getcustomercoload2/')}}?q="+encodeId,
				success: function (data) {
					$('#select_customer').html(data);
				}
			});
		}

		function selectContainer(id){
			$.ajax({
				type: 'GET',
				url: "{{ url('/getcontainer/')}}/"+id,
				success: function (data) {
					$('#select_container').html(data);
				}
			});
		}

		$(document).ready(function() {
			// jumlah data
			var datacnt = $('#datacnt').val();


			// change harga utama invoice udara juga mengubah biaya tambahan
			$(document).on('change', '.hargaudara', function() {
				var harga = $(this).val()
				var no_data = $(this).data('nodata')

				var hargatambahan = Number(harga) / 2 
				// console.log(hargatambahan)
				$('#harga_tambahan'+no_data).val(hargatambahan)
				// console.log(harga)
			})

			$(document).on('change', '.changeinputberat', function() {
				var berat = $(this).val()
				var no_data = $(this).data('nodata')

				// ambil volume
				var volume = $('#volume'+no_data).val()
				
				// console.log(parseFloat(volume) > parseFloat(berat))
				// jika total volume (m3) lebih besar dari total berat (kg), kalkulasi berat tambahan
				if (parseFloat(volume) > parseFloat(berat)) {
					var preberat_tambahan = parseFloat(volume) - parseFloat(berat)

					var berat_tambahan = Math.round(preberat_tambahan * 1000) / 1000

					$('#berat_tambahan'+no_data).val(berat_tambahan)
				}

			})

			$(document).on('change','.sumgrand', function() {
				var no = this.getAttribute('data-nodata');
				var satuanekspedisi = this.getAttribute('data-tipe');
        		var jenisekspedisi = $(this).attr('data-jenisekspedisi');
				var jumlahkarton = this.getAttribute('data-jkarton');
				var kursrmb = $('#kurs_rmb').val()
				// var volume = $('#volume'+no).val();
				// var volume = $('#volume'+no).data('rv_volume');
				
				var calvolume = $('#volume'+no).val();
				var fvol = calvolume.replace(/[^\d.]/g, '.');
				var volume = fvol

				var berat = $('#berat'+no).val();
				// biaya cbm/kg
				var harga = $('#harga'+no).val();
				
				// 1 = % || 2 = Rp
				var tipepotongan = $('#tipepotongan'+no).val();
				var tipevoucher = $('#tipevoucher'+no).val();
				var jumlahvoucher = Number($('#jumlahvoucher'+no).val()??0);
				var potonganvoucher = 0

				// jika tipe potongan biaya cbm/kg (2)
				if (tipepotongan == 2) {
					harga = harga - jumlahvoucher
				}
				console.log(berat)
				var total = 0;

				if(jenisekspedisi == "udara"){
					// console.log(parseFloat(volume) , (parseFloat(berat) * parseFloat(jumlahkarton)))
					if(parseFloat(volume) > (parseFloat(berat))){
						console.log('masuk')
						// Jika Jenis ekspedisi udara dan berat volume lebih dari berat utama
						// maka menggunakan input berat_tambahan dan harga_tambahan
						// var berat_tambahan = $("#berat_tambahan"+no).val()??0;
						var berat_tambahan = $("#berat_tambahan"+no).data('rv_berat_tambahan')??0;
						var harga_tambahan = $("#harga_tambahan"+no).val()??0;

						// var subtotal = Math.round((berat * harga) + (berat_tambahan * harga_tambahan));
						var subtotal = Math.round((berat * harga) + berat_tambahan * harga_tambahan);
						$("#text-rumus"+no).html("<i>* (Berat * Harga) + (Berat Volume - Berat) * (Harga / 2)</i>");
					}
					else{
						var subtotal = berat * harga;
						$("#text-rumus"+no).html("<i>* Kg x Harga</i>");
					}

					// jika tipe potongan total invoice (1)
					if (tipepotongan == 1) {
						
						// apply voucher
						if (tipevoucher == 1) {
							potonganvoucher = subtotal * jumlahvoucher/100
						} else {
							potonganvoucher = jumlahvoucher
						}
						subtotal = subtotal - potonganvoucher
						var textsubtotal = Math.round(subtotal + potonganvoucher)
						$('#total_potongan_text').text(Intl.NumberFormat('ID').format(potonganvoucher))
						$('#sub_dengan_potongan').text(Intl.NumberFormat('ID').format(textsubtotal))
						$('#potongan_diskon_voucher'+no).val(potonganvoucher)
					}
					// console.log(berat,harga,berat_tambahan,harga_tambahan)
					$('#total'+no).val(subtotal.toFixed(3));
					// $('#total'+no).val(subtotal);
				}
				else
				{
					if (satuanekspedisi == 'kg' || satuanekspedisi == 'Kg' || satuanekspedisi == 'KG') {
						// var subtotal = (berat * jumlahkarton) * harga;
						// berat sudah dikalikan dengan total karton
						var subtotal = berat * harga;

						$("#text-rumus"+no).html("<i>* "+satuanekspedisi+" x Harga</i>");
						
						// jika tipe potongan total invoice (1)
						if (tipepotongan == 1) {
							
							// apply voucher
							if (tipevoucher == 1) {
								potonganvoucher = subtotal * jumlahvoucher/100
							} else {
								potonganvoucher = jumlahvoucher
							}
							subtotal = subtotal - potonganvoucher
							var textsubtotal = Math.round(subtotal + potonganvoucher)
							$('#total_potongan_text').text(Intl.NumberFormat('ID').format(potonganvoucher))
							$('#sub_dengan_potongan').text(Intl.NumberFormat('ID').format(textsubtotal))
							$('#potongan_diskon_voucher'+no).val(potonganvoucher)
						}

						// $('#total'+no).val(subtotal.toFixed(2));
						$('#total'+no).val(subtotal);

					}else {
						// var subtotal = (volume * jumlahkarton) * harga;
						// volume sudah dikalikan dengan total karton
						var subtotal = volume * harga;
						$("#text-rumus"+no).html("<i>* "+satuanekspedisi+" x Harga</i>");
						
						// jika tipe potongan total invoice (1)
						if (tipepotongan == 1) {
							
							// apply voucher
							if (tipevoucher == 1) {
								potonganvoucher = subtotal * jumlahvoucher/100
							} else {
								potonganvoucher = jumlahvoucher
							}
							subtotal = subtotal - potonganvoucher
							var textsubtotal = Math.round(subtotal + potonganvoucher)
							$('#total_potongan_text').text(Intl.NumberFormat('ID').format(potonganvoucher))
							$('#sub_dengan_potongan').text(Intl.NumberFormat('ID').format(textsubtotal))
							$('#potongan_diskon_voucher'+no).val(potonganvoucher)
						}

						// $('#total'+no).val(subtotal.toFixed(2));
						$('#total'+no).val(subtotal);
					}

				}


				// cek charge biaya laut input
				var cgvol = fvol * 600
				var cgberat = 0
				var cglaut = 0
				var charge_laut = 0;
				if (jenisekspedisi != 'udara') {
					charge_laut = Number($('#charge_berat_laut'+no).val());
				}

				var tax_refund = 0;
				var tax_refundkirim = 0;
				var biaya_cina = 0;
				var noresi = $('#tax_refund_biaya_kirim'+no).data('noresi')

				console.log(berat, cgvol)
				if (berat > cgvol) {
					cgberat = berat - cgvol
					console.log(cgberat)
					cglaut = cgberat * 3750	
					charge_laut = cglaut
					$('#charge_berat_laut'+no).val(charge_laut)
				} else {
					$('#charge_berat_laut'+no).val(0)
					charge_laut = 0
				}

				tax_refund = Number($('#tax_refund'+no).val());

				tax_refundkirim = Number($('#tax_refund_biaya_kirim'+no).data('orivalue'));
				// volume resi
				let volresi = 0;

                // Iterate over each input with the class 'sum-input'
                $('.volumeresi'+noresi).each(function() {
                    // Parse the value of the input as a float and add it to the total sum
                    let value = $(this).val();
					let replacedValue = value.replace(/,/g, '.');
					let numericValue = parseFloat(replacedValue);

					console.log(numericValue)
                    if (!isNaN(numericValue)) {
                        volresi += numericValue;
                    }
                });

				// var trk = tax_refundkirim * fvol
				var trk = tax_refundkirim * volresi
				console.log(tax_refundkirim, volresi)
				$('#tax_refund_biaya_kirim'+no).val(trk.toFixed(2))

				biaya_cina = Number($('#biaya_cod_cina'+no).val());
				// var volume = parseFloat(prevolume)

				var cl = charge_laut
				var tr = tax_refund * kursrmb
				var bc = biaya_cina * kursrmb

				var subnominal = cl + tr + trk + bc;
				$('#tax_refund_biaya_cbm_total'+no).val(subnominal)

				$('.trefundkirim'+noresi).each(function() {
				var otherno = $(this).data('nodata')
				if (otherno != no) {
					$(this).val(0)
					var jenisekspedisi = $(this).attr('data-jenisekspedisi');
					var kursrmb = $('#kurs_rmb').val()
					// var val = $(this).val()
		
					var cgberat = 0
					var cglaut = 0
					var charge_laut = 0;
					var tax_refund = 0;
					var tax_refundkirim = 0;
					var biaya_cina = 0;
					var kursrmb = $('#kurs_rmb').val()
		
					if (jenisekspedisi != 'udara') {
						charge_laut = Number($('#charge_berat_laut'+otherno).val());
					}
					tax_refund = Number($('#tax_refund'+otherno).val());
					tax_refundkirim = Number($('#tax_refund_biaya_kirim'+otherno).val());
					biaya_cina = Number($('#biaya_cod_cina'+otherno).val());
		
					var cl = charge_laut
					var tr = tax_refund * kursrmb
					var trk = tax_refundkirim
					var bc = biaya_cina * kursrmb
		
					var subnominal = cl + tr + trk + bc;
					$('#tax_refund_biaya_cbm_total'+otherno).val(subnominal)
		
					fnAlltotal()
				}
			});
				console.log(subnominal)
				// hitungbiayalimit();

				fnAlltotal();
				// console.log(no, satuanekspedisi, jumlahkarton, volume, berat, harga ,total)
			});

		})

		

		// function hitungbiayalimit(){
		// 	let totallimit = 0

		// 	$( ".hitunglimit" ).each(function( index ) {

		// 		var no = this.getAttribute('data-nodata');
		// 		var volume = $('#volume'+no).val();
		// 		var berat = $('#berat'+no).val();
		// 		var harga = $('#harga'+no).val();

		// 		let percbm = berat / volume;
		// 		let maxberat = {{ (@$limit->max_berat) ? @$limit->max_berat : 0 }}
		// 		let kelipatan = {{ (@$limit->kelipatan) ? @$limit->kelipatan : 0 }}
		// 		let tambahan = {{ (@$limit->biaya_tambahan) ? @$limit->biaya_tambahan : 0 }}
		// 		let biaya = biaya_total = 0

		// 		if(percbm > maxberat) {
		// 			let sisa = percbm - maxberat
		// 			biaya = sisa/kelipatan * tambahan/100 * harga
		// 			biaya_total = biaya * volume
		// 		}

		// 		totallimit += biaya_total
		// 	});


		// 	$('#biayalimit').val(Math.ceil(totallimit));
		// }

		function fnAlltotal() {

			var total = 0
			var biaya_qc = Number($('#biaya_qc').val());
			// var biayalain = Number($('#biayalain').val());
			var biayalain = 0;
			var packing = Number($('#harga_packing').val());
			var asuransi = Number($('#harga_asuransi').val());
			// var biayalimit = parseFloat($('#biayalimit').val());
			var biayaother = Number($('#biayaother').val());
			var tax_refund_nominal = Number($('#tax_refund_nominal').val());
			var biaya_cod_china = Number($('#biaya_cod_china').val());

			var sumrefunds = document.querySelectorAll('.sum_biaya_tambahan_total');
			var sumtaxrefundcbm = 0
			// Iterate through each input element
			sumrefunds.forEach(function(input) {
				// Parse the value as a number and add it to the total sum
				sumtaxrefundcbm += Number(input.value) || 0;
			});

			// if (isNaN(biaya_qc)) {
			// 	biaya_qc = 0
			// 	$('#biaya_qc').val(0)
			// }
			// if (isNaN(biayalain)) {
			// 	biayalain = 0
			// 	$('#biayalain').val(0)
			// }
			// if (isNaN(packing)) {
			// 	packing = 0
			// 	$('#harga_packing').val(0)
			// }
			// if (isNaN(asuransi)) {
			// 	asuransi = 0
			// 	$('#harga_asuransi').val(0)
			// }
			// if (isNaN(biayalimit)) {
			// 	biayalimit = 0
			// 	$('#biayalimit').val(0)
			// }
			// if (isNaN(biayaother)) {
			// 	biayaother = 0
			// 	$('#biayaother').val(0)
			// }
			if (isNaN(biaya_cod_china)) {
				biaya_cod_china = 0
				$('#biaya_cod_china').val(0)
			}
			if (isNaN(tax_refund_nominal)) {
				tax_refund_nominal = 0
				$('#tax_refund_nominal').val(0)
			}

			var grand = 0;

			$(".totalsum").each(function(){
					total += Number($(this).val()||0);
			});

			console.log(total , biayalain , biaya_qc , packing , asuransi , biayaother , biaya_cod_china , sumtaxrefundcbm , tax_refund_nominal)
			// grand = total + biayalain + biaya_qc + packing + asuransi + biayalimit + biayaother + biaya_cod_china + sumtaxrefundcbm + tax_refund_nominal
			grand = total + biayalain + biaya_qc + packing + asuransi + biayaother + biaya_cod_china + sumtaxrefundcbm + tax_refund_nominal
			$("#grand").val(grand);
		}

        $('#select_coload').change(function(){
            let uri = $('#btn_submit').data('uri');
            let val = $(this).val();
            let href = `${uri}?c=${val}`;

            $('#btn_submit').attr('href', href);
			selectCustomer(val);
        })

        $('#select_customer').change(function(){
            let uri = $('#btn_submit').data('uri');
            let val1 = $('#select_coload').find(":selected").val();
            let val2 = $(this).val();
            let href = `${uri}?c=${val1}&i=${val2}`;

            $('#btn_submit').attr('href', href);
			selectContainer(val2);
        })

        $('#select_container').change(function(){
            let uri = $('#btn_submit').data('uri');
            let val1 = $('#select_coload').find(":selected").val();
            let val2 = $('#select_customer').find(":selected").val();
            let val3 = $(this).val();
            let href = `${uri}?c=${val1}&i=${val2}&n=${val3}`;

            $('#btn_submit').attr('href', href);
        })

        // CHECK BARANG DI carton
        $('#all_detail').on("change", function(){
            let check = $(this).is(":checked");
            let $detail = $('.checked_detail');

            if(check){
                $detail.prop('checked', true);
            } else {
                $detail.prop('checked', false);
            }
        })

        $(document).on("change", "#all_detail, .checked_detail", function () {
        // $('#all_detail, .checked_detail').change(function() {
            let len = 0;
            $('.checked_detail:checked').each(function () {
                len = len+1;
            });

            if(len > 0){
                $('#btn-detail').removeAttr('disabled')
            } else {
                $('#btn-detail').attr('disabled', 'disabled')
            }
        })

		var DatatableBasic = function() {

		    // Basic Datatable examples
		    var _componentDatatableBasic = function() {
		        if (!$().DataTable) {
		            console.warn('Warning - datatables.min.js is not loaded.');
		            return;
		        }

		        // Setting datatable defaults
		        $.extend( $.fn.dataTable.defaults, {
		            autoWidth: false,
                    order: [[1, 'asc']],
		            columnDefs: [{
		                orderable: false,
		                width: 100,
		                targets: [ 0 ]
		            }],
		            dom: '<"datatable-header"fl><"datatable-scroll"t><"datatable-footer"ip>',
		            language: {
		                search: '<span>Filter:</span> _INPUT_',
		                searchPlaceholder: 'Type to filter...',
		                lengthMenu: '<span>Show:</span> _MENU_',
		                paginate: { 'first': 'First', 'last': 'Last', 'next': $('html').attr('dir') == 'rtl' ? '&larr;' : '&rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr;' : '&larr;' }
		            }
		        });

		        // Basic datatable
		        $('.datatable-basic').DataTable();

		        // Alternative pagination
		        $('.datatable-pagination').DataTable({
		            pagingType: "simple",
		            language: {
		                paginate: {'next': $('html').attr('dir') == 'rtl' ? 'Next &larr;' : 'Next &rarr;', 'previous': $('html').attr('dir') == 'rtl' ? '&rarr; Prev' : '&larr; Prev'}
		            }
		        });

		        // Datatable with saving state
		        $('.datatable-save-state').DataTable({
		            stateSave: true
		        });

		        // Scrollable datatable
		        var table = $('.datatable-scroll-y').DataTable({
		            autoWidth: true,
		            scrollY: 300
		        });

		        // Resize scrollable table when sidebar width changes
		        $('.sidebar-control').on('click', function() {
		            table.columns.adjust().draw();
		        });
		    };

		    // Select2 for length menu styling
		    var _componentSelect2 = function() {
		        if (!$().select2) {
		            console.warn('Warning - select2.min.js is not loaded.');
		            return;
		        }

		        // Initialize
		        $('.dataTables_length select').select2({
		            minimumResultsForSearch: Infinity,
		            dropdownAutoWidth: true,
		            width: 'auto'
		        });
		    };


		    //
		    // Return objects assigned to module
		    //

		    return {
		        init: function() {
		            _componentDatatableBasic();
		            _componentSelect2();
		        }
		    }
		}();


		// Initialize module
		// ------------------------------

		document.addEventListener('DOMContentLoaded', function() {
		    DatatableBasic.init();
		});
	</script>
	<script type="text/javascript">
		$( document ).ready(function() {
            var $select = $('.form-control-select2').select2();
			// hitungbiayalimit();
	        // Default style
	        @if(session('error'))
	            new PNotify({
	                title: 'Error',
	                text: '{{ session('error') }}.',
	                icon: 'icon-blocked',
	                type: 'error'
	            });
            @endif
            @if ( session('success'))
	            new PNotify({
	                title: 'Success',
	                text: '{{ session('success') }}.',
	                icon: 'icon-checkmark3',
	                type: 'success'
	            });
            @endif

		});
	</script>
	<script>
		var FormValidation = function() {

		// Validation config
		var _componentValidation = function() {
			if (!$().validate) {
				console.warn('Warning - validate.min.js is not loaded.');
				return;
			}

			// Initialize
			var validator = $('.form-validate-jquery').validate({
				ignore: 'input[type=hidden], .select2-search__field', // ignore hidden fields
				errorClass: 'validation-invalid-label',
				//successClass: 'validation-valid-label',
				validClass: 'validation-valid-label',
				highlight: function(element, errorClass) {
					$(element).removeClass(errorClass);
				},
				unhighlight: function(element, errorClass) {
					$(element).removeClass(errorClass);
				},
				// success: function(label) {
				//    label.addClass('validation-valid-label').text('Success.'); // remove to hide Success message
				//},

				// Different components require proper error label placement
				errorPlacement: function(error, element) {

					// Unstyled checkboxes, radios
					if (element.parents().hasClass('form-check')) {
						error.appendTo( element.parents('.form-check').parent() );
					}

					// Input with icons and Select2
					else if (element.parents().hasClass('form-group-feedback') || element.hasClass('select2-hidden-accessible')) {
						error.appendTo( element.parent() );
					}

					// Input group, styled file input
					else if (element.parent().is('.uniform-uploader, .uniform-select') || element.parents().hasClass('input-group')) {
						error.appendTo( element.parent().parent() );
					}

					// Other elements
					else {
						error.insertAfter(element);
					}
				},
				// messages: {
				// 	rekening_id: {
				// 		required: 'Mohon diisi.'
				// 	},
				// },
			});

			// Reset form
			$('#reset').on('click', function() {
				validator.resetForm();
			});
		};

		// Return objects assigned to module
		return {
			init: function() {
				_componentValidation();
			}
		}
		}();


		// Initialize module
		// ------------------------------

		document.addEventListener('DOMContentLoaded', function() {
		FormValidation.init();
		});
	</script>
@endsection