@extends('layout.master')

@section('content')

<section class="content pb-5">
	<div class="container-fluid">

		<div class="row pt-4">
			<div class="col-md-12">
				<div class="title-section">
					<p>Reports</p>
				</div>
			</div>

			<div class="col-md-12">
				<ul class="nav nav-tabs lsp-tabs" id="myTab" role="tablist">
					<li class="nav-item lsp-item" style="display: none;">
						<a class="nav-link lsp-link active" id="b2b-tab" data-toggle="tab" href="#b2b" role="tab" aria-controls="b2b" aria-selected="true">B2B</a>
					</li>
					<li class="nav-item lsp-item" style="display: none;">
						<a class="nav-link lsp-link" id="b2c-tab" data-toggle="tab" href="#b2c" role="tab" aria-controls="b2c" aria-selected="false">B2C</a>
					</li>
					<li class="nav-item lsp-item" style="display: none;">
						<a class="nav-link lsp-link" id="d2c-tab" data-toggle="tab" href="#d2c" role="tab" aria-controls="d2c" aria-selected="false">D2C</a>
					</li>
				</ul>
				<div class="tab-content lsp-tab-content" id="myTabContent">
					<div class="tab-pane fade show active" id="b2b" role="tabpanel" aria-labelledby="b2b-tab">

						<div class="row">
							<div class="col-md-2 col-6">
								<div class="form-group custom-form-group">
									<label class="form-label" for="customername">Date</label>
									<select class="form-control">
										<option value=""></option>
									</select>
								</div>
							</div>
							<div class="col-md-2 col-6">
								<div class="form-group custom-form-group">
									<label class="form-label" for="orderid">Order Id</label>
									<input class="form-control" placeholder="" type="text" value=""> 
								</div>
							</div>

							<div class="col-md-12">
								<div class="table-responsive">
									<table class="table table-striped" id="lspShipments">
										<thead>
											<tr>
												<th scope="col"> Date</th>
												<th scope="col">Shipment</th>
											</tr>
										</thead>
										<tbody>
										</tbody>
									</table>

								</div>


								<div class="pagination_rounded">
									<!-- <ul>
										<li>
											<a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
										</li>
										<li><a href="#" class="active">1</a> </li>
										<li class="hidden-xs"><a href="#">2</a> </li>
										<li class="hidden-xs"><a href="#">3</a> </li>
										<li class="hidden-xs"><a href="#">4</a> </li>
										<li>
											<a href="#" class="next"> <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
										</li>
									</ul> -->
								</div>
							</div>
						</div>

					</div>

					<div class="tab-pane fade" id="b2c" role="tabpanel" aria-labelledby="b2c-tab" style="display: none;">
						Lorem ipsum dolor sit, amet consectetur adipisicing elit.? 
					</div>

					<div class="tab-pane fade" id="d2c" role="tabpanel" aria-labelledby="d2c-tab" style="display: none;">
						Lorem ipsum dolor sit, amet consectetur adipisicing elit.?                     
					</div>

				</div>
			</div>

		</div>

		<div class="row">
			<div class="col-md-12">
				<div class="title-section">
					<p>Pickup Reports</p>
				</div>
			</div>

			<div class="col-md-2 col-6">
				<div class="form-group custom-form-group">
					<label class="form-label" for="customername">Date</label>
					<select class="form-control">
						<option value=""></option>
					</select>
				</div>
			</div>
			<div class="col-md-2 col-6">
				<div class="form-group custom-form-group">
					<label class="form-label" for="orderid">Order Id</label>
					<input class="form-control" placeholder="" type="text" value=""> 
				</div>
			</div>

			<div class="col-md-12">
				<div class="table-responsive">
					<table class="table table-striped" id="pickupAddressTable">
						<thead>
							<tr>
								<label for="active"></label></th>
								<th scope="col">Date</th>
								<th scope="col">Awb bill</th>
								<th scope="col">Pickup Pin</th>
								<th scope="col">Delivery Pin </th>
								<th scope="col">Pickup Contact</th>
								<th scope="col">Delivery Contact </th>
								<th scope="col">Customer Details</th>
								<th scope="col">Pickup Address</th>
								<th scope="col">Delivery Address</th>
								<th scope="col">Zone</th>
								<th scope="col">Expected Pickup Time</th>
								<th scope="col">Status</th>
							</tr>
						</thead>
						<tbody>

						</tbody>
					</table>

				</div>


									<div class="pagination_rounded">
										<!-- <ul>
											<li>
												<a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
											</li>
											<li><a href="#" class="active">1</a> </li>
											<li class="hidden-xs"><a href="#">2</a> </li>
											<li class="hidden-xs"><a href="#">3</a> </li>
											<li class="hidden-xs"><a href="#">4</a> </li>
											<li>
												<a href="#" class="next"> <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
											</li>
										</ul> -->
									</div>
								</div>

								<div class="col-md-12">
									<div class="title-section">
										<p>Delivery Reports</p>
									</div>
								</div>

								<div class="col-md-12">
									<div class="table-responsive">
										<table class="table table-striped" id="delivery-report-datatable">
											<thead>
												<tr>
													<th scope="col"><input class="filled-in fill-check" name="group1" type="checkbox" id="active5">
														<label for="active5"></label></th>
														<th scope="col">Date</th>
														<th scope="col">Awb bill</th>
														<th scope="col">Delivery Pin </th>
														<th scope="col">Pickup Contact</th>
														<th scope="col">Delivery Contact </th>
														<th scope="col">Customer Details</th>
														<th scope="col">TATStatus</th>
														<th scope="col">Delivery Address</th>
														<th scope="col">NDR</th>
														<th scope="col">Payment Mode </th>
														<th scope="col">No. of attempts</th>
														<th scope="col">Status </th>
														<th scope="col">Weight Discrepancy</th>
														<th scope="col">Action</th>
													</tr>
												</thead>
												<tbody>
													
												</tbody>
											</table>

										</div>


															<div class="pagination_rounded">
																<!-- <ul>
																	<li>
																		<a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
																	</li>
																	<li><a href="#" class="active">1</a> </li>
																	<li class="hidden-xs"><a href="#">2</a> </li>
																	<li class="hidden-xs"><a href="#">3</a> </li>
																	<li class="hidden-xs"><a href="#">4</a> </li>
																	<li>
																		<a href="#" class="next"> <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
																	</li>
																</ul> -->
															</div>
														</div>

													</div>

													<div class="row">
														<div class="col-md-6">
															<div class="row align-items-center">
																<div class="col-md-12">
																	<div class="title-section">
																		<p>Total Earnings - {{$totalEarnings}}</p>
																	</div>
																</div>

																<div class="col-md-2 col-6">
																	<div class="form-group custom-form-group">
																		<label class="form-label" for="customername">Date</label>
																		<select class="form-control">
																			<option value=""></option>
																		</select>
																	</div>
																</div>

																<div class="col-md-3 col-6">
																	<div class="form-group custom-form-group">
																		<label class="form-label" for="orderid">Select</label>
																		<select class="form-control">
																			<option value="">Pickup</option>
																		</select>
																	</div>
																</div>

																<div class="col-md-3 col-6">
																	<!-- <div class="form-group custom-form-group">
																		<label class="form-label" for="orderid">Pickup Unit Price</label>
																		<p>rs. 100</p>
																	</div> -->
																</div>

																<div class="col-md-3 col-6">
																	<!-- <div class="form-group custom-form-group">
																		<label class="form-label" for="orderid">Delivery Unit Price</label>
																		<p>rs. 100</p>
																	</div> -->
																</div>

																<div class="col-md-12">
																	<div class="table-responsive">
																		<table class="table table-striped" id="total-earning-datatables">
																			<thead>
																				<tr>
																					<th scope="col">Date</th>
																					<th scope="col">Total Shipment</th>
																					<th scope="col">Deliveries</th>
																					<th scope="col">Pickup</th>
																					<th scope="col">Total Earnings</th>
																				</tr>
																			</thead>
																			<tbody>
																				
																			</tbody>
																		</table>

																	</div>


																	<div class="pagination_rounded">
																		<!-- <ul>
																			<li>
																				<a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
																			</li>
																			<li><a href="#" class="active">1</a> </li>
																			<li class="hidden-xs"><a href="#">2</a> </li>
																			<li class="hidden-xs"><a href="#">3</a> </li>
																			<li class="hidden-xs"><a href="#">4</a> </li>
																			<li>
																				<a href="#" class="next"> <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
																			</li>
																		</ul> -->
																	</div>
																</div>
															</div>
														</div>

														<div class="col-md-6">
															<div class="row align-items-center">
																<div class="col-md-12">
																	<div class="title-section">
																		<p>Total Referral Earnings</p>
																	</div>
																</div>

																<div class="col-md-2 col-6">
																	<div class="form-group custom-form-group">
																		<label class="form-label" for="customername">Date</label>
																		<select class="form-control">
																			<option value=""></option>
																		</select>
																	</div>
																</div>

																<div class="col-md-3 col-6">
																	<div class="form-group custom-form-group">
																		<label class="form-label" for="orderid">Referral Acc.</label>
																		<select class="form-control">
																			<option value="">Pickup</option>
																		</select>
																	</div>
																</div>

																<div class="col-md-3 col-6">
																	<!-- <div class="form-group custom-form-group">
																		<label class="form-label" for="orderid">Pickup Unit Price</label>
																		<p>rs. 100</p>
																	</div> -->
																</div>

																<div class="col-md-3 col-6">
																	<!-- <div class="form-group custom-form-group">
																		<label class="form-label" for="orderid">Delivery Unit Price</label>
																		<p>rs. 100</p>
																	</div> -->
																</div>

																<div class="col-md-12">
																	<div class="table-responsive">
																		<table class="table table-striped" id="refferals_earning_table">
																			<thead>
																				<tr>
																					<th scope="col">Date</th>
																					<th scope="col">Referral Acc. Name</th>
																					<th scope="col">Deliveries</th>
																					<th scope="col">Pickup</th>
																					<th scope="col">Total Earnings</th>
																				</tr>
																			</thead>
																			<tbody>
																				<tr>
																					<td>3/03/22</td>
																					<td>Fedex </td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																				<tr>
																					<td>3/03/22</td>
																					<td>DTDC </td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																				<tr>
																					<td>3/03/22</td>
																					<td>Fedex </td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																				<tr>
																					<td>3/03/22</td>
																					<td>DTDC </td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																				<tr>
																					<td>3/03/22</td>
																					<td> BlueDart</td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																				<tr>
																					<td>3/03/22</td>
																					<td> BlueDart</td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																			</tbody>
																		</table>

																	</div>


																	<div class="pagination_rounded">
																		<!-- <ul>
																			<li>
																				<a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
																			</li>
																			<li><a href="#" class="active">1</a> </li>
																			<li class="hidden-xs"><a href="#">2</a> </li>
																			<li class="hidden-xs"><a href="#">3</a> </li>
																			<li class="hidden-xs"><a href="#">4</a> </li>
																			<li>
																				<a href="#" class="next"> <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
																			</li>
																		</ul> -->
																	</div>
																</div>
															</div>
														</div>

														<div class="col-md-6">
															<div class="row align-items-center">
																<div class="col-md-12">
																	<div class="title-section">
																		<p>Wallet Balance</p>
																	</div>
																</div>

																<div class="col-md-2 col-6">
																	<div class="form-group custom-form-group">
																		<label class="form-label" for="customername">Date</label>
																		<select class="form-control">
																			<option value=""></option>
																		</select>
																	</div>
																</div>

																<div class="col-md-3 col-6">
																	<!-- <div class="form-group custom-form-group">
																		<label class="form-label" for="orderid">Pickup Unit Price</label>
																		<p>rs. 100</p>
																	</div> -->
																</div>

																<div class="col-md-3 col-6">
																	<!-- <div class="form-group custom-form-group">
																		<label class="form-label" for="orderid">Delivery Unit Price</label>
																		<p>rs. 100</p>
																	</div> -->
																</div>

																<div class="col-md-12">
																	<div class="table-responsive">
																		<table class="table table-striped" id="wallet_balance_datatables">
																			<thead>
																				<tr>
																					<th scope="col">Date</th>
																					<th scope="col">Recharge</th>
																					<th scope="col">Expense</th>
																					<th scope="col">Pickup</th>
																				</tr>
																			</thead>
																			<tbody>
																			</tbody>
																		</table>

																	</div>


																	<div class="pagination_rounded">
																		<!-- <ul>
																			<li>
																				<a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
																			</li>
																			<li><a href="#" class="active">1</a> </li>
																			<li class="hidden-xs"><a href="#">2</a> </li>
																			<li class="hidden-xs"><a href="#">3</a> </li>
																			<li class="hidden-xs"><a href="#">4</a> </li>
																			<li>
																				<a href="#" class="next"> <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
																			</li>
																		</ul> -->
																	</div>
																</div>
															</div>
														</div>

														<div class="col-md-6">
															<div class="title-section">
																<p>Reconciled</p>
															</div>

															<div class="zone-box">
																<canvas id="reconcileChart" width="100%" height="55px"></canvas>
															</div>
														</div>

														<div class="col-md-6">
															<div class="row">
																<div class="col-md-12">
																	<div class="title-section">
																		<p>Escalations Report</p>
																	</div>
																</div>

																<div class="col-md-2 col-6">
																	<div class="form-group custom-form-group">
																		<label class="form-label" for="customername">Date</label>
																		<select class="form-control">
																			<option value=""></option>
																		</select>
																	</div>
																</div>
																<div class="col-md-2 col-6">
																	<div class="form-group custom-form-group">
																		<label class="form-label" for="orderid">Select</label>
																		<select class="form-control">
																			<option value="">NDR</option>
																		</select>
																	</div>
																</div>

																<div class="col-md-12">
																	<div class="table-responsive">
																		<table class="table table-striped" id="escalation_reports_table">
																			<thead>
																				<tr>
																					<th scope="col">Date</th>
																					<th scope="col">Total Escalations</th>
																					<th scope="col">Weight Discrepency</th>
																					<th scope="col">NDR</th>
																				</tr>
																			</thead>
																			<tbody>
																			</tbody>
																		</table>

																	</div>


																	<div class="pagination_rounded">
																		<!-- <ul>
																			<li>
																				<a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
																			</li>
																			<li><a href="#" class="active">1</a> </li>
																			<li class="hidden-xs"><a href="#">2</a> </li>
																			<li class="hidden-xs"><a href="#">3</a> </li>
																			<li class="hidden-xs"><a href="#">4</a> </li>
																			<li>
																				<a href="#" class="next"> <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
																			</li>
																		</ul> -->
																	</div>
																</div>
															</div>
														</div>

														<div class="col-md-6">
															<div class="row">
																<div class="col-md-12">
																	<div class="title-section">
																		<p>Credit limit</p>
																	</div>
																</div>

																<div class="col-md-2 col-6">
																	<div class="form-group custom-form-group">
																		<label class="form-label" for="customername">Date</label>
																		<select class="form-control">
																			<option value=""></option>
																		</select>
																	</div>
																</div>
																<div class="col-md-3 col-6">
																	<div class="form-group custom-form-group">
																		<label class="form-label" for="orderid">Select</label>
																		<select class="form-control">
																			<option value="">Pickup</option>
																		</select>
																	</div>
																</div>

																<div class="col-md-12">
																	<div class="table-responsive">
																		<table class="table table-striped" id="creditLimit">
																			<thead>
																				<tr>
																					<th scope="col">Date</th>
																					<th scope="col">Total Shipment</th>
																					<th scope="col">Deliveries</th>
																					<th scope="col">Pickup</th>
																					<th scope="col">Total Earnings</th>
																				</tr>
																			</thead>
																			<tbody>
																				<tr>
																					<td>3/03/22</td>
																					<td>500</td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																				<tr>
																					<td>3/03/22</td>
																					<td>500</td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																				<tr>
																					<td>3/03/22</td>
																					<td>500</td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																				<tr>
																					<td>3/03/22</td>
																					<td>500</td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																				<tr>
																					<td>3/03/22</td>
																					<td>500</td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																				<tr>
																					<td>3/03/22</td>
																					<td>500</td>
																					<td>500</td>
																					<td>500</td>
																					<td>1000</td>
																				</tr>
																			</tbody>
																		</table>

																	</div>


																	<div class="pagination_rounded">
																		<!-- <ul>
																			<li>
																				<a href="#" class="prev"> <i class="fa fa-chevron-left" aria-hidden="true"></i> </a>
																			</li>
																			<li><a href="#" class="active">1</a> </li>
																			<li class="hidden-xs"><a href="#">2</a> </li>
																			<li class="hidden-xs"><a href="#">3</a> </li>
																			<li class="hidden-xs"><a href="#">4</a> </li>
																			<li>
																				<a href="#" class="next"> <i class="fa fa-chevron-right" aria-hidden="true"></i></a>
																			</li>
																		</ul> -->
																	</div>
																</div>
															</div>
														</div>

													</div>

												</div>
											</section>



