@extends('layouts.admin')

@section('content')
<style>
.earning-expenses{
    margin-bottom: 20px;
    border-radius: 20px; 
    margin-top: 70px;
    border: 2px solid #f44336;
}
.earning-expenses h3{
color:#333333;
font-size:25px;
font-weight:bold;
}

</style>
<div class="row poddashboard_wrapper">
<div class="col-md-3 pull-right">
{{ csrf_field() }}
@if($isAdmin)
{!! FormField::select('selPodId', $pods, $selPodId, null, null) !!}
@endif
</div>

@if(in_array('orders',$widgets))
<div class="col-md-12">
	<h3>ORDERS</h3>
	<div class="card">
		<div>
			<div class="datatables ordertable">
			  <table id="podorders-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<th>Order #</th>
					<th>PO #</th>
					<th>Client</th>
					<th>Ship from</th>
					<th>Ship to</th>
					<th>Equipment</th>
					<th>Pickup Date</th>
					<th>Added Date</th>
					<th>Total</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		</div>
	</div>
</div>
@endif

@if(in_array('shipments',$widgets))
<div class="clearfix"></div>
<div class="col-md-12">
	<h3>SHIPMENTS</h3>
	<div class="card">
		<div>
			<div class="datatables ordertable">
			  <table id="podshipments-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<th>Order #</th>
					<th>PO #</th>
					<th>Carrier</th>
					<th>Client</th>
					<th>Ship from</th>
					<th>Ship to</th>
					<th>Receiver</th>
					<th>Equipment</th>
					<th>Pickup Date</th>
					<th>Total</th>
					<th>Status</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		</div>
	</div>
</div>
@endif

@if(in_array('missed-pickups',$widgets))
<div class="clearfix"></div>
<div class="col-md-6">
	<h3>MISSED PICKUPS</h3>
	<div class="card">
		<div>
			<div class="datatables ordertable minheight390">
			  <table id="podmissedpickups-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<th>Order #</th>
					<th>Carrier</th>
					<th>Client</th>
				  </tr>
				</thead>
				<tbody>
				</tbody>
			  </table>
			</div>
		</div>
	</div>
</div>
@endif

@if(in_array('users',$widgets))
<div class="col-md-6">
	<h3>USERS</h3>
	<div class="card">
		<div>
			<div class="datatables minheight390">
			  <table id="podusers-table" class="table table-striped table-full table-full-small datatableTable" cellspacing="0" width="100%">
				<thead>
				  <tr>
					<th>User</th>
					<th>ringing</th>
					<th>connected</th>
					<th>hangup</th>
					<th>voicemail</th>
					<th>Attendance</th>
				  </tr>
				</thead>
				<tbody>
				@if($users)
					@foreach($users as $user)
					  <tr>
						<td>{{ $user->name }}</td>
						<td>{{ (isset($user->ringing) ? $user->ringing : 0) }}</td>
						<td>{{ (isset($user->connected) ? $user->connected : 0) }}</td>
						<td>{{ (isset($user->hangup) ? $user->hangup : 0) }}</td>
						<td>{{ (isset($user->voicemail) ? $user->voicemail : 0) }}</td>
						<td>
							@if($user->last_activity)
								@if(date('Y-m-d', strtotime($user->last_activity)) == date('Y-m-d'))
									PRESENT
								@else
									ABSENT
								@endif
							@else
								ABSENT
							@endif
						</td>
					  </tr>
					@endforeach
				@endif
				</tbody>
			  </table>
			</div>
		</div>
	</div>
</div>
@endif

@if(in_array('margins',$widgets))
<div class="clearfix"></div>
<div class="col-md-6">
	<h3>Margins</h3>
	<div class="well white revenewrap margin-continer">
	<ul>
		<li><span></span></li>
		<li><span class="redtext">Missed</span></li>
		<li><span class="greentext">Achieved</span></li>
		<li><span>%</span></li>
	</ul>
	<ul>
		<li class="margintitle"><span>Today</span></li>
		<li><span class="redtext margin-report" m-period="today" m-type="missed">{{ $margins['today']['missed'] }}</span></li>
		<li><span class="greentext margin-report" m-period="today" m-type="achieved">{{ $margins['today']['achieved'] }}</span></li>
		<li><span>{{ $margins['today']['percent'] }}%</span></li>
	</ul>
	<ul>
		<li class="margintitle"><span>Week</span></li>
		<li><span class="redtext margin-report" m-period="week" m-type="missed">{{ $margins['current_week']['missed'] }}</span></li>
		<li><span class="greentext margin-report" m-period="week" m-type="achieved">{{ $margins['current_week']['achieved'] }}</span></li>
		<li><span>{{ $margins['current_week']['percent'] }}%</span></li>
	</ul>
	<ul>
		<li class="margintitle"><span>Month</span></li>
		<li><span class="redtext margin-report" m-period="month" m-type="missed">{{ $margins['current_month']['missed'] }}</span></li>
		<li><span class="greentext margin-report" m-period="month" m-type="achieved">{{ $margins['current_month']['achieved'] }}</span></li>
		<li><span>{{ $margins['current_month']['percent'] }}%</span></li>
	</ul>
	</div>
</div>
@endif

<!--
<div class="col-md-6">
<h3 style="margin-bottom:20px;">Users</h3>
	<div class="card">
		<div>
			<div class="datatables">
				<table class="table table-full table-full-small dataTable no-footer">
					<thead>
						<tr>
							<th>User</th>
							<th>Call count</th> 
							<th>Attendance</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>User 1</td>
							<td>-</td>
							<td>-</td>
						</tr>
						<tr>
							<td>User 2</td>
							<td>-</td>
							<td>-</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
-->
    
</div>


<!-- Margin Table Modal -->
<div class="modal fade" id="marginTableModal" role="dialog">
	<div class="modal-dialog">
	  <div class="modal-content">
		<div class="modal-header">
		  <button type="button" class="close" data-dismiss="modal">&times;</button>
		  <h4 class="modal-title firstTime">Margin Report</h4>
		</div>
		<div class="modal-body">
		  <table id="margin-report-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
			<thead>
			  <tr>
				<th>Order #</th>
				<th>Gross Revenue</th>
				<th>Carrier Pay</th>
				<th>Dispatcher</th>
			  </tr>
			</thead>
			<tbody>
			</tbody>
		  </table>
		</div>
		<div class="modal-footer firstTime_footer">
		</div>
	  </div>  
	</div>
</div>
<!---------------------->


@endsection

@section('scripts')
<script charset="utf-8" src="{{asset('backend/js/services/poddashboard.js?v=1.1')}}"></script>
@endsection