@extends('layouts.admin')

@section('content')
<style>
.newsalegoal_dashboard .revenewrap .cirdata{margin-top:10px;margin-bottom:0px;}
.feed-box{height:500px;padding:5px;overflow:auto;}
table.dataTable thead>tr>th {text-align: center;}
table.dataTable tbody tr:last-child { font-weight: bold !important; }
</style>

<div class="row m-b-40 newsalegoal_dashboard">
{{ csrf_field() }}
@if($user->pod_id == 8)
    <a href="{{ route('admin.poddashboard2.index') }}" class="btn btn-sm btn-danger btn-white">POD Dashboard</a>
    <a href="{{ route('admin.pitdashboard') }}" class="btn btn-sm btn-danger btn-white">PIT Dashboard</a>
    <a href="{{ route('admin.pitsummary') }}" class="btn btn-sm btn-danger btn-white">PIT Summary</a>
@endif
<div class="col-md-3 pull-right">
    <form>
        <div class="form-group">
        <select id="pit_user_period" name="pit_user_period" class="form-control" style="background-color:#ffffff;padding:0  10px">
            <option value="today">TODAY</option>
            <option value="current_week">THIS WEEK</option>
            <option value="current_month">THIS MONTH</option>
            <option value="last_month">LAST MONTH</option>
        </select>
        </div>
    </form>
</div>
<div class="clearfix"></div>
<div class="col-md-6">
  <div class="well white text-center revenewrap">
   <legend>LOADS MOVED</legend>
        <div class="">
        <div class="datatables ordertable">
          <table id="loads-moved-rank-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>RANK</th>
                <th>NAME</th>
                <th>LOADS MOVED</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
    </div>
   </div>
</div>
<div class="col-md-6">
  <div class="well white text-center revenewrap">
   <legend>OFFERS SUBMITTED</legend>
        <div class="">
        <div class="datatables ordertable">
          <table id="offers-submitted-rank-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>RANK</th>
                <th>NAME</th>
                <th>OFFERS SUBMITTED</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
    </div>
   </div>
</div>
<div class="clearfix"></div>
<div class="col-md-6">
  <div class="well white text-center revenewrap">
       <legend>CARRIER ACTIVITES</legend>
        <div class="">
        <div class="datatables ordertable">
          <table id="carrier-activities-rank-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>RANK</th>
                <th>NAME</th>
                <th>CARRIER ACTIVITES</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
    </div>
   </div>
</div>
<div class="col-md-6">
  <div class="well white text-center revenewrap">
   <legend>COMMISSION</legend>
   <div class="">
        <div class="datatables ordertable">
          <table id="commission-rank-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>RANK</th>
                <th>NAME</th>
                <th>COMMISSION ($)</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
    </div>
   </div>
</div>
<div class="clearfix"></div>
<div class="col-md-6">
  <div class="well white text-center revenewrap">
       <legend>NET REVENUE</legend>
        <div class="">
        <div class="datatables ordertable">
          <table id="net-revenue-rank-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>RANK</th>
                <th>NAME</th>
                <th>NET REVENUE ($)</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
    </div>
   </div>
</div>
<div class="col-md-6">
  <div class="well white text-center revenewrap">
   <legend>GROSS REVENUE</legend>
   <div class="">
        <div class="datatables ordertable">
          <table id="gross-revenue-rank-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>RANK</th>
                <th>NAME</th>
                <th>GROSS REVENUE ($)</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
    </div>
   </div>
</div>
<div class="clearfix"></div>
<div class="col-md-6 col-md-offset-3">
  <div class="well white text-center revenewrap">
   <legend>AVERAGE NET REVENUE PER LOAD</legend>
   <div class="">
        <div class="datatables ordertable">
          <table id="avg-net-revenue-per-load-rank-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>RANK</th>
                <th>NAME</th>
                <th>AVERAGE NET REVENUE PER LOAD ($)</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
    </div>
   </div>
</div>
</div>

@endsection

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