@extends('layouts.admin')

@section('content')
<style>
.inline-field{
    margin-left: 5px;
    margin-right: 5px;
}
.context-menu-title:before {
    content: "Assign To";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #DDD;
    padding: 2px;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.context-menu-title :first-child {
    margin-top: 20px;
}
.teamwarpper label{
	display:block;	
}
.mainteam_wrapper{
	width:100%;
	overflow-x: scroll;
}
.mainteam_wrapper .col-md-3{
	width:250px;
}
.teamname{
	text-transform: uppercase;
}
.timeline-badge{background: #FFF !important;}
.feed-box{height:500px;padding:5px;overflow:auto;}
</style>
<div class="row">
<div class="col-md-3 pull-right">
{{ csrf_field() }}
@if($isAdmin)
{!! FormField::select('selPodId', $pods, $selPodId, null, null) !!}
@else
<input type="hidden" name="selPodId" id="selPodId" value="{{ $selPodId }}">
@endif
</div>

<div class="clearfix"></div>

<div class="col-md-12">
 <div class="" autoscroll="true" bs-affix-target="" init-ripples="" style="margin: 25px 0px 25px 0px;">
  <section class="forms-basic mainteam_wrapper">
  	<div class="row">
	  	@if($userCounts)
	  	@foreach($userCounts as $c)
		  <div class="col-md-3">
			<div class="well white teamwarpper">
				<label><span class="teamname"><b>{{ $c->name }}</b></span></label>			
				<label class="control-label">Loads Assigned: <span id="{{ $c->id }}-la">{{ ($c->loadAssigned ? $c->loadAssigned : 0) }}</span></label>
				<label class="control-label">Loads Completed: <span id="{{ $c->id }}-lc">{{ ($c->loadsCompleted ? $c->loadsCompleted : 0) }}</span></label>
				<label class="control-label">POD Covered: <span id="{{ $c->id }}-pc">{{ ($c->podCovered ? $c->podCovered : 0) }}</span></label>
				<label class="control-label">Rate Quotes Assigned: <span id="{{ $c->id }}-qa">{{ ($c->quoteAssigned ? $c->quoteAssigned : 0) }}</span></label>
			</div>
		  </div>
		@endforeach
		@endif
	</div>
  </section>
 </div>
</div>


<div class="col-md-12">
	<div class="well white">
		<h3 style="margin-top:0px;">UNASSIGNED ORDERS</h3>
		<hr/>
		<div>
			<form class="form-inline form-validate" method="POST" id="uaOrdersSearchForm" name="uaOrdersSearchForm">
			  <div class="form-group padding-left">
			  	<label><b>FROM DATE -</b></label>
			    <input type="text" class="form-control inline-field datepicker" id="ua_from_date" name="ua_from_date" style="width:150px;">
			  </div>
			  <div class="form-group padding-left">
			    <label><b>TO DATE -</b></label>
			    <input type="text" class="form-control inline-field datepicker" id="ua_to_date" name="ua_to_date" style="width:150px;">
			  </div>
			  <div class="form-group padding-left">
			    <label><b>CLIENT -</b></label>
			   {!! FormField::select2('ua_client', $clients, null, false, ' ') !!}
			  </div>
  			  <button type="submit" class="btn btn-danger">SEARCH</button>
  			  <input class="btn btn-danger" type="button" name="unassigned-clear" id="unassigned-clear" value="Clear">
			</form>
			<div>
				<div class="datatables ordertable">
				  <table id="unassiged-orders-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
						<th>Order #</th>
						<th>Pickup Date</th>
						<th>Bill Rate</th>
						<th>Origin</th>
						<th>Destination</th>
						<th>Market Price</th>
						<th>Probability Rating</th>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="col-md-12">
	<div class="well white">
		<h3 style="margin-top:0px;">ASSIGNED ORDERS</h3>
		<hr/>
		<div>
			<form class="form-inline form-validate" method="POST" id="aOrdersSearchForm" name="aOrdersSearchForm">
			  <div class="form-group padding-left">
			  	<label><b>FROM DATE -</b></label>
			    <input type="text" class="form-control inline-field datepicker" id="a_from_date" name="a_from_date">
			  </div>
			  <div class="form-group padding-left">
			    <label><b>TO DATE -</b></label>
			    <input type="text" class="form-control inline-field datepicker" id="a_to_date" name="a_to_date">
			  </div>
			  <div class="form-group padding-left">
			    <label><b>USER -</b></label>
			   {!! FormField::select2('a_user', $users, null, false, ' ') !!}
			  </div>
  			  <button type="submit" class="btn btn-danger">SEARCH</button>
  			  <input class="btn btn-danger" type="button" name="assigned-clear" id="assigned-clear" value="Clear">
			</form>
			<div>
				<div class="datatables ordertable">
				  <table id="assiged-orders-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
						<th>Order #</th>
						<th>Pickup Date</th>
						<th>Origin</th>
						<th>Destination</th>
						<th>Client</th>
						<th>User</th>
						<th>Avg Rate Feedback</th>
						<th># of Task Completed</th>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="col-md-6">
	<div class="well white">
		<h3 style="margin-top:0px;">TASK TRACKER</h3>
		<select name="trackerPeriod" id="trackerPeriod">
	   		<option value="today">Today</option>
	   		<option value="week">Week</option>
	   		<option value="month">Month</option>
	   		<option value="year">Year</option>
		</select>
		<hr/>
		<div>
			<div>
				<div class="datatables ordertable" style="overflow:auto">
				  <table id="tt-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
						<th>User</th>
						<th>Quote Assigned</th>
						<th>Quote Completed</th>
						<th>Order Assigned</th>
						<th>Order Completed</th>
						<th>POD Covered</th>
					  </tr>
					</thead>
					<tbody id="trackerBody">
					@if($userCounts)
					  @foreach($userCounts as $uc)
					  <tr>
						<td>{{ $uc->name }}</td>
						<td>{{ $uc->quoteAssigned }}</td>
						<td>{{ $uc->quoteCompleted }}</td>
						<td>{{ $uc->loadAssigned }}</td>
						<td>{{ $uc->loadsCompleted }}</td>
						<td>{{ $uc->podCovered }}</td>
					  </tr>
					  @endforeach
					@endif
					</tbody>
				  </table>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="col-md-6">
	<div class="well white">
		@include('workassignment.parts.liveFeeds')
	</div>
</div>

<div class="clearfix"></div>

<div class="col-md-6">
	<div class="well white">
		<h3 style="margin-top:0px;">PENDING RATE QUOTES LANES</h3>
		<hr/>
		<div>
			<div>
				<div class="datatables ordertable">
				  <table id="prq-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
						<th>ID #</th>
						<th>Origin</th>
						<th>Destination</th>
						<th>Submission Date</th>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="col-md-6">
	<div class="well white">
		<h3 style="margin-top:0px;">ASSIGNED RATE QUOTES LANES</h3>
		<hr/>
		<div>
			<div>
				<div class="datatables ordertable">
				  <table id="arq-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
					<thead>
					  <tr>
						<th>ID #</th>
						<th>User</th>
						<th>Origin</th>
						<th>Destination</th>
						<th>Status</th>
						<th>Assign Date</th>
					  </tr>
					</thead>
					<tbody>
					</tbody>
				  </table>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="clearfix"></div>

</div>


@endsection

@section('scripts')
<script>
var users = {!! json_encode($users) !!};
</script>
<script charset="utf-8" src="{{asset('backend/js/services/workAssignment.js?v=1.5')}}"></script>
@endsection