@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;}
</style>

<div class="row m-b-40 newsalegoal_dashboard">
{{ csrf_field() }}
<div class="col-md-3 pull-right">
    <form>
        <div class="form-group">
        <select id="pod_user_period" name="pod_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>NET REVENUE</legend>
        <div class="">
        <div class="datatables ordertable">
          <table id="net-revenue-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <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-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <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">
  <div class="well white text-center revenewrap">
   <legend>COMMISSION</legend>
   <div class="">
        <div class="datatables ordertable">
          <table id="commission-table" class="table table-striped table-full table-full-small" cellspacing="0" width="100%">
            <thead>
              <tr>
                <th>NAME</th>
                <th>COMMISSION($)</th>
              </tr>
            </thead>
            <tbody>
            </tbody>
          </table>
        </div>
    </div>
   </div>
</div>
@endsection

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