@extends('layouts.admin')

@section('styles')
<link rel="stylesheet" type="text/css" href="https://js.api.here.com/v3/3.1/mapsjs-ui.css" />
@endsection

@section('content')

<div id="orderworkbox" style="display:none;">
<div class="row">
	<input type="hidden" name="search_order_number" id="search_order_number" value="{{ $orderId }}">
	
	<div class="newcontbtn col-md-6 removeextracss">
		<input class="btn btn-sm btn-danger contbtnnew" type="submit" name="add-to-bid" id="add-to-bid" value="Add To Bid">
		<input class="btn btn-sm btn-danger contbtnnew" type="button" name="post-load" id="post-load" value="Post Load">
		<input class="btn btn-sm btn-danger contbtnnew" type="button" name="unpost-load" id="unpost-load" value="Un-Post Load">
		<input class="btn btn-sm btn-danger contbtnnew" type="button" name="add-entry" id="add-entry" value="Add Entry">
	</div>

	<div class="newcontbtn col-md-6 text-right removeextracss">
		<a href="{{ url('admin/orderwork') }}" class="btn btn-sm btn-danger btn-white">ORDERS LIST</a>
	</div>

	
	<div class="clearfix"></div>
	<div class="col-md-4 padding-left">
		<div class="well white" id="ow-detail-box">
		</div>
	</div>
	<div class="col-md-4">
		<div class="well white" id="ow-rates-box"></div>
		<div class="well white" id="ow-margins-box" ></div>
	</div>
	<div class="col-md-4" style="padding-right:0px;">
		<div class="well white" id="ow-freightWaves-box"></div>
	</div>
	<div class="clearfix"></div>
	<div class="col-md-12 padding-left padding-right">
		<div class="well white" id="ow-pastCarriers-box">
		</div>
	</div>
	<div class="col-md-12 padding-left padding-right">
		<div class="well white" id="ow-orderStops-box">
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="col-md-12 padding-left padding-right">
		<div class="well white" id="ow-postedTrucks-box">
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="col-md-12 padding-left padding-right">
		<div class="well white" id="ow-similiarLoads-box">
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="col-md-6 padding-left">
		<div class="well white" id="ow-entries-box" style="min-height: 595px;">
		</div>
	</div>
	<div class="col-md-6 padding-right">
		<div class="well white" id="ow-liveFeeds-box">
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="col-md-6 padding-left">
		<div class="well white" id="ow-carrier-box">
		</div>
	</div>
	<div class="clearfix"></div>
	<div class="col-md-12 padding-left">
		<div class="well white" id="ow-map-box">
			<div id="map" style="height:600px;"></div>
		</div>
	</div>

</div>
</div>

@include('orderwork.modals.setUpModal')
@include('orderwork.modals.entryModal')
@include('orderwork.modals.carrierDropModal')
@include('orderwork.modals.addToBidModal')

<style>
.ow-label{font-weight: bold;padding-right:2px;}
.ow-span{font-size: 12px;}
.list-group-item{padding:10px !important;}
#orders-table_filter input{width: 425px;}
#ow-detail-box, #ow-freightWaves-box{height:820px;}
#ow-postedTrucks-box{min-height:500px;}
#freightwaves-loader{width: 100px;height: auto;margin: 0 auto;padding: 10px;position: relative;top: 45%;}
#postedtrucks-loader{width: 100px;height: auto;margin: 0 auto;padding: 10px;position: relative;top: 200px;}
.called-row{background-color: lightgreen !important}
#postedTrucked-table_filter{display: none;}
.timeline-badge{background: #FFF !important;}
.feed-box{height:500px;padding:5px;overflow:auto;}
</style>
@endsection

@section('scripts')
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-core.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-service.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-ui.js"></script>
<script type="text/javascript" src="https://js.api.here.com/v3/3.1/mapsjs-mapevents.js"></script>
<script charset="utf-8" src="{{asset('backend/js/services/orderWorkDetail.js?v=1.15')}}"></script>
@endsection