@extends('app')
@section('content')
<title>Bikers COD Collected Report</title>
<style type="text/css">
	/* For fixed table thead */
table {
		table-layout:fixed;
}

.div-table-content {
	max-height: 370px;
	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">Bikers COD Report</h1>
				</div>
			</div>

			<div class="row">
					  <div class="col-md-2 report_leftpanel">
						<form class="form-horizontal" role="form" method="GET" action="/bikercodreport">
								<input type="hidden" name="_token" id="token" value="{{ csrf_token() }}" />
								<label style="padding: 0px;margin-top: 2%;">Start Date :</lable>
								<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" data-format="DD-MM-YYYY" class="form-control" placeholder="dd-mm-yy" value =  "" >
											<span class="input-group-btn">
											<button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
											</span>
										</div>
								</div>

								<label style="padding: 0px;margin-top: 2%;">End Date :</lable>
								<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" data-format="DD-MM-YYYY" class="form-control" placeholder="dd-mm-yy" value = "" >
											<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;">Biker: </label>
								<div class="col-md-12 padding_filter" style="padding:0px">
									<p><span id="tags-input" class="selectivity-input" name="bikers_list" id="bikers_list" style="width:100%;font-size: 11px;"></span></p>
									<textarea name="bikers_id" id="bikers_id" style="display:none;"></textarea>
								</div>
								<p style="clear: both;text-align: center;padding-top: 3%;"><input type="submit" class="btn btn-success" id="biker_form_submit" value="Search"/></i></p>
						</form>
				</div>
				<form class="form-horizontal" role="form" method="POST" action="add_cod_details">
					<input type="hidden" name="_token" value="{{{ csrf_token() }}}" />
					<div class="col-md-9">
						@if(Session::has('sub_station_id'))
				    		<div class="col-md-12">
				    			<div class="col-md-4" style="padding-left:0px">
				    				<div class="form-group">
				    					<div class="col-md-12" style="padding-left:0px">
		                                	<input type="text" class="form-control" name="amount" id="amount" readonly required placeholder="amount">
				    					</div>
		                            </div>
				    			</div>
				    			<div class="col-md-4">
				    				<div class="form-group">
				    					<div class="col-md-12">
			                                <div class="input-group date_cod">
			                                  <input type="text" name="datetime" data-format="DD-MM-YYYY HH:mm:ss" class="form-control" readonly="" required>
			                                  <span class="input-group-btn">
			                                  <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button>
			                                  </span>
			                                </div>
				    					</div>
		                            </div>
				    			</div>
				    			<div class="col-md-4">
				    				<input type="submit" class="btn btn-success" id="bank_cod_amt" value="Save COD Amount"/>
				    			</div>
				    			<p style="font-size:12px;clear:both;margin-left: -1%;">Please select the checkbox to update Amount box.</p>
			    			</div>
				    	@endif
						<table class="table table-striped table-bordered scorll" id="content_table">
							<thead>
								<tr>
									<th style="width:3%;"><input type="checkbox" onclick="$('input[name*=\'selected\']').prop('checked', this.checked).change();"/> </th>
									<th>Date</th>
									<th>Biker</th>
									<th>AWB No</th>
									<th>Amount</th>
									<th>Collection Mode</th>
								</tr>
							</thead>
						</table>
						<div class="div-table-content">
							<table class="table table-striped table-bordered" id="header_table">
								<tbody>
																			@foreach($bikers as $biker)
																						<tr>
												<td style="width:3%;">
																									</td>
												<td>19-06-2025</td>
												<td>
													{{ $biker->first_name }} {{ $biker->last_name }}
													<input type="hidden" name="biker_id[]" value="{{ $biker->biker_table_id }}">
												</td>
												<td>{{ $biker->awb_no }}</td>
												<td>{{ number_format($biker->amount,2) }}</td>
												<td>{{ ucwords($biker->payment_mode) }}</td>
											</tr>
										@endforeach
										<tr>
											<td colspan="4" style="text-align:right"><b>
												Cash Total Amount:<br/>
												Card Total Amount:<br/>
												Total: </b></td>
											<td>
												{{ ($cash_cod_total == 0) ? number_format('0',2) : number_format($cash_cod_total,2) }}<br/>
												{{ ($card_cod_total == 0) ? number_format('0',2) : number_format($card_cod_total,2) }}<br/>
												{{ ($total_cod == 0) ? number_format('0',2) : number_format($total_cod,2) }}</td>
										</tr>
								</tbody>
							</table>
						</div>