@extends('layout')

@section('css')
<style>
    h4{
        margin:0;
        font-size: 1.2em;
    }
	.inputdraft{
		width:150px;
	}
</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 Coload</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-6">
      		<div class="form-group">
      			Info Perusahaan
      			<hr>
      			{{$coload->nama}}<br>
      			{{$coload->alamat}}<br>
      			Telp: {{$coload->telp}}<br>
      		</div>
      	</div> -->
      	<div class="col-md-12">
      		<div class="form-group">
      			Tagihan Untuk
      			<hr>
      			{{$coload->nama}}<br>
      			{{$coload->alamat}}<br>
      			Telp: {{$coload->telp}}<br>
      		</div>
      	</div>
      </div>
    </div>
  </div>

	<div class="card">
		<div class="card-body">
    	<form action="{{route('invoicecoload.store')}}" method="post" id="form2">
    		@csrf
    		<input type="hidden" name="coload_id" value="{{ $coload->id }}">
    		<input type="hidden" name="container" value="{{ $container }}">
    		<table class="table" id="table_carton">
    			<thead>
    				<tr>
    					<th>No. Resi</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;
      				@endphp
					<input type="hidden" id="datacnt" value="{{count($details)}}">
        		    @foreach($details as $detail)
                        @if(is_object($detail->detail_barang->first()->ekspedisi))
                          <!-- 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);
                              $harga_tambahan = @$detail->detail_barang->first()->ekspedisi->harga/2;
                              $total = (($detail->berat * $detail->carton_count) * @$detail->detail_barang->first()->ekspedisi->harga) + ($berat_tambahan * $harga_tambahan)
                              @endphp
                            @else
                              @php
                              $total = @$detail->detail_barang->first()->ekspedisi->harga * $detail->carton_count * $detail->berat;
                              @endphp
                            @endif

                            <!-- Volume: {{$volume}} <br>
                            Berat: {{$detail->berat}} -->
                          <!-- Jika tipe ekspedisi laut -->
                          @else
                            @php
                            $volume = (($detail->panjang * $detail->lebar * $detail->tinggi)/1000000) * $detail->carton_count;
                            $total = 0;
                            $total = @$detail->detail_barang->first()->ekspedisi->harga * round($volume, 2) ;
                            @endphp
                          @endif
                        @else
                          @php
                          $volume = (($detail->panjang * $detail->lebar * $detail->tinggi)/1000000) * $detail->carton_count;
                          $total = 0;
                          $total = @$detail->detail_barang->first()->ekspedisi->harga * round($volume, 2) ;
                          @endphp
                        @endif

                        @php
                        $grandtotal += $total;
                        @endphp
        				<tr id="tr{{$detail->id}}">
        					<input type="hidden" name="detail[]" value="{{ $detail->id }}">
        					<input type="hidden" name="no_resi[]" value="{{ @$detail->receipt->no_resi }}">
        					<input type="hidden" name="tipe_ekspedisi[]" value="{{ @$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi }}">

                            <input type="hidden" name="tipe_barang[]" value="{{ @$detail->detail_barang->first()->ekspedisi->tipe_barang }}">
        					<input type="hidden" name="jml_ctn[]" value="{{ $detail->carton_count }}">

                            <td style="vertical-align:initial">{{ @$detail->receipt->no_resi }}</td>
        					<td style="vertical-align:initial">
        						<input type="text"
        							   name="tipe_barang[]"
        							   id="tipe_barang"
        							   value="{{@$detail->detail_barang->first()->ekspedisi->tipe_barang}}"
        							   class="form-control border-teal border-1"
                                >
                                @if(!is_object($detail->detail_barang->first()->ekspedisi))
                                <span><i><a class="text-danger" href="{{route('receipt.edit', ['receipt'=>$detail->receipt->id])}}">* Tipe Ekspedisi Belum Dipilih [Klik]</a></i></span>
                                @endif
        					</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->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[]" step=".001"
                					   class="form-control border-teal border-1 inputdraft sumgrand hitunglimit"
                					   value="{{ $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)}}">
        					</td>

                          {{-- Total 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[]" 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)}}"
                                   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="{{$berat_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>* 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[]" 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="{{@$detail->detail_barang->first()->ekspedisi->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->detail_barang->first()->ekspedisi->harga }}"
              					   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)}}"
                                   readonly
                            >
        					<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[]"
                                   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="{{@$detail->detail_barang->first()->ekspedisi->harga}}">
        					<input type="number" id="harga{{$i}}" name="harga[]"
              				       class="form-control border-teal border-1 inputdraft sumgrand hargasum{{$i}}"
                                   value="{{ @$detail->detail_barang->first()->ekspedisi->harga }}"
        						   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)}}"
                                   >
                            @if(is_object($detail->detail_barang->first()->ekspedisi))
                            <span class="text-muted"><i>* {{@$detail->detail_barang->first()->ekspedisi->tipe_ekspedisi}}</i></span>
                            @else
                            <span><i><a class="text-danger" href="{{route('receipt.edit', ['receipt'=>$detail->receipt->id])}}">* Tipe Ekspedisi Belum Dipilih [Klik]</a></i></span>
                            @endif
        				  </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[]"
            					   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}}">
                            @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>
    					@php
    					$i++;
    					@endphp
    				@endforeach
    			@endif
    				<tr>
    					<td colspan="2" rowspan="2">Keterangan</td>
    					<td colspan="2" rowspan="2"><textarea name="keterangan" rows="3" cols="3" class="form-control" placeholder="Keterangan"></textarea></td>
    					<td rowspan="2">&nbsp;</td>
    					<td>Biaya Lain</td>
    					<td><input type="number" id="biayalain" name="biayalain" class="form-control border-teal border-1 sumgrand inputdraft" value="0"></td>
    				</tr>
    				@if(strtolower(@$details->first()->detail_barang->first()->ekspedisi->tipe_ekspedisi) == "udara")
					<tr><td>&nbsp;</td><td>&nbsp;</td></tr>
    				<input type="hidden" name="biayalimit" value="0">
    				@else
					{{-- <tr>
						<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> --}}
					<tr></tr>
    				@endif
    				<tr>
    					<td colspan="2">Rekening</td>
    					<td colspan="2">
    						<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>&nbsp;</td>
    					<td>Grandtotal</td>
    					<td><input type="number" id="grand" name="grandtotal" class="form-control border-teal border-1 inputdraft" value="{{ $grandtotal }}"></td>
    				</tr>
    				<tr>
    					<td colspan="2">Term</td>
    					<td colspan="2">
    						<input type="text" name="term" class="form-control border-teal border-1" placeholder="30 hari" required>
    					</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/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>
		//modal delete
		$(document).on("click", ".delbutton", function () {
		     var url = $(this).data('uri');
		     $("#delform").attr("action", url);
		});

		//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();

			$(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"){
          // console.log('Volume: '+volume);
          // console.log('Berat: '+berat);
          // console.log("Volume > Berat? "+parseFloat(volume) > parseFloat(berat));

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

          $('#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 = 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 biayalain = parseFloat($('#biayalain').val());
			// var biayalimit = parseFloat($('#biayalimit').val());

			if (isNaN(biayalain)) {
				biayalain = 0
				$('#biayalain').val(0)
			}
			// if (isNaN(biayalimit)) {
			// 	biayalimit = 0
			// 	$('#biayalimit').val(0)
			// }
			var grand = 0;

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

			// grand = total + biayalain + biayalimit
			grand = total + biayalain
			$("#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>
@endsection