@extends('layout')

@section('css')
<style type="text/css">
	.inputdraft{
		width:150px;
	}
	.datatable-column-width{
		overflow: hidden; text-overflow: ellipsis; max-width: 200px;
	}
</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">Invoice -</span> {{$invoice->no_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">
			<form class="form-validate-jquery" action="{{ route('invoice.update', $invoice->id)}}" method="post">
				{{-- <input type="hidden" id="kurs_rmb" name="kurs_rmb" value="{{ $kurensi->rate_rupiah }}"> --}}
				<input type="hidden" id="kurs_rmb" name="kurs_rmb" value="{{ $kurensi }}">

				@method('PATCH')
				@csrf
				<fieldset class="mb-3">
					<div class="card">
						<div class="card-body">
							<div class="row">
								<div class="col-md-4">
									<div class="form-group">
										Info Perusahaan
										<hr>
										{{@$invoice->customer->coload->nama}}<br>
										{{@$invoice->customer->coload->alamat}}<br>
										Telp: {{@$invoice->customer->coload->telp}}<br>
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										Harga Deals
										<hr>
										{!! is_object($invoice->customer) ? ($invoice->customer->harga_deals != "" ? $invoice->customer->harga_deals : '-') : '-' !!}
									</div>
								</div>
								<div class="col-md-4">
									<div class="form-group">
										Tagihan Untuk
										<hr>
										{{ucwords(@$invoice->customer->nama)}}<br>
										{{@$invoice->customer->alamat}}<br>
										@if (\Auth::user()->id == 46)
											Telp: {{@$invoice->customer->telp}}<br>
										@endif
										Email: {{@$invoice->customer->email}}<br>
									</div>
								</div>
							</div>
							<div class="row">
								<div class="col-md-4">
									<div class="form-group">
										No Invoice : {{$invoice->no_invoice}} <br>
										Term : {{$invoice->term}} <br>
									</div>
								</div>
								<div class="col-md-4">

								</div>
								<div class="col-md-4">
									<div class="form-group">
										Pembayaran ke rekening : <br>
										<div class="d-flex" style="line-height:3;vertical-align:middle;">
											<input name="bank" class="form-control border-teal border-1" type="text" placeholder="Bank" value="{{$invoice->bank}}">
											&nbsp;&nbsp;&nbsp;-&nbsp;&nbsp;&nbsp;&nbsp;
											<input name="no_rek" class="form-control border-teal border-1" type="text" placeholder="No Rekening" value="{{$invoice->no_rek}}">
											&nbsp;&nbsp;&nbsp;a.n.&nbsp;&nbsp;&nbsp;
											<input name="nama_rek" class="form-control border-teal border-1" type="text" placeholder="Nama Rekening" value="{{$invoice->nama_rek}}"><br>
										</div>
									</div>
								</div>
							</div>

							<div class="row">
								<div class="col">
									<div class="form-group row">
										<div class="col-md-4">
										<span>Tanggal Print :</span>
										<input class="form-control daterange-single" name="tgl_print" type="text" value="{{$invoice->tgl_print}}">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</fieldset>
				<fieldset class="mb-3">
					@if (\Auth::user()->role == 1 && isset($rekapbonus))
						<div class="form-group row">
							<label class="col-form-label col-lg-2">Status Lock Invoice </label>   
							<div class="col-lg-3">
								<select name="status_rekap_invoice" class="form-control form-control-select2">
									<option value="" selected disabled>--Status Lock--</option>
									<option value="1" {{$rekapbonus->status == 1?'selected':''}}>Lock</option>
									<option value="2" {{$rekapbonus->status == 2?'selected':''}}>Unlock</option>
								</select>
							</div> 
						</div>

						<hr>
					@endif


					<div class="row">
						<div class="col-md-6">
							{{-- <div class="form-group row">
								<label class="col-form-label col-lg-4">No. Invoice</label>
								<div class="col-lg-7">
									<label class="col-form-label">{{$invoice->no_invoice}}</label>
								</div>
							</div>
							<div class="form-group row">
								<label class="col-form-label col-lg-4">Total Tagihan</label>
								<div class="col-lg-7">
									<input type="text" name="total_tagihan" class="form-control border-teal border-1" placeholder="Tagihan" value="{{$invoice->total_tagihan}}" required>
								</div>
							</div> --}}
							<div class="form-group row">
								<label class="col-form-label col-lg-4">Total Sudah Dibayar</label>
								<div class="col-lg-7">
									<input type="hidden" id="tbayar" value="{{$invoice->total_bayar}}">
									<input type="hidden" id="tbayarlunas" value="{{$invoice->total_bayar}}">
									<input type="number" id="total_bayar" name="total_bayar" class="form-control border-teal border-1" placeholder="Pembayaran" value="{{$invoice->total_bayar}}" >
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<div class="form-group row">
								<label class="col-form-label col-lg-4">Status</label>
								<div class="col-lg-7">
									<select name="status" id="status" onchange="showHiddenForm()" class="form-control form-control-select2" data-container-css-class="border-teal" data-dropdown-css-class="border-teal" required>
										@foreach (config('custom.status_invoice') as $key => $val)
										<option value="{{$key}}" {{$invoice->status == $key ? 'selected' : ''}}>{{$val}}</option>
										@endforeach
									</select>
								</div>
							</div>
							<div class="form-group row" id="formtgl_tagih" @if($invoice->status!=1) style="display:none" @endif>
								<label class="col-form-label col-lg-4">Tanggal Tagih</label>
								<div class="col-lg-7">
									<input type="text" name="tgl_tagih" id="tgl_tagih" class="form-control daterange-single" value="{{$invoice->tgl_tagih}}" @if($invoice->status!=1) disabled @endif>
								</div>
							</div>
							<div class="form-group row" id="formtgl_tempo" @if($invoice->status!=3) style="display:none" @endif>
								<label class="col-form-label col-lg-4">Tanggal Jatuh Tempo</label>
								<div class="col-lg-7">
									<input type="text" name="tgl_tempo" id="tgl_tempo" class="form-control daterange-single" value="{{$invoice->tgl_tempo}}" @if($invoice->status!=3) disabled @endif>
								</div>
							</div>
							<div class="form-group row" id="formtgl_lunas" @if($invoice->status!=4) style="display:none" @endif>
								<label class="col-form-label col-lg-4">Tanggal Lunas</label>
								<div class="col-lg-7">
									<input type="text" name="tgl_lunas" id="tgl_lunas" class="form-control daterange-single" value="{{$invoice->tgl_lunas}}" @if($invoice->status!=4) disabled @endif>
								</div>
							</div>
							{{-- <div class="form-group row">
								<label class="col-form-label col-lg-4">Keterangan</label>
								<div class="col-lg-7">
									<textarea name="keterangan" rows="3" placeholder="Keterangan" class="form-control">{{$invoice->keterangan}}</textarea>
								</div>
							</div> --}}
						</div>
					</div>
				</fieldset>

				@if (!$invoice->invoice_detail->isEmpty())
					<div class="row">
						<div class="col-md-6">
							<div class="form-group row">

								<label class="col-form-label col-lg-4">
									No. Container
									<br>
									<span class="text-muted font-italic">* No. Container di Invoice</span>
								</label>
								<div class="col-lg-7">
									<input class="form-control border-teal border-1" type="text" name="no_container" value="{{@$invoice->invoice_detail->first()->no_container}}">
								</div>
							</div>
							
							<div class="form-group row" id="formvabank" @if($invoice->status!=1) style="display:none" @endif>
								<label class="col-form-label col-lg-4">Virtual Account</label>
								<div class="col-lg-7">
									<select name="va_bank" id="va_bank" class="form-control form-control-select2" data-container-css-class="border-teal" data-dropdown-css-class="border-teal">
										<option value="">-- Pilih Tujuan --</option>
										@foreach (config('custom.va_bank') as $key => $value)
											<option value="{{$key}}" {{$va?($va->payment_channel == $key?'selected':''):''}}>{{$value}}</option>
										@endforeach
									</select>
								</div>
							</div>
						</div>
					</div>
				@endif

				<table class="table ">
					<thead>
						<tr>
							<th>No. Resi</th>
							<th>Shipping Marks</th>
							<th>Tipe Barang</th>
							<th>Jml Karton</th>
							@if(strtolower(@$invoice->invoice_detail->first()->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>
						@php
							$satuanekspedisi = '';
							$jenisekspedisi = '';
						@endphp
						
						@if(!$invoice->invoice_detail->isEmpty())
						@php
							$grandtotal = 0;
							$i=1;
						@endphp
							@foreach ($invoice->invoice_detail as $detail)

							@php
								// $satuanekspedisi = '';
								// $jenisekspedisi = '';

								if ($detail->receipt_detail) {
									if ($detail->receipt_detail->detail_barang) {
										if ($detail->receipt_detail->detail_barang->first()->ekspedisi) {
											$satuanekspedisi = $detail->receipt_detail->detail_barang->first()->ekspedisi->satuan;
											$jenisekspedisi = $detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi;
										}
									}
								}
							@endphp


							<tr id="tr{{$detail->id}}">
								<input type="hidden" name="ekspedisi_detail_id[{{ $detail->id }}]" value="{{$detail->ekspedisi_detail_id}}">
								<input type="hidden" name="harga_ekspedisi[{{ $detail->id }}]" value="{{$detail->harga_ekspedisi}}">

								<td style="vertical-align: initial">{{$detail->no_resi}}</td>
								<td style="vertical-align: initial">{{@$detail->receipt_detail->receipt->shipping_mark}}</td>
								<td style="vertical-align: initial">
									<input type="text"
												 name="tipe_barang[{{ $detail->id }}]"
												 id="tipe_barang"
												 value="{{$detail->tipe_barang}}"
												 class="form-control border-teal border-1">
								</td>
								<td style="vertical-align: initial">
									<input type="number"
												 class="form-control border-teal border-1"
												 min="1"
												 name="jml_ctn[{{ $detail->id }}]"
												 id="jml_ctn"
												 value="{{$detail->jml_ctn}}"
									>
								</td>
								<input type="hidden" name="detail_id[{{ $detail->id }}]" value="{{$detail->id}}">
								

								{{-- Total Volume --}}
								{{-- <td>{{$detail->volume}}</td> --}}
								<td style="vertical-align: initial">
									<input id="oldvolume{{$i}}" type="hidden" value="{{$detail->volume}}">
									<input type="number" id="volume{{$i}}" name="volume[{{ $detail->id }}]" step=".001"
												class="form-control border-teal border-1 inputdraft sumgrand hitunglimit input_biaya_tambahan volumeresi{{$detail->no_resi}}"
												value="{{$detail->volume }}"
												data-jkarton="{{$detail->jml_ctn}}"
												data-nodata="{{$i}}"
												data-tipe="{{$satuanekspedisi}}"
												data-jenisekspedisi="{{$jenisekspedisi}}"
									>
								</td>

								{{-- Total Berat --}}
								{{-- Jika menggunakan ekspedisi udara dan berat volume > berat utama --}}
								@if ($detail->receipt_detail)
									
									@if((strtolower($jenisekspedisi) == "udara") && ($detail->volume > ($detail->berat * $detail->carton_count)))
										<td style="vertical-align: initial">
											<input id="oldberat{{$i}}" type="hidden" value="{{$detail->berat}}">
											<input type="number" id="berat{{$i}}" name="berat[{{ $detail->id }}]" step=".01"
														class="form-control border-teal border-1 inputdraft sumgrand"
														value="{{ $detail->berat }}"
														data-jkarton="{{$detail->jml_ctn}}"
														data-nodata="{{$i}}"
														data-tipe="{{$satuanekspedisi}}"
														data-jenisekspedisi="{{strtolower($jenisekspedisi)}}"
											>
											<span class="text-muted"><i>* Berat Utama</i></span>
											<br>
											<input type="number" id="berat_tambahan{{$i}}" name="berat_tambahan[{{ $detail->id }}]" step=".001"
														class="form-control border-teal border-1 inputdraft sumgrand mt-2"
														value="{{$detail->berat_tambahan}}"
														data-jkarton="{{$detail->carton_count}}"
														data-nodata="{{$i}}"
														min="0"
														data-tipe="{{$satuanekspedisi}}"
														data-jenisekspedisi="{{strtolower($jenisekspedisi)}}"
											>
											<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}}">
											<input type="number" id="berat{{$i}}" name="berat[{{ $detail->id }}]" step=".01"
											class="form-control border-teal border-1 inputdraft sumgrand input_biaya_tambahan"
											value="{{ $detail->berat }}"
											data-jkarton="{{$detail->jml_ctn}}"
											data-nodata="{{$i}}"
											data-tipe="{{$satuanekspedisi}}"
											data-jenisekspedisi="{{strtolower($jenisekspedisi)}}"
											>
										</td>
									@endif
								@else
									{{-- JIKA KOSONG --}}
									<td style="vertical-align: initial">
										<input id="oldberat{{$i}}" type="hidden" value="{{$detail->berat}}">
										<input type="number" id="berat{{$i}}" name="berat[{{ $detail->id }}]" step=".01"
										class="form-control border-teal border-1 inputdraft sumgrand"
										value="{{ $detail->berat }}"
										data-jkarton="{{$detail->jml_ctn}}"
										data-nodata="{{$i}}"
										data-tipe="{{$satuanekspedisi}}"
										data-jenisekspedisi="{{strtolower($jenisekspedisi)}}"
										>
									</td>
								@endif


								{{-- Harga / Perhitungan tergantung ekspedisi udara atau laut --}}
								{{-- Jika menggunakan ekspedisi udara dan berat volume > berat utama --}}
								@if ($detail->receipt_detail)
									@if((strtolower($jenisekspedisi) == "udara") && ($detail->volume > ($detail->berat * $detail->carton_count)))
										<td style="vertical-align:initial">
											<input id="oldharga{{$i}}" type="hidden" value="{{$detail->harga}}" readonly>
											<input type="number" id="harga{{$i}}" name="harga[{{ $detail->id }}]" step=".001"
														class="form-control border-teal border-1 inputdraft sumgrand hargasum{{$i}}"
														value="{{ $detail->harga }}"
														data-jkarton="{{$detail->carton_count}}"
														data-nodata="{{$i}}"
														min="0"
														data-tipe="{{$satuanekspedisi}}"
														data-jenisekspedisi="{{strtolower($jenisekspedisi)}}"
											>
											<span class="text-muted"><i>* {{$jenisekspedisi}}</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="{{$detail->harga_tambahan}}"
														data-jkarton="{{$detail->carton_count}}"
														data-nodata="{{$i}}"
														min="0"
														data-tipe="{{$satuanekspedisi}}"
														data-jenisekspedisi="{{strtolower($jenisekspedisi)}}"
											>
											<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="{{$detail->harga}}">
											<input type="number" id="harga{{$i}}" name="harga[{{ $detail->id }}]"
											class="form-control border-teal border-1 inputdraft sumgrand hargasum{{$i}}"
											style="margin-top: 15.5px"
											value="{{ $detail->harga }}"
											data-jkarton="{{$detail->jml_ctn}}"
											data-nodata="{{$i}}"
											data-tipe="{{$satuanekspedisi}}"
											data-jenisekspedisi="{{strtolower($jenisekspedisi)}}"
											<span class="text-muted"><i>* {{$jenisekspedisi}}</i></span>
										</td>
									@endif
								@else

									<td style="vertical-align: initial">
										<input id="oldharga{{$i}}" type="hidden" value="{{$detail->harga}}">
										<input type="number" id="harga{{$i}}" name="harga[{{ $detail->id }}]"
										class="form-control border-teal border-1 inputdraft sumgrand hargasum{{$i}}"
										style="margin-top: 15.5px"
										value="{{ $detail->harga }}"
										data-jkarton="{{$detail->jml_ctn}}"
										data-nodata="{{$i}}"
										data-tipe="{{$satuanekspedisi}}"
										data-jenisekspedisi="{{strtolower($jenisekspedisi)}}"
										<span class="text-muted"><i>* {{$jenisekspedisi}}</i></span>
									</td>
								@endif

								{{-- Total harga 1 row --}}
								{{-- <td>{{ribuan($detail->total)}}</td> --}}
								@if ($detail->receipt_detail)

									<td style="vertical-align: initial">
										<input id="oldtotal{{$i}}" type="hidden" value="{{$detail->total}}">
										<input type="number" id="total{{$i}}" name="total[{{ $detail->id }}]"
										class="form-control border-teal border-1 inputdraft totalsum"
										onchange="fnAlltotal()"
										value="{{ $detail->total }}"
										data-jkarton="{{$detail->jml_ctn}}"
										data-nodata="{{$i}}"
										data-tipe="{{$satuanekspedisi}}"
										data-jenisekspedisi="{{strtolower($jenisekspedisi)}}"
										>
										@if ($detail->receipt_detail->detail_barang)
											
											@if(strtolower($jenisekspedisi) == "laut")
												<span class="text-muted"><i>* {{$satuanekspedisi}} x Harga</i></span>
											@else
												@if($detail->volume > $detail->berat)
													<span id="text-rumus{{$i}}" class="text-muted"><i>* (Berat x Harga) + (Volume - Berat) x (Harga / 2)</i></span>
												@else
													<span id="text-rumus{{$i}}" class="text-muted"><i>* Kg x Harga</i></span>
												@endif
											@endif
										@else
											<span id="text-rumus{{$i}}" class="text-muted"><i>-</i></span>

										@endif

									</td>
								
								@else

									<td style="vertical-align: initial">
										<input id="oldtotal{{$i}}" type="hidden" value="{{$detail->total}}">
										<input type="number" id="total{{$i}}" name="total[{{ $detail->id }}]"
										class="form-control border-teal border-1 inputdraft totalsum"
										onchange="fnAlltotal()"
										value="{{ $detail->total }}"
										data-jkarton="{{$detail->jml_ctn}}"
										data-nodata="{{$i}}"
										data-tipe="{{$satuanekspedisi}}"
										data-jenisekspedisi="{{strtolower($jenisekspedisi)}}"
										>
										<span id="text-rumus{{$i}}" class="text-muted"><i>-</i></span>
									</td>

								@endif
								

								<tr style="border-top: 1px dashed black">
									{{-- @php
										$colspan = 0;
										if (strtolower($detail->tipe_ekspedisi) == "laut") {
											$colspan = 4;
										} else {
											$colspan = 4;													
										}

									@endphp --}}
									{{-- @if(strtolower(@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "laut")
									<td colspan="3">
									@else
									<td colspan="4">
									@endif --}}
									<td colspan="4">
									&nbsp;
									</td>

									@php
										$valcgberat = 0;
									@endphp
									
									{{-- @if(strtolower(@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "laut")
										<td>
											<span>Charge Berat Laut</span>
											<input id="charge_berat_laut{{$i}}" name="charge_berat_laut[{{ $detail->id }}]" 
											data-nodata="{{$i}}" 
											data-jenisekspedisi="{{strtolower(@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}" 
											class="form-control border-teal border-1 inputdraft input_biaya_tambahan" type="number" value="{{$detail->charge_berat_laut}}">
										</td>
									@endif --}}
									@if ($detail->receipt_detail)
										@if ($detail->receipt_detail->detail_barang)
											@if (strtolower($jenisekspedisi) == "laut")
												<td>
													<span>Charge Berat Laut</span>
													<input id="charge_berat_laut{{$i}}" name="charge_berat_laut[{{ $detail->id }}]" 
													data-nodata="{{$i}}" 
													data-jenisekspedisi="{{strtolower(@$jenisekspedisi)}}" 
													class="form-control border-teal border-1 inputdraft input_biaya_tambahan" type="number" value="{{$detail->charge_berat_laut}}">
												</td>
											@endif
										@endif
									@endif
									<td>
										<span>Tax Refund</span>
										<input type="number" id="tax_refund{{$i}}" name="tax_refund[{{ $detail->id }}]" 
										data-nodata="{{$i}}" 
										data-noresi ="{{@$detail->receipt_detail->receipt->no_resi}}"
										data-jenisekspedisi="{{strtolower(@$jenisekspedisi)}}" 
										class="form-control border-teal border-1 inputdraft input_biaya_tambahan changetaxrefund trefund{{@$detail->receipt_detail->receipt->no_resi}}"" value="{{$detail->tax_refund_biaya_cbm}}">
									</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_detail->receipt->tax_refund_biaya_kirim?$detail->receipt_detail->receipt->tax_refund_biaya_kirim:0}}"
										data-noresi ="{{@$detail->receipt_detail->receipt->no_resi}}"
										data-jenisekspedisi="{{strtolower(@$jenisekspedisi)}}" 
										class="form-control border-teal border-1 inputdraft input_biaya_tambahan changetaxrefundkirim trefundkirim{{@$detail->receipt_detail->receipt->no_resi}}" 
										value="{{@$detail->tax_refund_kirim}}">
									</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_detail->receipt->no_resi}}"
										data-jenisekspedisi="{{strtolower(@$jenisekspedisi)}}" 
										class="form-control border-teal border-1 inputdraft input_biaya_tambahan changecod cod{{@$detail->receipt_detail->receipt->no_resi}}" value="{{@$detail->biaya_cod_cina}}">
									</td>
									@php
										// $precg_subtotal = $detail->charge_berat_laut + (($detail->tax_refund_biaya_cbm * $kurensi->rate_rupiah) + $detail->tax_refund_kirim + ($detail->biaya_cod_cina * $kurensi->rate_rupiah)) ;
										$precg_subtotal = $detail->charge_berat_laut + (($detail->tax_refund_biaya_cbm * $kurensi) + $detail->tax_refund_kirim + ($detail->biaya_cod_cina * $kurensi)) ;

									@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="{{$detail->tax_refund_biaya_cbm_total}}" readonly>
									</td>
								</tr>

								<tr style="background-color: #efefef">
									<td colspan="1">
										Deskripsi
									</td>
									<td colspan="7">
										@if ($detail->receipt_detail)
											@foreach ($detail->receipt_detail->detail_barang as $barang)
												@if ($barang->deskripsi == null)
													-
												@else
													@if (!$loop->first)
														,
													@endif
														{{$barang->deskripsi}}			
												@endif
											@endforeach
										@else
											-
										@endif
									</td>
								</tr>

								<tr>
									<td colspan="4">Biaya Packing & Asuransi yg sudah tercantum di resi</td>
									<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->voucher)
								<tr>
									<td>Voucher</td>
									@php
										$voucherid = @$detail->voucher->id;
										$tipepotongan = @$detail->voucher->tipe_potongan;
										$tipevoucher = @$detail->voucher->tipe_voucher;
										$jumlahvoucher = @$detail->voucher->jumlah;
									@endphp
									<td colspan="3">
										{{@$detail->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->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(@$detail->potongan_diskon_voucher)}}</span>
											<br>
											Potongan Biaya cbm/kg dengan potongan : Rp
											<span class="text-success" id="sub_dengan_potongan">{{ribuan(@$detail->harga - $detail->potongan_diskon_voucher)}}</span>
										@else
											Total Potongan : Rp 
											<span id="total_potongan_text">{{ribuan(@$detail->potongan_diskon_voucher)}}</span>
											<br>
											Subtotal dengan potongan : Rp
											<span class="text-success" id="sub_dengan_potongan">{{ribuan(@$detail->total + $detail->potongan_diskon_voucher)}}</span>
										@endif

										<input type="hidden" id="voucher_id{{$i}}" name="voucher_id[{{ $detail->id }}]" value="{{$detail->voucher_id}}">
										<input type="hidden" id="tipepotongan{{$i}}" value="{{$tipepotongan}}">
										<input type="hidden" id="tipevoucher{{$i}}" value="{{$tipevoucher}}">
										<input type="hidden" id="jumlahvoucher{{$i}}" value="{{$jumlahvoucher}}">
										<input type="hidden" id="potongan_diskon_voucher{{$i}}" name="potongan_diskon_voucher[{{ $detail->id }}]" value="{{$detail->potongan_diskon_voucher}}">
									</td>
								</tr>
								@endif

							</tr>
							@php
							$i++;
							@endphp
							@endforeach
						@endif


						<tr><td colspan="8" style="padding:2px"></td></tr>
						<tr>
							<td colspan="2" rowspan="6">Keterangan</td>
							<td colspan="3" rowspan="6">{{$invoice->keterangan}}</td>
							<td rowspan="6">&nbsp;</td>
							<td><i>Biaya Packing</i></td>
							<td>
								<input class="form-control border-teal border-1" id="harga_packing" name="harga_packing" type="number" value="{{$invoice->harga_packing}}" oninput="fnAlltotal()">
							</td>

						</tr>
						<tr>
							<td><i>Biaya Asuransi</i></td>
							<td>
								<input class="form-control border-teal border-1" id="harga_asuransi" name="harga_asuransi" type="number" value="{{$invoice->harga_asuransi}}" oninput="fnAlltotal()">
							</td>
						</tr>
						<tr>
							<td>Biaya Quality Control</td>
							{{-- <td>Rp. {{ ribuan($invoice->biaya_lain) }}</td> --}}
							<td>
								<input type="number" id="biaya_qc" name="biaya_qc" class="form-control border-teal border-1" value="{{$invoice->biaya_qc}}" oninput="fnAlltotal()">
							</td>
						</tr>
						
						{{-- <tr>
							<td>
								@if (strtolower($jenisekspedisi) == "udara")
									COD    
								@else
									CHARGE BERAT
								@endif								Biaya Lain
							</td>
							<td><input type="number" id="biayalain" name="biaya_lain" class="form-control border-teal border-1 sumgrand inputdraft" value="{{$invoice->biaya_lain}}"></td>
						</tr> --}}
						<tr>
							<td><i>Random Digit Number</i></td>
							<td>{{ $invoice->rdn?'Rp. '.$invoice->rdn:'--Akan digenerate setelah update--' }}</td>
							<input id="hidrdn" type="hidden" value="{{$invoice->rdn}}">
						</tr>
						<tr>
							<td>
								Other    
							</td>
							<td>
								<input type="number" id="biayaother" name="biayaother" class="form-control border-teal border-1 inputdraft" value="{{$invoice->biaya_other}}" oninput="fnAlltotal()">
							</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="{{$invoice->biaya_cod_china}}"></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="{{$invoice->tax_refund_nominal}}">
							</td>
						</tr> --}}
						

						@if(strtolower($jenisekspedisi) == "udara")
							<input type="hidden" name="biaya_limit" value="0">
						@else
							{{-- <tr>
								<td colspan="6">&nbsp;</td>
								<td>Biaya Kelebihan Berat</td>
								<td><input type="number" id="biayalimit" name="biaya_limit" class="form-control border-teal border-1 sumgrand inputdraft" value="{{$invoice->biaya_limit}}"></td>
							</tr> --}}
						@endif
						<tr>
							{{-- <td colspan="4">&nbsp;</td> --}}
							<td>Grandtotal</td>
							{{-- <td>Rp. {{ ribuan($invoice->total_tagihan) }}</td> --}}
							<td><input type="number" id="grand" name="grandtotal" class="form-control border-teal border-1 inputdraft" value="{{ $invoice->total_tagihan }}"></td>
							<input id="gtotal" type="hidden" value="{{$invoice->total_tagihan}}">
						</tr>
					</tbody>
				</table>

				<div class="text-right mt-3">
					<button type="submit" class="btn btn-primary text-uppercase">Update <i class="icon-paperplane ml-2"></i></button>
				</div>
			</form>
		</div>
	</div>
