@extends('layouts.admin')

@section('content')

<div class="card quoteinfodata" style="overflow-x: scroll;">
	<ul class="nav nav-tabs" id="myTab" role="tablist" style="padding-top: 10px;">
	  <li class="nav-item active">
	    <a class="nav-link " id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Macropoint Schedule Alert</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link" id="locationupdate-tab" data-toggle="tab" href="#locationupdate" role="tab" aria-controls="locationupdate" aria-selected="false">Macropoint Location Update</a>
	  </li>
	  <li class="nav-item">
	    <a class="nav-link" id="orderstatus-tab" data-toggle="tab" href="#orderstatus" role="tab" aria-controls="orderstatus" aria-selected="false">Macropoint Order Status</a>
	  </li>
	</ul>
  <div class="well white newvendetail">
	<div class="datatables landquotedtable">
		<div class="tab-content" id="myTabContent">
		  	<div class="tab-pane fade in active" id="home" role="tabpanel" aria-labelledby="home-tab">
			  	<table id="schedulealert-table" class="table table-full table-full-small " cellspacing="0" width="100%">
					<thead>
					  <tr>
					  	<th>MPOrderID</th>
						<th>#Order ID</th>
						<th>StopType</th>
						<th>StopID</th>
						<th>StopName</th>
						<th>Address</th>
						<th>City</th>
						<th>State</th>
						<th>Postal Code</th>
						<th>Schedule Alert Code</th>
						<th>Scheduled Start Time For Stop</th>
						<th>Scheduled End Time For Stop</th>
						<th>Schedule Alert Text</th>
						<th>Distance To Stop In Miles</th>
						<th>Eta To Stop</th>
						<th>ETA Local Time Zone Offset</th>
						<th>MP Tracking Request ID</th>
						<th>Created Date</th>
					  </tr>
					</thead>
					<tbody>
					</tbody>
			  	</table>
			</div>
			<div class="tab-pane fade" id="locationupdate" role="tabpanel" aria-labelledby="locationupdate-tab">
		 		
		 			<table id="locationupdate-table" class="table table-full table-full-small " cellspacing="0" width="100%">
						<thead>
						  <tr>
						  	<th>MPOrderID</th>
							<th>#Order ID</th>
							<th>Latitude</th>
							<th>Longitude</th>
							<th>Uncertainty</th>
							<th>Location Date Time UTC</th>
							<th>Street1</th>
							<th>Street2</th>
							<th>Neighborhood</th>
							<th>City</th>
							<th>State</th>
							<th>Postal Code</th>
							<th>Country</th>
							<th>Approx Location Date Time In Local Time</th>
							<th>Data Source</th>
							<th>MP Tracking Request ID</th>
							<th>Created Date</th>
						  </tr>
						</thead>
						<tbody>
						</tbody>
				  	</table>
		 		
		 	</div>
		 	<div class="tab-pane fade" id="orderstatus" role="tabpanel" aria-labelledby="orderstatus-tab">
		  			<table id="orderstatus-table" class="table table-full table-full-small " cellspacing="0" width="100%">
						<thead>
						  <tr>
						  	<th>MPOrderID</th>
							<th>#Order ID</th>
							<th>code</th>
							<th>message</th>
							<th>MP Tracking Request ID</th>
							<th>Created Date</th>
						  </tr>
						</thead>
						<tbody>
						</tbody>
				  	</table>
		  	</div>
		</div>
	</div>
  </div>
</div>


@endsection

@section('scripts')

<script charset="utf-8" src="{{asset('backend/js/services/schedulealert.js')}}"></script>
@endsection