@extends('layouts.admin')

@section('content')
<style>
.newsalegoal_dashboard .revenewrap .cirdata{margin-top:10px;margin-bottom:0px;}
.newsalegoal_dashboard .setupgoal label{float:left;font-size:16px;font-weight: bold;padding-left:10px}
.newsalegoal_dashboard .setupgoal b{float:right;font-size:18px;margin-top:-1px;padding-right:10px;color:#2E7D32}
.yearlysale_table thead th{color: #505050;text-align:center;font-weight:bold !important}
.yearlysale_table tbody tr td:first-child{font-weight:bold !important;}
.yearsgoal_table{height:200px;overflow-x:scroll}
.yearsgoal_table thead tr th{font-weight:bold;}
.yearlysale_table tbody>tr>td:first-child, .table-full-small thead tr>th:first-child{padding-left: 4px;}
</style>

<div class="row m-b-40 newsalegoal_dashboard">
{{ csrf_field() }}
<input type="hidden" id="salesman_id" name="salesman_id" value="{{ $salesmanId }}">
{!! $yearSalesGoalsHtml !!}
<div class="clearfix"></div><hr/>
<div class="col-md-3 pull-right">
    <form>
        <div class="form-group">
        <select id="st_period" name="st_period" class="form-control" style="background-color:#ffffff;padding:0  10px">
            <option value="today">TODAY</option>
            <option value="current_week">WEEK</option>
            <option value="current_month">MONTH</option>
            <option value="current_year">YEAR</option>
        </select>
        </div>
    </form>
</div>
<div class="clearfix"></div>
<div class="col-md-3">
  <div class="well white text-center revenewrap">
   <legend>GROSS REVENUE</legend>
        <h3 class="cirdata" id="st-gr">${{ $salesStats['grossRevenue'] }}</h3>
   </div>
</div>
<div class="col-md-3">
  <div class="well white text-center revenewrap">
   <legend>NET REVENUE</legend>
        <h3 class="cirdata" id="st-nr">${{ $salesStats['netRevenue'] }}</h3>
   </div>
</div>
<div class="col-md-3">
  <div class="well white text-center revenewrap">
   <legend>LOADS MOVED</legend>
        <h3 class="cirdata" id="st-lm">{{ $salesStats['loadsCount'] }}</h3>
   </div>
</div>
<div class="col-md-3">
  <div class="well white text-center revenewrap">
   <legend>COMMISSION</legend>
        <h3 class="cirdata" id="st-cm">${{ $salesStats['commission'] }}</h3>
   </div>
</div>
<div class="clearfix"></div><hr/>
<div class="col-md-3 pull-right">
    <form>
        <div class="form-group">
        <select id="cs_period" name="cs_period" class="form-control" style="background-color:#ffffff;padding:0  10px">
            <option value="today">TODAY</option>
            <option value="current_week">WEEK</option>
            <option value="current_month">MONTH</option>
            <option value="current_year">YEAR</option>
        </select>
        </div>
    </form>
</div>
<div class="col-md-12 m-b-20">
    <div class="card">
        <div class="datatables ordertable">
          <table id="clients-sales-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>CLIENT</th>
                <th>GROSS SALES</th>
                <th>AVERAGE MARGIN</th>
                <th>TOTAL LOADS</th>
                <th>DAYS SINCE LAST LOAD</th>
                <th>AVERAGE LOAD</th>
                <th>POD ASSIGNMENT</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
    </div>
</div>
<div class="clearfix"></div><hr/>
<h3 class="text-center m-b-20"><strong>ALL TIME SALES</strong></h3>
<div class="col-md-6">
    <form>
      <div class="row">
        <div class="col-md-12">
          <div class="well white">
            <fieldset>
              <div class="form-group col-md-6">
                <label for="period_from" class="control-label">FROM DATE</label>
                <input type="text" class="form-control datepicker" name="period_from" id="period_from" value="@if(isset($searchData['st_from_date'])){{ $searchData['st_from_date']}}@endif">
              </div>
              <div class="form-group col-md-6">
                <label for="period_to" class="control-label">TO DATE</label>
                <input type="text" class="form-control datepicker" name="period_to" id="period_to" value="@if(isset($searchData['st_to_date'])){{ $searchData['st_to_date']}}@endif">
              </div>
            </fieldset>
          </div>
        </div>
      </div>
    </form>
</div>
<div class="clearfix"></div>
<div class="col-md-3">
  <div class="well white text-center revenewrap">
   <legend>GROSS REVENUE</legend>
        <h3 class="cirdata" id="st-gr-all">${{ $salesStats['grossRevenue'] }}</h3>
   </div>
</div>
<div class="col-md-3">
  <div class="well white text-center revenewrap">
   <legend>NET REVENUE</legend>
        <h3 class="cirdata" id="st-nr-all">${{ $salesStats['netRevenue'] }}</h3>
   </div>
</div>
<div class="col-md-3">
  <div class="well white text-center revenewrap">
   <legend>LOADS MOVED</legend>
        <h3 class="cirdata" id="st-lm-all">{{ $salesStats['loadsCount'] }}</h3>
   </div>
</div>
<div class="col-md-3">
  <div class="well white text-center revenewrap">
   <legend>COMMISSION</legend>
        <h3 class="cirdata" id="st-cm-all">${{ $salesStats['commission'] }}</h3>
   </div>
</div>
<div class="clearfix"></div><hr/>

<div class="col-md-12 m-b-20">
    <div class="card">
        <div class="datatables ordertable">
          <table id="clients-sales-all-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>CLIENT</th>
                <th>GROSS SALES</th>
                <th>AVERAGE MARGIN</th>
                <th>TOTAL LOADS</th>
                <th>DAYS SINCE LAST LOAD</th>
                <th>AVERAGE LOAD</th>
                <th>POD ASSIGNMENT</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
    </div>
</div>
</div>
</div>

@endsection

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