@extends('layout')

@section('css')
<style>
    h4{
        margin:0;
        font-size: 1.2em;
    }
</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">Create Delivery</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">
							<label>Coload</label>
							<div class="p-0">
								<input type="hidden" id="roleuser" value="{{\Auth::user()->role}}">
								@if (\Auth::user()->role == 10 || in_array(\Auth::user()->role,[20,21,24,25,26]))
								<input class="form-control" type="text" value="{{\Auth::user()->coload->nama}}" readonly>
								<input type="hidden" id="coloadid" value="{{\Auth::user()->coload_id}}">
								@else
								<select name="currency_code" id="select_coload" class="form-control form-control-select2">
									<option value="">-- Choose Coload --</option>
									@foreach($coloads as $coload)
										<option value="{{$coload->id}}" {{ app('request')->input('c') == $coload->id ? 'selected' : null }}>{{ $coload->nama }}</option>
									@endforeach
								</select>
								@endif

							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="form-group">
							<label>Customer</label>
							@php
								$namacustomer = null;
							@endphp
							<div class="p-0">
								<select name="currency_code" id="select_customer" class="form-control form-control-select2">
									<option value="">-- Choose Customer --</option>
									@foreach($customers as $customer)
										<option value="{{$customer->id}}" {{ app('request')->input('i') == $customer->id ? 'selected' : null }}>{{ ucwords($customer->nama) }}</option>
										@php
											if ( app('request')->input('i') == $customer->id ) {
												$namacustomer = $customer->nama;
											}
										@endphp
									@endforeach
								</select>
							</div>
						</div>
					</div>
					{{-- <div class="col-md-4">
						<div class="form-group">
							<label>No Container</label>
							<div class="p-0">
								<select name="currency_code" id="select_container" class="form-control form-control-select2">
									<option value="">-- Choose Container --</option>
									@foreach($containers as $cont)
										<option value="{{$cont->no_container}}" {{ app('request')->input('n') == $cont->no_container ? 'selected' : null }}>{{ $cont->no_container }}</option>
									@endforeach
								</select>
							</div>
						</div>
					</div> --}}
				</div>
                <a id="btn_submit" href="{{ route('delivery.create').'?c='.app('request')->input('c').'&i='.app('request')->input('i').'&n='.app('request')->input('n') }}" data-uri="{{ route('delivery.create') }}" class="btn btn-primary text-uppercase">Submit  <i class="icon-paperplane ml-2"></i></a>
                <a href="{{ route('delivery.create') }}" class="btn btn-light ml-1 text-uppercase"  data-popup="tooltip" title="Reset" data-placement="right"><i class="icon-spinner11"></i></a>
            </div>
		</div>