</div>

<!-- Danger modal -->
<div id="modal_theme_danger" class="modal fade" tabindex="-1">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header bg-danger" align="center">
				<button id="closemodal" type="button" class="close" data-dismiss="modal">&times;</button>
			</div>

			<form action="" method="post" id="delform">
				@csrf
				@method('DELETE')
				<div class="modal-body" align="center">
					<h2> Hapus Data? </h2>
				</div>

				<div class="modal-footer">
					<button type="button" class="btn btn-link" data-dismiss="modal">Batal</button>
					<button type="submit" class="btn bg-danger" disabled>Hapus</button>
				</div>
			</form>
		</div>
	</div>
</div>

@endsection

@section('js')
	<script src="{{asset('global_assets/js/plugins/media/fancybox.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/notifications/pnotify.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/validation/validate.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('global_assets/js/plugins/forms/styling/uniform.min.js')}}"></script>
	<script src="{{asset('global_assets/js/main/bootstrap.bundle.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/ui/moment/moment.min.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/pickers/daterangepicker.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/pickers/pickadate/picker.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/pickers/pickadate/picker.date.js')}}"></script>
	<script src="{{asset('global_assets/js/plugins/loaders/blockui.min.js')}}"></script>

	<script src="{{asset('global_assets/js/plugins/media/fancybox.min.js')}}"></script>
	<script src="{{asset('assets/js/app.js')}}"></script>
	<script src="{{asset('global_assets/js/demo_pages/form_inputs.js')}}"></script>

	<script type="text/javascript">

	$(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')
		
			$('.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','#total_bayar', function () {
			var total = BigInt($('#gtotal').val())
			var totalbayar = BigInt($('#total_bayar').val())

			var totalbayarold = BigInt($('#tbayar').val())
			var totalbayarlunas = BigInt($('#tbayarlunas').val())

			var stat = $('#status').find('option:selected').val();

			if (totalbayar > total) {
				if (stat == 4) {
					new PNotify({
					title: 'Error',
					text: 'Input bayar melebihi jumlah yang harus dibayarkan.',
					icon: 'icon-blocked',
					type: 'error'
					});
				$('#total_bayar').val(total)
				} else {
					new PNotify({
					title: 'Error',
					text: 'Input bayar melebihi jumlah yang harus dibayarkan.',
					icon: 'icon-blocked',
					type: 'error'
					});
				$('#total_bayar').val(total)
				}

			}
		})


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

			$(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 volume = $('#volume'+no).val();
				var berat = $('#berat'+no).val();
				var kursrmb = $('#kurs_rmb').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
				}
				var total = 0;

				if(jenisekspedisi == "udara"){

					if(parseFloat(volume) > parseFloat(berat)){
						// 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 harga_tambahan = $("#harga_tambahan"+no).val()??0;

						// var subtotal = (berat * harga) + (volume - berat) * (harga / 2);
						var subtotal = Math.round((berat * harga) + berat_tambahan * harga_tambahan);
						$("#text-rumus"+no).html("<i>* (Berat * Harga) + (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)
					}

          			// $('#total'+no).val(subtotal.toFixed(2));
          			$('#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;

						// 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)
						}
						
						$("#text-rumus"+no).html("<i>* "+satuanekspedisi+" x Harga</i>");
						// $('#total'+no).val(subtotal.toFixed(2));
						$('#total'+no).val(subtotal);
					}
						// cek charge biaya laut input
						var cgvol = volume * 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
							cglaut = cgberat * 3750	
							charge_laut = cglaut
							$('#charge_berat_laut'+no).val(charge_laut)
						} else {
							$('#charge_berat_laut'+no).val(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 = cglaut
						var tr = tax_refund * kursrmb
						// var trk = tax_refundkirim
						var bc = biaya_cina * kursrmb

						// console.log(cl, tr, trk, bc)
						// console.log(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()
						}
					});
				}

				// hitungbiayalimit();

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

		})

		$(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 hitungbiayalimit(){
		// 	let totallimit = 0

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

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

		// 		console.log(volume)
		// 		console.log(berat)
		// 		console.log(harga)

		// 		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 rdn = Number($('#hidrdn').val());
			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);
				});

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

		function showHiddenForm(){
			let stat = $('#status').find('option:selected').val();
			var total = $('#gtotal').val()
			var totalbayar = $('#tbayar').val()

			$('#formvabank').hide();
			$('#formtgl_tagih, #formtgl_tempo, #formtgl_lunas').hide();
			$('#tgl_tagih, #tgl_tempo, #tgl_lunas').prop('required',false).attr('disabled', 'disabled');

			if(stat==1){
				$('#formtgl_tagih').show();
				$('#tgl_tagih').prop('required',true).removeAttr('disabled');
			} else if(stat==2){
				$('#formtgl_tempo').show();
				$('#tgl_tempo').prop('required',true).removeAttr('disabled');
			} else if(stat==4){
				$('#formtgl_lunas').show();
				$('#tgl_lunas').prop('required',true).removeAttr('disabled');
				$('#total_bayar').val(total)
				$('#tbayarlunas').val(total)
			} else {
				$('#total_bayar').val(totalbayar)
				$('#tbayarlunas').val('')
			}

		}

	</script>

	<script type="text/javascript">
		var $select = $('.form-control-select2').select2();

		$( document ).ready(function() {

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

			// Single picker
			$('.daterange-single').daterangepicker({
				singleDatePicker: true,
				locale: {
					format: 'YYYY-MM-DD'
				}
			// 	  autoUpdateInput: false
			// }, function (chosen_date) {
			// 	  $(this.element[0]).val(chosen_date.format('DD-MM-YYYY'));
			});

			// 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