@extends('layout')
@section('title','Fibbu - Dashboard')
<div class="row">
@section('content')
     <div class="row">
        <div class="col-md-12">
          <div class="panel panel-pink panel-index">
            <div class="panel-heading">
              BUSINESS AT A GLANCE
            </div> <!-- End of panel-heading -->
            <div class="clearfix"></div>
            <div class="panel-body">
              
           
            <div id="divBusinessUnits">
           <div class="graph-text">Select  a Business Unit</div>
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-default">
                  <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                    <div class="panel-body">
                      @if (isset($bunits) && count($bunits)>0)
                      <div class="branch">
                      {{ Form::checkbox('chkBusinessUnit',0, false,array('class'=>'chk-all','id'=>'chkAllBusinessUnit')) }} All
                      </div>
                      @foreach ($bunits as $key => $value)
                      <div class="branch">
                         {{ Form::checkbox('chkBusinessUnit[]', $value->bu_id, Auth::user()->bu_id == $value->bu_id ? true :false ,array('class'=>'chk-item')) }} {{ $value->disp_name }}
                      </div>   
                      @endforeach
                      @endif
                    </div>
                  </div>
                </div>
            </div>
            </div>

            <div  id = "graph">

              <div class="line-graph">
                <div class="graph-text">DAY WISE CUMULATIVE SALES LINE CHART FOR LAST THREE MONTHS</div>
                <div id="divLineMonthlyCumulativeReportGraph"></div>
              </div>
              
              <div class="line-graph">
                <div class="graph-text">DAY WISE SALES LINE CHART FOR LAST THREE MONTHS</div>
                <div id="divLineMonthlyReportGraph"></div>
              </div>
              


              
                <div  class="bar-graph-left">
                <div class="graph-text">QUARTERLY-WISE SALES BAR CHART</div>
                <div id="divBarQuarterReportGraph"></div>
                </div>
              
              

                <div  class="bar-graph-right">
                <div class="graph-text">LAST THREE MONTHS SALES BAR CHART</div>
                <div id="divBarMonthlyReportGraph"></div>
                </div>
              
                
                <div class="donut">
                <div class="graph-text">PRODUCT SALE BY MONTH</div>

                <div  class="donut-chart">
                <div id="divDonutChartBLMonth"></div>
                <div id="divDonutBLMonth" class="donut-month"></div>
                </div>

                <div  class="donut-chart">
                <div id="divDonutChartLMonth"></div>
                <div id="divDonutLMonth" class="donut-month"></div>
                </div>

                <div  class="donut-chart">
                <div id="divDonutChartCMonth"></div>
                <div id="divDonutcMonth" class="donut-month"></div>
                </div>

                
               

                
                
                </div>               

              
            </div>    


               

              

            </div> <!-- End of panel-body-->
          </div><!-- End of panel panel-pink panel-index-->
        </div><!-- End of col-md-12-->
       </div><!-- End of row-->



{{ HTML::style('/css/morris.css') }}
@stop
</div><!-- End of row-->
@section('script')
<script type="text/javascript">
    var baseUrl = "{{url('/')}}";
</script>
{{ HTML::script('/stylescripts/morris.min.js') }}
{{ HTML::script('/stylescripts/raphael-min.js') }}
{{ HTML::script('/customscripts/dashboard/dashboard.js') }}
@stop