@if($submit)
            <div class="card">
				<div class="card-header d-flex justify-content-between">
					<h3 class="font-weight-light">Invoice Siap diproses</span></h3>
				</div>
                <div class="card-body">
                <form action="{{url('prosesdelivery')}}" method="post" id="form_invoice">
                    @csrf
					{{-- <input type="hidden" name="coload_id" value="{{ app('request')->input('c') }}"> --}}
					{{-- <input type="hidden" name="customer_id" value="{{ app('request')->input('i') }}"> --}}
					{{-- <input type="hidden" name="container" value="{{ app('request')->input('n') }}"> --}}
                    <table class="table datatable-basic table-hover" id="table_invoice">
                        <thead>
                            <tr>
                                <th class="text-center">
                                    <input type="checkbox" id="all_invoice">
                                </th>
							<th>Invoice</th>
							<th>Container</th>
							<th>Info Resi</th>
							<th>No. Resi Coload</th>
							<th>Qty</th>
							<th>Customer</th>
							<th>Marketing</th>
							<th>Tanggal Dibuat</th>
							<th>Total Tagihan</th>
							<th>Status</th>
                            </tr>
                        </thead>
                        <tbody>

                            @if(count($invoices))
								{{-- @php
									$lastresi = '';
								@endphp --}}
                                @foreach($invoices as $invoice)
										@if ($invoice->in_delivery == 1)
											@continue
										@endif

									@foreach ($invoice->invoice_detail as $inv_detail)
										@if ($inv_detail->in_delivery == 1 || $inv_detail->delivery_draft == 1)
											@continue
										@endif
										{{-- @if ($lastresi != @$inv_detail->receipt_detail->receipt->no_resi) --}}
											{{-- <tr id="tr{{$invoice->id}}"> --}}
											<tr id="tr{{$inv_detail->id}}">
												@php
													$receiptDetail = $inv_detail->receipt_detail;
													$receipt = optional($receiptDetail)->receipt;
													// $cartons = $receiptDetail ? $receiptDetail->carton : collect();
													$cartons = $inv_detail->jml_ctn;
													$isSelectable = !is_null($receiptDetail);
												@endphp
												<td align="center">
													{{-- <input type="checkbox" class="checked_invoice" name="noinvoice[]" value={{ $invoice->id }}> --}}
													<input type="checkbox" class="checked_invoice" name="detailinvoice[]" data-status_invoice="{{$invoice->status}}" value={{ $inv_detail->id }} {{ $isSelectable ? '' : 'disabled' }}>
												</td>
												<td>
													<a href="{{url('invoice/'.$invoice->id)}}" target="_blank">
														<span class="font-weight-semibold">{{ $invoice->no_invoice }}</span>
													</a>
													<br>
													<span>{{config('custom.status_invoice.'.$invoice->status)}}</span>
												</td>
												<td>
													@php
														$lastcontainer = '';
													@endphp
													{{-- @if ($cartons->count() > 0)
														@foreach ($cartons as $carton)
															@if ($lastcontainer == $carton->no_container)
																@continue
															@endif

															<span class="font-weight-semibold">{{ $carton->no_container }}</span>
															<br>

															@php
																$lastcontainer = $carton->no_container;
															@endphp
														@endforeach
													@endif --}}
													@if ($receiptDetail && $receiptDetail->carton->isNotEmpty())
														@foreach ($receiptDetail->carton as $carton)
															@if ($lastcontainer == $carton->no_container)
																@continue
															@endif

															<span class="font-weight-semibold">{{ $carton->no_container }}</span>
															<br>

															@php
																$lastcontainer = $carton->no_container;
															@endphp
														@endforeach
													@endif
												</td>
												<td>
													@if ($receipt)
														<a href="{{ url('receipt/'.$receipt->id) }}" target="_blank">
															<span class="font-weight-semibold">{{ $receipt->no_resi }}</span>
														</a>
														<br>
													@else
														<span class="text-danger font-weight-semibold">Receipt detail not found</span>
														<br>
													@endif
													@if ($receiptDetail)
														@foreach ($receiptDetail->detail_barang as $detailbarang)
															Kode Detail : {{$detailbarang->id}}
														@endforeach
													@endif
													{{-- <span>Kode Detail :</span> <span class="font-weight-semibold">{{@$inv_detail->barang_id}}</span> --}}
													{{-- @foreach ($invoice->invoice_detail as $inv_detail)
														@if ($lastresi != @$inv_detail->receipt_detail->receipt->no_resi)
															<a class="btn btn-primary btn-icon btn-sm m-1 rounded-round" href="{{url('receipt/'.@$inv_detail->receipt_detail->receipt->id)}}" target="_blank" title="Detail Resi">
																<i class="icon-eye"></i>
															</a> --}}
															{{-- {{@$inv_detail->receipt_detail->receipt->no_resi}}  --}}
															{{-- <br> --}}
														{{-- @endif

														@php
															$lastresi = @$inv_detail->receipt_detail->receipt->no_resi;
														@endphp
													@endforeach --}}
												</td>
												<td>
													{{ optional($receipt)->no_resi_coload ?: '-' }}
												</td>
												<td>
													{{-- {{ $cartons->count() }} --}}
													{{ $cartons }}
												</td>
												<td>{{ @$invoice->customer->nama }} <br> 
													<span class="font-weight-semibold">
														{{@$invoice->customer->kode_member}}
													</span>
												</td>
												<td>{{ optional(optional($receipt)->marketing)->nama }}</td>
												<td>{{ date('d/m/Y H:i', strtotime($invoice->created_at)) }}</td>
												<td>Rp {{ ribuan($invoice->total_tagihan) }}</td>
												<td>
													{{-- <span class="font-size-sm badge {{$i%2 == 0 ? 'badge-success' : 'badge-warning'}} badge-pill">{{$i%2 == 0 ? 'Active' : 'Pending'}}</span> --}}
													{{ $inv_detail->delivery_draft == 1 ? 'Draft Delivery' : config('custom.status_delivery.'.$invoice->in_delivery) }}
												</td>
											</tr>
										{{-- @endif --}}
										{{-- @php
											$lastresi = @$inv_detail->receipt_detail->receipt->no_resi;
										@endphp --}}
									@endforeach
                                @endforeach
                            @endif

                        </tbody>
					</table>
					<button id="btn-invoice" class="btn btn-success btn-lg" type="submit" disabled><i class="icon-redo mr-2"></i> Proses</button>
                </form>
                </div>
			</div>

			<div class="card">

				<div class="card-header d-flex justify-content-between">
					<h3 class="font-weight-light">Invoice Siap dikirim</span></h3>
				</div>

				<div class="card-body">
			<form action="{{url('prosesclaimdelivery')}}" method="post" id="form_delivery" method="post">
					@csrf
					<input type="hidden" name="customer_id" value="{{ app('request')->input('i') }}">
					<table class="table datatable-basic table-hover" id="table_delivery">
                        <thead>
                            <tr>
                                <th class="text-center">
                                    <input type="checkbox" id="all_delivery">
                                </th>
							<th>Invoice</th>
							<th>Container</th>
							<th>Info Resi</th>
							<th>No. Resi Coload</th>
							<th>Qty</th>
							<th>Customer</th>
							<th>Marketing</th>
							{{-- <th>Driver</th> --}}
							<th>Tanggal Dibuat</th>
							<th>Total Tagihan</th>
							<th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
							{{-- @php
								$lastresi2 = '';
							@endphp --}}
                            @if(count($deliveries))
                                @foreach($deliveries as $delivery)
									@if ($delivery->in_delivery == 1)
										@continue
									@endif
									@foreach ($delivery->invoice_detail as $deliv_detail)
										@if ($deliv_detail->delivery_draft != 1 || $deliv_detail->delivery_id != null)
											@continue
										@endif
										{{-- @if ($lastresi2 != @$deliv_detail->receipt_detail->receipt->no_resi) --}}
											<tr id="tr{{$deliv_detail->id}}">
												@php
													$receiptDetail = $deliv_detail->receipt_detail;
													$receipt = optional($receiptDetail)->receipt;
													// $cartons = $receiptDetail ? $receiptDetail->carton : collect();
													$cartons = $deliv_detail->jml_ctn;
													$isSelectable = !is_null($receiptDetail);
												@endphp
												<td align="center">
													<input type="checkbox" class="checked_delivery" data-status_invoice="{{$delivery->status}}" value={{ $deliv_detail->id }} {{ $isSelectable ? '' : 'disabled' }}>
												</td>
												<td>
													<a href="{{url('invoice/'.$delivery->id)}}" target="_blank">
														<span class="font-weight-semibold">{{ $delivery->no_invoice }}</span>
													</a>
													<br>
													<span>{{config('custom.status_invoice.'.$delivery->status)}}</span>
												</td>
												<td>
													@php
														$lastcontainer = '';
													@endphp
													{{-- @foreach ($cartons as $carton)
														@if ($lastcontainer == $carton->no_container)
															@continue
														@endif

														<span class="font-weight-semibold">{{ $carton->no_container }}</span>
														<br>

														@php
															$lastcontainer = $carton->no_container;
														@endphp
													@endforeach --}}
													@if ($receiptDetail && $receiptDetail->carton->isNotEmpty())
														@foreach ($receiptDetail->carton as $carton)
															@if ($lastcontainer == $carton->no_container)
																@continue
															@endif

															<span class="font-weight-semibold">{{ $carton->no_container }}</span>
															<br>

															@php
																$lastcontainer = $carton->no_container;
															@endphp
														@endforeach
													@endif
												</td>
												<td>
													@if ($receipt)
														<a href="{{ url('receipt/'.$receipt->id) }}" target="_blank">
															<span class="font-weight-semibold">{{ $receipt->no_resi }}</span>
														</a>
														<br>
													@else
														<span class="text-danger font-weight-semibold">Receipt detail not found</span>
														<br>
													@endif
													@if ($receiptDetail)
														@foreach ($receiptDetail->detail_barang as $detailbarang)
															Kode Detail : {{$detailbarang->id}}
														@endforeach
													@endif
													{{-- <span>Kode Detail :</span> <span class="font-weight-semibold">{{@$deliv_detail->barang_id}}</span> --}}
												</td>
												<td>
													{{ optional($receipt)->no_resi_coload ?: '-' }}
												</td>
												<td>
													{{-- {{ $cartons->count() }} --}}
													{{ $cartons }}
												</td>
												<td>
													{{ ucwords(@$delivery->customer->nama) }}
													<br>
													<span class="font-weight-semibold">
														{{@$delivery->customer->kode_member}}
													</span>
												</td>
												<td>{{ optional(optional($receipt)->marketing)->nama }}</td>
												{{-- <td>{{ @$delivery->driver->nama?ucwords(@$delivery->driver->nama):'-' }}</td> --}}
												<td>{{ date('d/m/Y H:i', strtotime($delivery->created_at)) }}</td>
												<td>Rp {{ ribuan($delivery->total_tagihan) }}</td>
												<td>
													{{-- <span class="font-size-sm badge {{$i%2 == 0 ? 'badge-success' : 'badge-warning'}} badge-pill">{{$i%2 == 0 ? 'Active' : 'Pending'}}</span> --}}
													Draft Delivery
												</td>
											</tr>
										{{-- @endif
										@php
											$lastresi2 = @$deliv_detail->receipt_detail->receipt->no_resi;
										@endphp --}}
									@endforeach	
                                @endforeach
                            @endif

                        </tbody>
					</table>

					<button type="button" name="handleclaim" value="undoproses" data-value="undoproses" class="btn btn-danger mr-3 btnclaimdelivery" disabled><i class="icon-undo mr-1"></i> Batalkan Proses</button>

					<hr>

					<input type="hidden" id="inv_belumlunas" value="0">
					<input type="hidden" id="hidden_nama_customer" value="{{ $namacustomer }}">
					<div class="form-group row mb-4">
						<label class="col-form-label font-weight-semibold col-lg-2">
							<span id="text_tipe_customer">Customer</span>
						</label>
						<div class="col-lg-3">
							<select class="form-control" name="tipe_customer" id="tipe_customer">
								<option value="customer">From Customer</option>
								<option value="custom">Custom PIC</option>
							</select>
						</div>
						<div class="col-lg-7">
							<input class="form-control" type="text" id="nama_customer" name="nama_customer" value="{{ $namacustomer }}">
						</div>
					</div>

					<div class="form-group row mb-4">
						<label class="col-form-label font-weight-semibold col-lg-2">Notes</label>
						<div class="col-lg-10">
							<textarea class="form-control" name="notes" cols="30" rows="4"></textarea>
						</div>
					</div>

					<div class="form-group row">
						<label class="col-form-label font-weight-semibold col-lg-2">Jenis Pengiriman</label>
						<div class="col-lg-10">
							<select class="form-control form-control-select2" id="jenis_pengiriman" name="jenis_pengiriman">
								<option value="">-- Choose Delivery Type --</option>
								@foreach(config('custom.jenis_pengiriman') as $key => $value)
								@if ($key == 0)
									@continue;
								@endif
									<option value="{{$key}}">{{$value}}</option>
								@endforeach
							</select>
						</div>
					</div>

					<div class="form-group row" id="div_ekspedisi" style="display: none">
						<label class="col-form-label font-weight-semibold col-lg-2">Ekspedisi</label>
						<div class="col-lg-6">
							<select class="form-control form-control-select2" id="ekspedisi_id" name="ekspedisi_id">
								<option value="">-- Choose Ekspedisi --</option>
								@foreach($ekspedisidelivery as $ekspedisi)
									<option value="{{$ekspedisi->id}}">{{$ekspedisi->nama}}</option>
								@endforeach
								<option value="input_ekspedisi">-- Ekspedisi Baru --</option>
							</select>
						</div>
						<div class="col-lg-4">
							<input type="text" class="form-control" id="new_ekspedisi" name="new_ekspedisi" disabled>
						</div>
					</div>

					<div id="pilih_driver" class="form-group row mb-4">
						<label class="col-form-label font-weight-semibold col-lg-2">Pilih Driver</label>
						<div class="col-lg-10">
							<select class="form-control form-control-select2" id="driver" name="driver_id">
								<option value="">-- Choose Driver --</option>
								@foreach($drivers as $driver)
									<option value="{{$driver->id}}">{{ucwords($driver->nama)}}</option>
								@endforeach
							</select>
						</div>
					</div>

					<div class="form-group row">
						<label class="col-form-label font-weight-semibold col-lg-2">Alamat Customer</label>
						<div class="col-lg-10">
							<select class="form-control form-control-select2" name="alamat_customer" id="alamat_customer">
								<option value="new" data-telp_alamat="" data-map="">-- New Address --</option>
								<option value="default" data-telp_alamat="{{$info_customer->telp}}" data-map="{{$info_customer->map}}" selected>{{$alamatkirim}}</option>
								@if (count($info_customer->multi_alamat) > 0)
									@foreach ($info_customer->multi_alamat as $mul_alamat)
										<option value="{{$mul_alamat->id}}" data-telp_alamat="{{$mul_alamat->telp}}" data-map="{{$mul_alamat->map}}">{{$mul_alamat->alamat}}</option>
									@endforeach
								@endif
							</select>
						</div>
					</div>
					
					<div class="form-group row mb-4">
						<label class="col-form-label font-weight-semibold col-lg-2">No. Telpon Alamat</label>
						<div class="col-lg-10">
							<input class="form-control" type="text" name="telpon_alamat" id="telpon_alamat" value="{{$info_customer->telp}}" readonly>
						</div>
					</div>

					<div class="form-group row mb-4">
						<label class="col-form-label font-weight-semibold col-lg-2">Link Map</label>
						<div class="col-lg-10">
							<input class="form-control" type="text" name="map_alamat" id="map_alamat" value="{{$info_customer->map}}" readonly>
						</div>
					</div>

					<div class="form-group row mb-4">
						<label class="col-form-label font-weight-semibold col-lg-2">Alamat Kirim</label>
						<div class="col-lg-10">
							<textarea class="form-control" id="alamat_kirim" name="alamat_kirim" cols="30" rows="4" readonly>{{$alamatkirim}}</textarea>
						</div>
						{{-- <div class="col text-right">
							<button class="btn btn-success" id="btn_tambah_alamat" type="button">
								<i class="icon icon-plus2"></i>
							</button>
						</div> --}}
					</div>

					{{-- <hr>

					<input type="hidden" id="index_alamat" value="1">
					<div id="div_alamat">

					</div> --}}
						<input type="hidden" name="input_handleclaim" id="input_handleclaim">
						<button type="button" name="handleclaim" value="claimdelivery" data-value="claimdelivery" data-id="" class="btn btn-success btnclaimdelivery" disabled><i class="icon-paperplane mr-1"></i> Claim Delivery</button>

				</div>
			</form>
			</div>

			@endif

	</div> <!-- End content -->

	<!-- 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 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>
	<!-- /default modal -->

	<div class="modal fade" id="modal_confirm_delivery" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog" role="document">
			<div class="modal-content">
			<div class="modal-header bg-danger">
				<h5 class="modal-title">Information</h5>
				<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
			</div>

			<div class="modal-body">
				<p class="mb-0">Ada Invoice yang belum lunas, apakah anda yaking membuat delivery?</p>
			</div>

			<div class="modal-footer">
				<button type="button" class="btn btn-light btn-sm" data-dismiss="modal">Cancel</button>
				<button type="button" class="btn btn-danger btn-sm" id="btn_confirm_submit_delivery">
				Ya, Buat Delivery
				</button>
			</div>
			</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>

		$(document).on('change', '#tipe_customer', function() {
			var val = $(this).val();
			var text = $('#hidden_nama_customer').val();

			if (val == 'customer') {
				$('#text_tipe_customer').text('Customer')
				$('#nama_customer').val(text)
			} else {
				$('#text_tipe_customer').text('PIC')
				$('#nama_customer').val('')
			}
		})

		$(document).on('click', '#btn_tambah_alamat', function() {
			var idx = $('#index_alamat').val();
			var no = parseInt(idx) + 1;

			var html = `
				<div id="alamat_${no}" class="form-group row mb-4">
					<label class="col-form-label font-weight-semibold col-lg-2">Alamat ${no}</label>
					<div class="col-lg-9">
						<textarea class="form-control" name="detail_alamat[]" cols="30" rows="4"></textarea>
					</div>
					<div class="col text-right">
						<button class="btn btn-danger" type="button" onclick="hapusAlamat(${no})">
							<i class="icon icon-trash"></i>
						</button>
					</div>
				</div>
			`;

			$('#div_alamat').append(html);
			$('#index_alamat').val(no);
		})

		$(document).on('change', '#alamat_customer', function() {
			var alamat = $('#alamat_customer').find(':selected').text();
			var alamat_val = $('#alamat_customer').val();
			var alamat_telp = $('#alamat_customer').find(':selected').attr('data-telp_alamat');
			var alamat_map = $('#alamat_customer').find(':selected').attr('data-map');
			if (alamat_val != 'new') {
				$('#alamat_kirim').val(alamat);
				$('#telpon_alamat').val(alamat_telp);
				$('#map_alamat').val(alamat_map);
				
				$('#alamat_kirim').attr('readonly', true);
				$('#telpon_alamat').attr('readonly', true);
				$('#map_alamat').attr('readonly', true);
			} else {
				$('#alamat_kirim').val('');
				$('#telpon_alamat').val('');
				$('#map_alamat').val('');
				$('#telpon_alamat').attr('readonly', false);
				$('#alamat_kirim').attr('readonly', false);
				$('#map_alamat').attr('readonly', false);
			}
		})

		function hapusAlamat(no) {
			$('#alamat_' + no).remove();
		}

		$(document).ready(function(){
      //Pilihan Driver
      $("#pilih_driver").hide();

			var invoicetable = $('#table_invoice').DataTable();
			var deliverytable = $('#table_delivery').DataTable();

			$('#form_invoice').on('submit', function(){
                var form = this;

                invoicetable.$('input[type="checkbox"]').each(function(){
                    if(!$.contains(document, this)){
                        if(this.checked){
                            $(form).append(
                            $('<input>')
                                .attr('type', 'hidden')
                                .attr('name', this.name)
                                .val(this.value)
                            );
                        }
                    }
                });

            });

			// $('#form_delivery').on('submit', function(){
			$(document).on('change', '#all_delivery, .checked_delivery',function() {
				var form = $('#form_delivery');

				var count_inv_belum_lunas = 0
				$('#inv_belumlunas').val(0)

                // Iterate over all checkboxes in the table
                deliverytable.$('input[type="checkbox"]').each(function(){
                    var dataId = 'invoice_deliv'+this.value
					var status = $(this).data('status_invoice')

					// console.log(status)
					// console.log(dataId)
                    // If checkbox doesn't exist in DOM
                    // if(!$.contains(document, this)){
                        // If checkbox is checked
                        if(this.checked){
							// count status invoice yang belum lunas
							if (status == 1) {
								count_inv_belum_lunas += 1
								$('#inv_belumlunas').val(count_inv_belum_lunas)
							}
							
                            // Create a hidden element
                            // $(form).append(
                            // $('<input>')
                            //     .attr('type', 'hidden')
                            //     .attr('name', this.name)
                            //     .val(this.value)
                            // );

							var cekinput = document.getElementById("invoice_deliv"+this.value);
							if (!cekinput) {
								$(form).append(
									$('<input>')
										.attr('type', 'hidden')
										.attr('id', dataId)
										.attr('name', 'detaildelivery[]')
										.val(this.value)
									);
							}
							
                        } else {
							$(document.getElementById(dataId)).remove()
						}
                    // }
                });

            });
		});

    $("#jenis_pengiriman").on('change', function(){
      var val = $(this).val();
      if(val == 2){
        // $("#pilih_driver").show();
		$('#div_ekspedisi').show()
      }else{
        // $("#pilih_driver").hide();
		$('#div_ekspedisi').hide()
      }
    });

    $("#ekspedisi_id").on('change', function(){
      var val = $(this).val();
      if(val == 'input_ekspedisi'){
		$('#new_ekspedisi').removeAttr('disabled')
      }else{
		$('#new_ekspedisi').val('')
		$('#new_ekspedisi').prop('disabled', true)
      }
    });

		//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);
		//});
		// $(document).on("click", "#btn-delivery", function () {
		// 	var form = document.getElementById('form_delivery')
		//     var url = '/prosesundodelivery';
		//     $("#form_delivery").attr("action", url);
		//     form.submit();
		// });

		$(document).on("click", ".btnclaimdelivery", function (e) {
			// var val = $(this).val();
			var val = $(this).data('value');
			var count_inv_belum_lunas = $('#inv_belumlunas').val()
			// console.log(count_inv_belum_lunas)
			// e.preventDefault()
			// return false
			$('#input_handleclaim').val('')
			$('#input_handleclaim').val(val)

			if (val != 'undoproses') {
				
				// var form = document.getElementById('form_delivery')
				if ($('#alamat_kirim').val() == '') {
					new PNotify({
						title: 'Error',
						text: 'Isi alamat terlebih dahulu.',
						icon: 'icon-blocked',
						type: 'error'
					});

					return
				} 
				
				if ($('#jenis_pengiriman option:selected').val() == '') {
					new PNotify({
						title: 'Error',
						text: 'Pilih jenis pengiriman terlebih dahulu.',
						icon: 'icon-blocked',
						type: 'error'
					});

					return
				}

				if (count_inv_belum_lunas > 0) {
					$('#modal_confirm_delivery').modal('show');
				} else {
					$('#form_delivery').submit();
				}
			}
			
			else{
				$('#form_delivery').submit();
			}
		});

		// Confirm button -> submit form
		$(document).on('click', '#btn_confirm_submit_delivery', function () {
			const $btn = $(this);

			$btn.prop('disabled', true).text('Processing...');

			// If you need to pass the action to the form, set hidden input here
			// Example: $('#delivery_action').val(pendingDeliveryAction);

			$('#modal_confirm_delivery').modal('hide');
			$('#form_delivery').trigger('submit');

			// Optional: if submit is prevented by another handler, re-enable button on modal hidden
			setTimeout(() => $btn.prop('disabled', false).text('Yes, submit'), 1000);
			});

			// Optional: reset button state when modal closed
			$('#modal_confirm_delivery').on('hidden.bs.modal', function () {
			$('#btn_confirm_submit_delivery').prop('disabled', false).text('Yes, submit');
		});


		function selectCustomer(id){
			//urlencode
			encodeId = encodeURIComponent(id)
			$.ajax({
				type: 'GET',
				url: "{{ url('/getcustomercoload3/')}}?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);
				}
			});
		}

        $('#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');
			var userrole = $('#roleuser').val();
			var usercoload = $('#coloadid').val();
			if (usercoload) {
            	var val1 = usercoload;
			}else{
            	var 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 invoice
        $('#all_invoice').on("change", function(){
            let check = $(this).is(":checked");
            let $invoice = $('.checked_invoice');

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

        // CHECK BARANG DI delivery
        $('#all_delivery').on("change", function(){
            let check = $(this).is(":checked");
            let $delivery = $('.checked_delivery');

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

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

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

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

            if(len2 > 0){
                $('.btnclaimdelivery').removeAttr('disabled')
            } else {
                $('.btnclaimdelivery').attr('disabled', 'disabled')
            }
        })

		function format_rupiah(num){

            return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1.");

        }

		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']],
					lengthMenu: [[10, 20, 100], [10, 20, 100]],
    				pageLength: 100,
		            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();
	        // 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