@extends('app')
@section('content')
<title>Reports</title>
<style type="text/css">
label {
	text-align: left !important;
}
.text_font{
		font-size: 11px;
		text-align: left !important;
}
.padding_filter{
		padding-top: 5px !important;
}
td, th {
		font-size: 12px;
}
.radio label, .checkbox label {
		min-height: 0px;
}
.form-horizontal .radio, .form-horizontal .checkbox {
		min-height: 0px;
}

/* For fixed table thead */
table {
		table-layout:fixed;
}

.div-table-content {
	max-height: 445px;
	overflow-y:auto;
}
.scorll {
	width: 98.5%;
	margin-bottom: 0px;
	border-bottom: none !important;
}
</style>
<div class="content-wrapper">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
											<a href="?report=1" data-toggle="tooltip" title="" class="btn btn-primary" data-original-title="Download Exel" style="float:right;margin-right:2%;margin-top:1%"><i class="fa fa-download"></i></a>
						<h1 class="page-head-line">Billing And Acc. Report</h1>
				</div>
			</div>
		<div class="row">
			  <div class="col-md-2 report_leftpanel">
						<form class="form-horizontal" role="form" method="GET" action="/billing_n_acc_report">
								<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}" />
								<label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;text-align:left;">Start Date: </label>
								<div class="col-md-12 padding_filter" style="padding:0px">
									<div class="input-group date">
											<input type="text" id="report_start_date" name="start_date" class="form-control" placeholder="Enter Start Date" value = "" data-format="DD-MM-YYYY">
											<span class="input-group-btn">
													<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
											</span>
									</div>
								</div>
								<label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;text-align:left;">End Date: </label>
								<div class="col-md-12 padding_filter" style="padding:0px">
									<div class="input-group date">
											<input type="text" id="report_end_date" name="end_date" class="form-control" placeholder="Enter End Date" value = "" data-format="DD-MM-YYYY">
											<span class="input-group-btn">
													<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
											</span>
									</div>
								</div>
								<label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;text-align:left;">Shipment Type: </label>
									<div class="col-md-12">
									@foreach($shipment_type as $type)
										<div class="checkbox">
											<label style="padding-left: 10px;">
												<input type="checkbox" name="delivery_type[]" value="" class="check" style="margin-top: 0px !important;padding-top: 3px;" > {{ ucwords(str_replace("_"," ",$type)) }}
											</label>
										</div>
									@endforeach
									</div>
								<label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;text-align:left;">Payment Mode: </label>
									<div class="col-md-12">
									@foreach($payment_type as $type)
										<div class="checkbox">
											<label style="padding-left: 10px;">
												<input type="checkbox" name="payment_mode[]" value="" class="check" style="margin-top: 0px !important;padding-top: 3px;" > {{ ucwords($type) }}
											</label>
										</div>
									@endforeach
									</div>
								<!-- <label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;text-align:left;">Shipment Type: </label>
									<div class="col-md-12 padding_filter" style="padding:0px">
										<select name="delivery_type" id="delivery_type" class="form-control">
												<option value="">Select Shipment Type</option>
												<option value="4_hours_delivery" >4 Hours Delivery</option>
												<option value="same_day_delivery" >Same Day Delivery</option>
												<option value="next_day_delivery" >Next Day Delivery</option>
										</select>
									</div> -->
								<!-- <label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;text-align:left;">Payment Mode: </label>
									<div class="col-md-12 padding_filter" style="padding:0px">
										<select name="payment_mode" id="payment_mode" class="form-control">
												<option value="">Select Payment Mode</option>
												<option value="cod" >COD</option>
												<option value="online"  >ONLINE</option>
										</select>
									</div> -->
								<!-- <label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;">Shipment Status:</label>
									<div class="col-md-12">
									@foreach($statuses as $status)
										<div class="checkbox">
											<label style="padding-left: 10px;">
												<input type="checkbox" name="delivery_status[]" value="" class="check" style="margin-top: 0px !important;padding-top: 3px;" > {{ $status }}
											</label>
										</div>
									@endforeach
									</div> -->

								<label class="col-md-12 control-label" style="padding:0px;margin-top: 2%;text-align:left;">Vendor: </label>
									<div class="col-md-12 padding_filter" style="padding:0px">
										<p style="margin-bottom:0px"><span id="tags-input" class="selectivity-input" name="vendor_list" id="vendor_list" style="width:100%;font-size: 11px;"></span></p>
										<textarea name="vendor_id" id="vendor_id" style="display:none;"></textarea>
									</div>

									<!-- <div class="col-md-12 padding_filter" style="padding:0px">
										<input type="text" id="start_weight" name="start_weight" class="form-control" placeholder="Enter Start Weight" value = "">
									</div> -->
							 
									<!-- <div class="col-md-12 padding_filter" style="padding:0px">
										<input type="text" id="end_weight" name="end_weight" class="form-control" placeholder="Enter End Weight" value = "" >
									</div> -->
								<p style="clear: both;text-align: center;padding-top: 3%;"><input type="submit" class="btn btn-success" value="Search" id="billing_acc_form"></P>
						</form>


			</div>
			<div class="col-md-9 table-responsive">
				<table class="table table-striped table-bordered scorll" id="header_table">
					<thead>
						<tr>
							<th style="width: 3%;"></th>
							<th>Date</th>
							<th style="width:18%">AWB No.</th>
							 <th>Vendor Name</th>
							<th>Shipment Type</th>
							<th>Payment Mode</th>
							<th>Distance (Kms)</th>
							<th>Invoice Value</th>
							<th>Total Cost</th>
							<th>Shipping Charges</th>
							<th>Insurance Charges</th>
							<th>Payment Mode Charges</th>
							<th>Total Weight</th>
						</tr>
					</thead>
				</table>
								<div class="div-table-content">
					<table class="table table-striped table-bordered" id="content_table">
						<tbody>
														@foreach($orders as $order)
														<tr>
								<td style="width: 3%;">
                                    <input type="checkbox" class="check_download" name="check_download" value="" >
                                </td>
								<td>19-06-2025</td>
								<td class="awb_no" id="" style="width:18%">{{ $order->awb_no }}</td>
								<td>{{ $order->vendor_name }}</td>
								<!-- <td>{{ $order->type }}</td> -->
								<td></td>
								<td></td>
								<td>{{ $order->distance }}</td>
								<td>{{ number_format($order->invoice_amount,2) }}</td>
								<td>{{ number_format($order->cost,2) }}</td>
								<td>{{ number_format($order->shipping_fee,2) }}</td>
								<td>{{ number_format($order->insurance_fee,2) }}</td>
								<td>{{ number_format($order->payment_mode_charge,2) }}</td>
								<td>{{ $order->total_weight }}</td>
							</tr>
							@endforeach
							<tr>
								<td colspan="6" style="text-align:right;font-weight:bold">Total: </td>
								<td>{{ $total_distance }}</td>
								<td>{{ number_format($total_invoice_amt,2) }}</td>
								<td>{{ number_format($total_cost,2) }}</td>
								<td>{{ number_format($total_shipping_fee,2) }}</td>
								<td>{{ number_format($total_payment_mode_fee,2) }}</td>
								<td>{{ number_format($total_insurance_fee,2) }}</td>
								<td>{{ $total_cal_weight }}</td>
							</tr>
						</tbody>
					</table>
				</div>