@extends('admin/layout')
@section('page_title','Dashboard')
@section('dashboard_select','active')
@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    Dashboard
    <small>Version 1.0.0</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="javascript:void(0)"><i class="fa fa-dashboard"></i> Home</a></li>
    <li class="active">Dashboard</li>
  </ol>
</section>


<section class="content">
  <!-- Info boxes -->
  <div class="row">

    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box">
        <span class="info-box-icon bg-aqua"><i class="fa fa-registered"></i></span>

        <div class="info-box-content">
          <span class="info-box-text">Medicines </span>
          <span class="info-box-number">{{$num_of_medecines}}<small></small></span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>

    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box">
        <span class="info-box-icon bg-yellow"><i class="fa fa-subway"></i></span>

        <div class="info-box-content">
          <span class="info-box-text">Instruments </span>
          <span class="info-box-number">{{$num_of_instruments}}<small></small></span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>

    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box">
        <span class="info-box-icon bg-red"><i class="fa fa-truck"></i></span>

        <div class="info-box-content">
          <span class="info-box-text">Equipments </span>
          <span class="info-box-number">{{$num_of_equipments}}<small></small></span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>

    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box">
        <span class="info-box-icon bg-green"><i class="fa fa-flask"></i></span>

        <div class="info-box-content">
          <span class="info-box-text">Chemicals</span>
          <span class="info-box-number">{{$num_of_chemicals}}<small></small></span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>

    <!-- fix for small devices only -->
    <div class="clearfix visible-sm-block"></div>

    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box">
        <span class="info-box-icon bg-green"><i class="fa fa-leaf"></i></span>

        <div class="info-box-content">
          <span class="info-box-text">Brands</span>
          <span class="info-box-number">{{$num_of_brands}}</span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>

    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box">
        <span class="info-box-icon bg-red"><i class="fa fa-medkit"></i></span>

        <div class="info-box-content">
          <span class="info-box-text">Generics</span>
          <span class="info-box-number">{{$num_of_generics}}</span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>

    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box">
        <span class="info-box-icon bg-yellow"><i class="fa fa-flask"></i></span>

        <div class="info-box-content">
          <span class="info-box-text">Vaccines</span>
          <span class="info-box-number">{{$num_of_vaccines}}</span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>


    <div class="col-md-3 col-sm-6 col-xs-12">
      <div class="info-box">
        <span class="info-box-icon bg-aqua"><i class="fa fa-building"></i></span>

        <div class="info-box-content">
          <span class="info-box-text">Pharmaceutical Companies </span>
          <span class="info-box-number">{{$num_of_companies}}<small></small></span>
        </div>
        <!-- /.info-box-content -->
      </div>
      <!-- /.info-box -->
    </div>


  </div>
  <!-- /.row -->
</section>

@endsection