@extends("layout")
@section("content")
<style>
.btn-circle.btn-xl {
  width: auto;
  height: auto;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0px;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.42857;
}

</style>
<br>
<br>
<div class="col-md-12">
  <div class="box">
    <div class="box-header with-border">
      <h3 class="box-title" style="color:#337ab7">Welcome back {{Auth::User()->name}}...!</h3><br><br>
      <!-- <h4>Extra Large Circle Buttons</h4>
      <button type="button" class="btn btn-default btn-circle btn-xl"><i class="fa fa-check">Commodity Management</i> -->
    </div>


    <div class="col-md-6">
      <div class="box box-primary collapsed-box">
        <div class="box-header with-border">
          <h1 >Supply Chain Management</h1><br>

          <div class="box-tools pull-right">
            <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
            </button>
          </div>
        </div>
        <div class="box-body">
          <div  class="panel panel-primary row">
            <div class="panel-body">

              <div class="col-lg-4 col-md-12">
                <div class="small-box bg-aqua">
                  <div class="inner">
                    <h3>Stores</h3>
                    <p>STORES <br>MANAGEMENT</p>
                  </div>
                  <div class="icon">
                    <i class="ion-ios-cart"></i>
                  </div>
                  <a href="{{ URL::route('stores.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                </div>

                <div class="small-box bg-gray">
                  <div class="inner">
                    <h3>{{ $count = Supplier::count()}}</h3>
                    <p>SUPPLIERS</p>
                  </div>
                  <div class="icon">
                    <i class="ion-ios-book"></i>
                  </div>
                  <a href="{{URL::route('supplier.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right" data-toggle="tooltip" data-placement="left" title="Click to mange your suppliers"></i></a>
                </div>
              </div>

              <div class="col-lg-4 col-md-12">
                <div class="small-box bg-orange">
                  <div class="inner">
                    <h3>Items</h3>

                    <p>COMMODITY <br> MANAGEMENT</p>
                  </div>
                  <div class="icon">
                    <i class="ion-ios-box"></i>
                  </div>
                  <a class="link-tip" href="{{URL::route('supplychainmgt.supplychainmgt')}}" data-toggle="tooltip" data-placement="left" title="Click to manage stock/supplies in the stores">

                    <a href="{{URL::route('supplychainmgt.supplychainmgt')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                  </div>

                  <div class="small-box bg-red">
                    <div class="inner">
                      <h3>Line</h3>

                      <p>PIPELINE</p>
                    </div>
                    <div class="icon">
                      <i class="ion-ios-more"></i>
                    </div>
                    <a class="link-tip" href="{{URL::route('pipeline.index')}}" data-toggle="tooltip" data-placement="left" title="Click to manage stock/supplies in the stores">

                      <a href="{{URL::route('pipeline.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                  </div>

                  <div class="col-lg-4 col-md-12">
                    <div class="small-box bg-success">
                      <div class="inner">
                        <h3>VL/EID</h3>
                        <p>VL / EID <br>STOCK LEVELS</p>
                      </div>
                      <div class="icon">
                        <i class="ion-icon ion-stats-bars"></i>
                      </div>
                      <a href="{{ URL::route('vlstockstatus.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>

                    <div class="small-box bg-default">
                      <div class="inner">
                        <h3>Hubs</h3>
                        <p>DISPATCH</p>
                      </div>
                      <div class="icon">
                        <i class="ion-ios-shuffle-strong"></i>
                      </div>
                      <a href="{{URL::route('dispatch.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                  </div>

                  <div class="col-lg-4 col-md-12">
                    <div class="small-box bg-warning">
                      <div class="inner">
                        <h3>150</h3>
                        <p>MACHINE <br>UTILIZATION</p>
                      </div>
                      <div class="icon">
                        <i class="ion-ios-speedometer"></i>
                      </div>
                      <a href="{{URL::route('dispatch.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                  </div>

                  <div class="col-lg-4 col-md-12">
                    <div class="small-box bg-danger">
                      <div class="inner">
                        <h3>W.Hse</h3>
                        <p>Warehouse Stock <br>Status Report</p>
                      </div>
                      <div class="icon">
                        <i class="ion-ios-home"></i>
                      </div>
                      <a href="{{URL::route('warehouse.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                  </div>

                  <div class="col-lg-4 col-md-12">
                    <div class="small-box bg-aqua">
                      <div class="inner">
                        <h3>CPHL</h3>
                        <p>ORDERING</p>
                      </div>
                      <div class="icon">
                        <i class="ion-ios-book"></i>
                      </div>
                      <a href="{{URL::route('order.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                  </div>

                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Asset Mgt -->
        <div class="col-md-6">
          <div class="box box-success collapsed-box">
            <div class="box-header with-border">
              <h1> Asset Management</h1>
              <br>

              <div class="box-tools pull-right">
                <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                </button>
              </div>
            </div>
            <div class="box-body">
              <div  class="panel panel-primary row">
                <div class="panel-body">

                  <div class="col-lg-4 col-md-12">
                    <div class="small-box bg-aqua">
                      <div class="inner">
                        <h3>ICT</h3>
                        <p>Information <br>Communication Technology </p>
                      </div>
                      <div class="icon">
                        <i class="ion-ios-monitor"></i>
                      </div>
                      <a href="{{ URL::route('stores.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>

                    <div class="small-box bg-green">
                      <div class="inner">
                        <h3>Fleet </h3>
                        <p>Transport <br>& <br>Fleet Management</p>
                      </div>
                      <div class="icon">
                        <i class="fa fa-truck"></i>
                      </div>
                      <a href="{{ URL::route('vlstockstatus.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                  </div>

                  <div class="col-lg-4 col-md-12">
                    <div class="small-box bg-yellow">
                      <div class="inner">
                        <h3>150</h3>
                        <p>MACHINE <br>UTILIZATION</p>
                      </div>
                      <div class="icon">
                        <i class="ion-ios-speedometer"></i>
                      </div>
                      <a href="{{URL::route('dispatch.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                    </div>
                  </div>

                  <div class="col-lg-4 col-md-12">
                    <div class="small-box bg-orange">
                      <div class="inner">
                        <h3>Eng</h3>

                        <p>Biomedical <br> Engineering</p>
                      </div>
                      <div class="icon">
                        <i class="fa fa-cogs fa-spin fa-1x fa-fw"></i>
                      </div>
                      <a class="link-tip" href="{{URL::route('supplychainmgt.supplychainmgt')}}" data-toggle="tooltip" data-placement="left" title="Click to manage stock/supplies in the stores">

                        <a href="{{URL::route('supplychainmgt.supplychainmgt')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                      </div>
                    </div>

                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-6">
            <div class="box box-danger collapsed-box">
              <div class="box-header with-border">
                <h1>User Department Logisitics</h1>
                <div class="box-tools pull-right">
                  <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                  </button>
                </div>


              </div>
              <div class="box-body">
                <div  class="panel panel-primary row">
                  <div class="panel-body">

                    <div class="col-lg-4 col-md-12">
                      <div class="small-box bg-green">
                        <div class="inner">
                          <h3>ALL</h3>

                          <p>View All <br>Requests</p>
                        </div>
                        <div class="icon">
                          <i class="ion-ios-list"></i>
                        </div>
                        <a class="link-tip" href="inhouserequest"  data-toggle="tooltip" data-placement="left" title="Click to manage stock/supplies in the stores">

                          <a href="inhouserequest" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                        </div>
                      </div>

                      <div class="col-lg-4 col-md-12">
                        <div class="small-box bg-aqua">
                          <div class="inner">
                            <h3>ALL</h3>

                            <p>General <br>Commodities</p>
                          </div>
                          <div class="icon">
                            <i class="ion-ios-cart"></i>
                          </div>
                          <a class="link-tip" href="{{URL::route('inhouserequest.create')}}" data-toggle="tooltip" data-placement="left" title="Click to manage stock/supplies in the stores">

                            <a href="{{URL::route('inhouserequest.create')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                          </div>
                        </div>

                        <div class="col-lg-4 col-md-12">
                          <div class="small-box bg-orange">
                            <div class="inner">
                              <h3>EID</h3>

                              <p>EID Lab <br>Commodities</p>
                            </div>
                            <div class="icon">
                              <i class="ion-ios-flask"></i>
                            </div>
                            <a class="link-tip" href="{{URL::route('inhouserequest.eidcreate')}}" data-toggle="tooltip" data-placement="left" title="Click to manage stock/supplies in the stores">

                              <a href="{{URL::route('inhouserequest.eidcreate')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                            </div>
                          </div>

                          <div class="col-lg-4 col-md-12">
                            <div class="small-box bg-red">
                              <div class="inner">
                                <h3>VL</h3>

                                <p>Viral Load <br>Commodities</p>
                              </div>
                              <div class="icon">
                                <i class="ion-ios-flask"></i>
                              </div>
                              <a class="link-tip" href="{{('facilityrequest.index')}}" data-toggle="tooltip" data-placement="left" title="Click to manage stock/supplies in the stores">

                                <a href="{{URL::route('facilityrequest.index')}}" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                              </div>
                            </div>

                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

                  <div class="col-md-6">
                    <div class="box box-warning collapsed-box">
                      <div class="box-header with-border">
                        <h1>Facility Requisitioning</h1>
                        <div class="box-tools pull-right">
                          <button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-plus"></i>
                          </button>
                        </div>
                      </div>
                      <div class="box-body">
                        <div  class="panel panel-primary row">
                          <div class="panel-body">

                            <div class="col-lg-4 col-md-12">
                              <div class="small-box bg-green">
                                <div class="inner">
                                  <h3>ALL</h3>

                                  <p>View All <br>Requests</p>
                                </div>
                                <div class="icon">
                                  <i class="ion-ios-list"></i>
                                </div>
                                <a class="link-tip" href="facilityrequest"  data-toggle="tooltip" data-placement="left" title="Click to manage stock/supplies in the stores">

                                  <a href="inhouserequest" class="small-box-footer">More info <i class="fa fa-arrow-circle-right"></i></a>
                                </div>
                              </div>

                            </div>
                          </div>
                        </div>
                      </div>
                    </div>


                    <div class="box-footer">
                      <div class="row">
                        <div class="col-sm-3 col-xs-6">
                          <div class="description-block border-right">
                            <h2>{{ $count = UNHLSStockcard::where('to_from_type', '=', '1')->count()}}</h2>
                            <a href="{{URL::route('stockcard.tofacility')}}"><span class="description-text">COMMODITIES ISSUED TO FACILITIES</span></a>
                          </div>
                        </div>

                        <div class="col-sm-3 col-xs-6">
                          <div class="description-block border-right">
                            <span class="description-percentage text-yellow"><i class="fa fa-caret-left"></i> 0%</span>
                            <h5 class="description-header">90</h5>
                            <a href="#"><span class="description-text">LABORATORY CONSUMMABLES</span></a>
                          </div>
                        </div>

                        <div class="col-sm-3 col-xs-6">
                          <div class="description-block border-right">
                            <span class="description-percentage text-green"><i class="fa fa-caret-up"></i> 0%</span>
                            <h5 class="description-header">{{ $count = UNHLSStockcard::where('to_from_type', '=', '3')->count()}}</h5>
                            <a href="#"><span class="description-text">COMMODITIES IN PIPE-LINE</span></a>
                          </div>
                        </div>
                        <div class="col-sm-3 col-xs-6">
                          <div class="description-block">
                            <span class="description-percentage text-red"><i class="fa fa-caret-down"></i> 18%</span>
                            <h5 class="description-header">1200</h5>
                            <span class="description-text">LOW STOCK COMMODITIES</span>
                          </div>
                        </div>
                      </div>
                    </div>



                  </div>
                </div>
                @stop