<script>

$(document).ready(function(){

	//let trackingStatus = [];

	let shipmentTrackingOrders = $("#lspShipments").DataTable({
		"language": {
			"zeroRecords": "No record(s) found."
		},
		"autoWidth": false,
		select: {
			style: 'os',
			selector: 'td:first-child'
		},
		order: [
		[1, 'asc']
		],
		processing: true,
		serverSide: true,
		lengthChange: true,
		order: [0, 'asc'],
		searchable: true,
		bStateSave: false,

		ajax: {
			url: "{{ url('/lsp/lspShipmentDatatables') }}",
			data: function(d) {
				// d.status = trackingStatus;
			}
		},

		columns: [{
			data: 'start_date',
			name: 'start_date',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'docket_no',
			name: 'docket_no',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		],
		select: {
			style: 'multi',
		},
	});


	let pickupAddressTablesOrders = $("#pickupAddressTable").DataTable({
		"language": {
			"zeroRecords": "No record(s) found."
		},
		"autoWidth": false,
		select: {
			style: 'os',
			selector: 'td:first-child'
		},
		order: [
		[1, 'asc']
		],
		processing: true,
		serverSide: true,
		lengthChange: true,
		order: [0, 'asc'],
		searchable: true,
		bStateSave: false,

		ajax: {
			url: "{{ url('/lsp/pickupAddressTable') }}",
			data: function(d) {
				// d.status = trackingStatus;
			}
		},

		columns: [
		{
			data: 'start_date',
			name: 'start_date',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'docket_no',
			name: 'docket_no',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'pickupPincode',
			name: 'pickupPincode',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'delivery_pincode',
			name: 'delivery_pincode',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            

		{
			data: 'pickup_contact',
			name: 'pickup_contact',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'delivery_contact',
			name: 'delivery_contact',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'customers',
			name: 'customers',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'pickupaddress',
			name: 'pickupaddress',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'delivery_address',
			name: 'delivery_address',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'zone',
			name: 'zone',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		}, 
		{
			data: 'docket_no',
			name: 'docket_no',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'order_status',
			name: 'order_status',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		],
		select: {
			style: 'multi',
		},
	});


	let deliveryTablesOrders = $("#delivery-report-datatable").DataTable({
		"language": {
			"zeroRecords": "No record(s) found."
		},
		"autoWidth": false,
		select: {
			style: 'os',
			selector: 'td:first-child'
		},
		order: [
		[1, 'asc']
		],
		processing: true,
		serverSide: true,
		lengthChange: true,
		order: [0, 'asc'],
		searchable: true,
		bStateSave: false,

		ajax: {
			url: "{{ url('/lsp/deliveryReportsTable') }}",
			data: function(d) {
			}
		},

		columns: [
		{ 
			data: 'checkbox', 
			name: 'checkbox', 
			sortable: false, 
			searchable: false
		},
		{
			data: 'start_date',
			name: 'start_date',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'docket_no',
			name: 'docket_no',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'delivery_pincode',
			name: 'delivery_pincode',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'pickup_contact',
			name: 'pickup_contact',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            

		{
			data: 'delivery_contact',
			name: 'delivery_contact',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'customers',
			name: 'customers',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'oda_tat',
			name: 'oda_tat',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'delivery_address',
			name: 'delivery_address',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'ndrStatus',
			name: 'ndrStatus',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'zone',
			name: 'zone',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		}, 
		{
			data: 'ndrAttempts',
			name: 'ndrAttempts',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'order_status',
			name: 'order_status',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'weight_discrapancy',
			name: 'weight_discrapancy',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'action',
			name: 'action',
			searchable: false,
			orderable: false,
			defaultContent: 'NA'
		},
		],
		select: {
			style: 'multi',
		},
	});

	let transactionTableTotalEarnings = $("#total-earning-datatables").DataTable({
		"language": {
			"zeroRecords": "No record(s) found."
		},
		"autoWidth": false,
		select: {
			style: 'os',
			selector: 'td:first-child'
		},
		order: [
		[1, 'asc']
		],
		processing: true,
		serverSide: true,
		lengthChange: true,
		order: [0, 'asc'],
		searchable: true,
		bStateSave: false,

		ajax: {
			url: "{{ url('/lsp/reportsTotalEarnings') }}",
			data: function(d) {
			}
		},

		columns: [
		{
			data: 'date',
			name: 'date',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'shippedCount',
			name: 'shippedCount',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'shippedCount',
			name: 'shippedCount',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'pickupCount',
			name: 'pickupCount',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},    
		{
			data: 'totalAmounts',
			name: 'totalAmounts',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		],
		select: {
			style: 'multi',
		},
	});

	let refferalTableEarnings = $("#refferals_earning_table").DataTable({
		"language": {
			"zeroRecords": "No record(s) found."
		},
		"autoWidth": false,
		select: {
			style: 'os',
			selector: 'td:first-child'
		},
		order: [
		[1, 'asc']
		],
		processing: true,
		serverSide: true,
		lengthChange: true,
		order: [0, 'asc'],
		searchable: true,
		bStateSave: false,

		ajax: {
			url: "{{ url('/lsp/reportsTotalEarnings') }}",
			data: function(d) {
			}
		},

		columns: [
		{
			data: 'date',
			name: 'date',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'userRefferal',
			name: 'userRefferal',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},               
		{
			data: 'shippedCount',
			name: 'shippedCount',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'pickupCount',
			name: 'pickupCount',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},    
		{
			data: 'totalAmounts',
			name: 'totalAmounts',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		],
		select: {
			style: 'multi',
		},
	});

	let walletBalanceDetails = $("#wallet_balance_datatables").DataTable({
		"language": {
			"zeroRecords": "No record(s) found."
		},
		"autoWidth": false,
		select: {
			style: 'os',
			selector: 'td:first-child'
		},
		order: [
		[1, 'asc']
		],
		processing: true,
		serverSide: true,
		lengthChange: true,
		order: [0, 'asc'],
		searchable: true,
		bStateSave: false,

		ajax: {
			url: "{{ url('/lsp/reportsTotalEarnings') }}",
			data: function(d) {
			}
		},

		columns: [
		{
			data: 'date',
			name: 'date',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'totalRecharge',
			name: 'totalRecharge',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},               
		{
			data: 'expense',
			name: 'expense',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'pickupCount',
			name: 'pickupCount',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},      
		],
		select: {
			style: 'multi',
		},
	});

	let escalationsDetails = $("#escalation_reports_table").DataTable({
		"language": {
			"zeroRecords": "No record(s) found."
		},
		"autoWidth": false,
		select: {
			style: 'os',
			selector: 'td:first-child'
		},
		order: [
		[1, 'asc']
		],
		processing: true,
		serverSide: true,
		lengthChange: true,
		order: [0, 'asc'],
		searchable: true,
		bStateSave: false,

		ajax: {
			url: "{{ url('/lsp/reportsTotalEarnings') }}",
			data: function(d) {
			}
		},

		columns: [
		{
			data: 'date',
			name: 'date',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'orderEscalation',
			name: 'orderEscalation',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},               
		{
			data: 'weightDiscrapancy',
			name: 'weightDiscrapancy',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'ndr',
			name: 'ndr',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},      
		],
		select: {
			style: 'multi',
		},
	});

	let creditLimit = $("#creditLimit").DataTable({
		"language": {
			"zeroRecords": "No record(s) found."
		},
		"autoWidth": false,
		select: {
			style: 'os',
			selector: 'td:first-child'
		},
		order: [
		[1, 'asc']
		],
		processing: true,
		serverSide: true,
		lengthChange: true,
		order: [0, 'asc'],
		searchable: true,
		bStateSave: false,

		ajax: {
			url: "{{ url('/lsp/reportsTotalEarnings') }}",
			data: function(d) {
			}
		},

		columns: [
		{
			data: 'date',
			name: 'date',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},
		{
			data: 'shippedCount',
			name: 'shippedCount',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'shippedCount',
			name: 'shippedCount',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		{
			data: 'pickupCount',
			name: 'pickupCount',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},    
		{
			data: 'totalAmounts',
			name: 'totalAmounts',
			searchable: true,
			orderable: true,
			defaultContent: 'NA'
		},            
		],
		select: {
			style: 'multi',
		},
	});

});

</script>

@endsection