@extends('layout.default')
@section('js')
<script type="text/javascript">

$(document).ready(function () {
  $('[data-toggle="offcanvas"]').click(function () {
    $('.row-offcanvas').toggleClass('active')
  });
});
</script>
@stop
@section('css')
<style type="text/css">
.prompt {
    color: #0060a0;
    font-family: Trebuchet MS,Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: right;
}
</style>
@stop
@section('bodyContent')
@include('include.headerLoggedin')
<div class="container">
  <div class="row row-offcanvas row-offcanvas-right">
    <div class="menu-trigger">
      <div class="pull-right visible-xs">
        <button type="button" class="btn btn-default" data-toggle="offcanvas"><i class="fa fa-bars"></i> MENU</button>
      </div>
    </div>
    <div class="col-xs-12 col-sm-9 col-md-9">
      <div class="panel panel-default">
        <div class="panel-heading">DASHBOARD
          <div class="pull-right"><a href="#" class="showhide"><i class="fa fa-minus"></i></a></div>
        </div>
        <div class="panel-body">
          <div class="row">
            <form class="form-inline">
              <div class="col-md-12">
                <div class="form-group">
                  <select name="" id="">
                    <option value="">TEMP</option>
                    <option value="">DIRECT HIRE</option>
                  </select>
                </div>
                <div class="form-group">
                  <label> Filtered by </label>
                  <select name="select" id="select">
                    <option value="">Me</option>
                    <option value="">My Branch</option>
                    <option value="">My Region</option>
                    <option value="">My Company</option>
                    <option value="">Corporate</option>
                    <option value="">Pleasanton</option>
                    <option value="">San Francisco</option>
                    <option value="">Seattle</option>
                    <option value="">Torrance</option>
                  </select>
                </div>
              </div>
            </form>
          </div>
          <div class="row">
            <div class="col-md-4">
              <h3>Pinned Views </h3>
              <ul class="list-unstyled">
                <li><a href="#">
                  <input value="remember-me" type="checkbox">
                  Aging - By Company All </a></li>
                <li><a href="#">
                  <input value="remember-me" type="checkbox">
                  All - Order Date </a></li>
                <li><a href="#">
                  <input value="remember-me" type="checkbox">
                  All - Start Date </a></li>
                <li><a href="#">
                  <input value="remember-me" type="checkbox">
                  All - Week Ending Date </a></li>
                <li><a href="#">
                  <input value="remember-me" type="checkbox">
                  All Branches - By Month </a></li>
                <li><a href="#">
                  <input value="remember-me" type="checkbox">
                  All Companies - Lookup filtered by "Cheaks" </a></li>
                <li><a href="#">
                  <input value="remember-me" type="checkbox">
                  Completed Activities - All </a></li>
                <li><a href="#">
                  <input value="remember-me" type="checkbox">
                  New Companies - Added Today </a></li>
                <li><a href="#">
                  <input value="remember-me" type="checkbox">
                  Today Actions - Due All </a></li>
              </ul>
            </div>
            <div class="col-md-4">
              <h3>Graph <span class="nopadding input-sm pull-right">
                <label> Filtered by </label>
                <select name="select" id="select">
                  <option value="">Me</option>
                  <option value="">My Branch</option>
                  <option value="">My Region</option>
                  <option value="">My Company</option>
                  <option value="">Corporate</option>
                  <option value="">Pleasanton</option>
                  <option value="">San Francisco</option>
                  <option value="">Seattle</option>
                  <option value="">Torrance</option>
                </select>
                </span> </h3>
              <ul class="list-unstyled">
                <li class="small text-nowrap">0 Orders Taken This Month</li>
              </ul>
            </div>
            <div class="col-md-4">
              <h3>To Do Today </h3>
              <ul class="list-unstyled">
                <li><a href="#"> Aging - By Company All </a></li>
                <li><a href="#"> All - Order Date </a></li>
                <li><a href="#"> All - Start Date </a></li>
                <li><a href="#"> All - Week Ending Date </a></li>
                <li><a href="#"> All Branches - By Month </a></li>
                <li><a href="#"> All Companies - Lookup filtered by "Cheaks" </a></li>
                <li><a href="#"> Completed Activities - All </a></li>
                <li><a href="#"> New Companies - Added Today </a></li>
                <li><a href="#"> Today Actions - Due All </a></li>
                <li>
                  <hr/>
                </li>
                <li><a href="#">My Active <i style="color:#f38b00;" class="fa fa-bolt"></i> Searches</a></li>
                <li> <i class="fa fa-info-circle"></i> <a href="#">Click Here</a> to learn more about your Dashboard </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      
      <!-- 2nd section -->
       @include('include.preferencesDeatils')
    </div>
    @include('include.sidebar')
  </div>
</div>
<!-- /.container -->
@include('include.footer')
@stop