@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 Coload -</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('invoicecoload.update', $invoice->id)}}" method="post">
				@method('PATCH')
				@csrf
				<fieldset class="mb-3">
					<div class="card">
						<div class="card-body">
							<div class="row">
								<div class="col-md-6">
									<div class="form-group">
										Info Perusahaan
										<hr>
										{{@$invoice->coload->nama}}<br>
										{{@$invoice->coload->alamat}}<br>
										Telp: {{@$invoice->coload->telp}}<br>
									</div>
								</div>
								<div class="col-md-6">
									<div class="form-group">
										Detail Invoice
										<hr>
										{{-- {{@$invoice->customer->nama}}<br>
										{{@$invoice->customer->alamat}}<br>
										Telp: {{@$invoice->customer->telp}}<br>
										Email: {{@$invoice->customer->email}}<br>
									</div>
									<div class="form-group"> --}}
										No Invoice : {{$invoice->no_invoice}} <br>
										Tanggal : {{date('d-m-Y', strtotime($invoice->created_at))}}<br>
										Term : {{$invoice->term}} <br>
									</div>
								</div>
							</div>
							<div class="row">
								{{-- <div class="col-md-6">
									<div class="form-group">
										No Invoice : {{$invoice->no_invoice}} <br>
										Tanggal : {{date('d-m-Y', strtotime($invoice->created_at))}}<br>
										Term : {{$invoice->term}} <br>
									</div>
								</div> --}}
								<div class="col-md-6">
									<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>
					</div>
				</fieldset>
				<fieldset class="mb-3">
					<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="text" 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_coload_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_coload_detail->first()->no_container}}">
								</div>
							</div>
						</div>
					</div>
				@endif

				<table class="table ">
					<thead>
						<tr>
							<th>No. Resi</th>
							<th>Tipe Barang</th>
							<th>Jml Karton</th>
							@if(strtolower(@$invoice->invoice_coload_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>
						@if(!$invoice->invoice_coload_detail->isEmpty())
						@php
							$grandtotal = 0;
							$i=1;
						@endphp
							@foreach ($invoice->invoice_coload_detail as $detail)
							<tr id="tr{{$detail->id}}">
								<td style="vertical-align: initial">{{$detail->no_resi}}</td>
								<td style="vertical-align: initial"><input type="text"
											 name="tipe_barang[]"
											 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[]"
											 id="jml_ctn"
											 value="{{$detail->jml_ctn}}"
								></td>
								<input type="hidden" name="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[]" step=".001"
									class="form-control border-teal border-1 inputdraft sumgrand hitunglimit"
									value="{{$detail->volume }}"
									data-jkarton="{{$detail->jml_ctn}}"
									data-nodata="{{$i}}"
									udara kg
									data-tipe="{{@$detail->receipt_detail->detail_barang->first()->ekspedisi->satuan}}"
									data-jenisekspedisi="{{strtolower(@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}">
								</td>

								{{-- Total Berat --}}
								{{-- Jika menggunakan ekspedisi udara dan berat volume > berat utama --}}
								@if((strtolower(@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "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[]" step=".01"
												 class="form-control border-teal border-1 inputdraft sumgrand"
												 value="{{ $detail->berat }}"
												 data-jkarton="{{$detail->jml_ctn}}"
												 data-nodata="{{$i}}"
												 data-tipe="{{@$detail->receipt_detail->detail_barang->first()->ekspedisi->satuan}}"
												 data-jenisekspedisi="{{strtolower(@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}"
												 readonly
									>
									<span class="text-muted"><i>* Berat Utama</i></span>
									<br>
									<input type="number" id="berat_tambahan{{$i}}" name="berat_tambahan[]" 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}}"
												 data-tipe="{{@$detail->receipt_detail->detail_barang->first()->ekspedisi->satuan}}" min="0"
												 data-jenisekspedisi="{{strtolower(@$detail->receipt_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}}">
									<input type="number" id="berat{{$i}}" name="berat[]" step=".01"
									class="form-control border-teal border-1 inputdraft sumgrand"
									value="{{ $detail->berat }}"
									data-jkarton="{{$detail->jml_ctn}}"
									data-nodata="{{$i}}"
									data-tipe="{{@$detail->receipt_detail->detail_barang->first()->ekspedisi->satuan}}"
									data-jenisekspedisi="{{strtolower(@$detail->receipt_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->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "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[]" step=".001"
												 class="form-control border-teal border-1 inputdraft sumgrand hargasum{{$i}}"
												 value="{{ $detail->harga }}"
												 data-jkarton="{{$detail->carton_count}}"
												 data-nodata="{{$i}}"
												 data-tipe="{{@$detail->receipt_detail->detail_barang->first()->ekspedisi->satuan}}" min="0"
												 data-jenisekspedisi="{{strtolower(@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}"
												 readonly
									>
									<span class="text-muted"><i>* {{@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi}}</i></span>
									<br>
									<input type="number" id="harga_tambahan{{$i}}" name="harga_tambahan[]"
												 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}}"
												 data-tipe="{{@$detail->receipt_detail->detail_barang->first()->ekspedisi->satuan}}" min="0"
												 data-jenisekspedisi="{{strtolower(@$detail->receipt_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="{{$detail->harga}}">
									<input type="number" id="harga{{$i}}" name="harga[]"
									class="form-control border-teal border-1 inputdraft sumgrand hargasum{{$i}}"
									value="{{ $detail->harga }}"
									data-jkarton="{{$detail->jml_ctn}}"
									data-nodata="{{$i}}"
									data-tipe="{{@$detail->receipt_detail->detail_barang->first()->ekspedisi->satuan}}"
									data-jenisekspedisi="{{strtolower(@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}">
									<span class="text-muted"><i>* {{@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi}}</i></span>
								</td>
								@endif

								{{-- Total harga 1 row --}}
								{{-- <td>{{ribuan($detail->total)}}</td> --}}
								<td style="vertical-align:initial">
									<input id="oldtotal{{$i}}" type="hidden" value="{{$detail->total}}">
									<input type="number" id="total{{$i}}" name="total[]"
									class="form-control border-teal border-1 inputdraft totalsum"
									onchange="fnAlltotal()"
									value="{{ $detail->total }}"
									data-jkarton="{{$detail->jml_ctn}}"
									data-nodata="{{$i}}"
									data-tipe="{{@$detail->receipt_detail->detail_barang->first()->ekspedisi->satuan}}"
									data-jenisekspedisi="{{strtolower(@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi)}}">
									@if(strtolower(@$detail->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "laut")
									<span class="text-muted"><i>* {{@$detail->receipt_detail->detail_barang->first()->ekspedisi->satuan}} x Harga</i></span>
									@else
										@if($detail->volume > $detail->berat)
										<span id="text-rumus{{$i}}" class="text-muted"><i>* (Berat * Harga) + (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>
							@php
							$i++;
							@endphp
							@endforeach
						@endif


						<tr><td colspan="7" style="padding:2px"></td></tr>
						<tr>
							<td colspan="2" rowspan="3">Keterangan</td>
							<td colspan="2" rowspan="3">{{$invoice->keterangan}}</td>
							<td rowspan="3">&nbsp;</td>
							<td>Biaya Lain</td>
							{{-- <td>Rp. {{ ribuan($invoice->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>
						@if(strtolower(@$invoice->invoice_coload_detail->first()->receipt_detail->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "udara")
							<input type="hidden" name="biaya_limit" value="0">
						@else
							{{-- <tr>
								<td colspan="5">&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>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/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('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 harga = $('#harga'+no).val();

				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();
            var harga_tambahan = $("#harga_tambahan"+no).val();

						// 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>");
          }

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

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

				// hitungbiayalimit();

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

		})

		// function hitungbiayalimit(){
		// 	let totallimit = 0
		// 	var biaya_total = 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 rdn = parseFloat($('#hidrdn').val());
			var biayalain = parseFloat($('#biayalain').val());
			if (isNaN(biayalain)) {
				biayalain = 0
				$('#biayalain').val(0)
			}
			var grand = 0;

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

			grand = total + biayalain + rdn
			$("#grand").val(grand);
		}

		function showHiddenForm(){
			let stat = $('#status').find('option:selected').val();
			var total = $('#gtotal').val()
			var totalbayar = $('#tbayar').val()
			//coload form
			if(stat==1 || stat==3){
				$('#formtgl_tagih').show();
				$('#tgl_tagih').prop('required',true);
				$('#tgl_tagih').removeAttr('disabled');

				$('#formtgl_tempo').hide();
				$('#tgl_tempo').prop('required',false);
				$('#tgl_tempo').attr('disabled', 'disabled');

				$('#formtgl_lunas').hide();
				$('#tgl_lunas').prop('required',false);
				$('#tgl_lunas').attr('disabled', 'disabled');

				$('#total_bayar').val(totalbayar)
				$('#tbayarlunas').val('')
			} else if(stat==2){
				$('#formtgl_tagih').hide();
				$('#tgl_tagih').prop('required',false);
				$('#tgl_tagih').attr('disabled', 'disabled');

				$('#formtgl_tempo').show();
				$('#tgl_tempo').prop('required',true);
				$('#tgl_tempo').removeAttr('disabled');

				$('#formtgl_lunas').hide();
				$('#tgl_lunas').prop('required',false);
				$('#tgl_lunas').attr('disabled', 'disabled');

				$('#total_bayar').val(totalbayar)
				$('#tbayarlunas').val('')
			}else if(stat==4){
				$('#formtgl_tagih').hide();
				$('#tgl_tagih').prop('required',false);
				$('#tgl_tagih').attr('disabled', 'disabled');

				$('#formtgl_tempo').hide();
				$('#tgl_tempo').prop('required',false);
				$('#tgl_tempo').attr('disabled', 'disabled');

				$('#formtgl_lunas').show();
				$('#tgl_lunas').prop('required',true);
				$('#tgl_lunas').removeAttr('disabled');

				$('#total_bayar').val(total)
				$('#tbayarlunas').val(total)
			} else if(stat==0){
				$('#formtgl_tagih').hide();
				$('#tgl_tagih').prop('required',false);
				$('#tgl_tagih').attr('disabled', 'disabled');

				$('#formtgl_tempo').hide();
				$('#tgl_tempo').prop('required',false);
				$('#tgl_tempo').attr('disabled', 'disabled');

				$('#formtgl_lunas').hide();
				$('#tgl_lunas').prop('required',false);
				$('#tgl_lunas').attr('disabled', 'disabled');

				$('#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>

@endsection