<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>

<style>

.icon_wrp_bx
{
	color:#333;
}
.icon_wrp_bx:hover
{
	color:#333;
}
</style

<!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1>
        Dashboard
        <!--<small>Version 2.0</small>-->
      </h1>
     <!-- <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li class="active">Dashboard</li>
      </ol>-->
    </section>
	
	

    <!-- Main content -->
    <section class="content">
      <!-- Info boxes -->
      <div class="row">       
        <div class="col-md-4 col-sm-6 col-xs-12">
		<a href="<?php echo base_url();?>admin/car" class="icon_wrp_bx">
          <div class="info-box">
            <span class="info-box-icon bg-my-color"><i class="fa fa-taxi"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Car</span>
              <span class="info-box-number"><?php echo $total_car['total_car'];?></span>
            </div> 
            <!-- /.info-box-content -->
          </div>
		</a>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->

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

        
        <div class="col-md-4 col-sm-6 col-xs-12">
		<a href="<?php echo base_url();?>admin/todayavailableuserlist" class="icon_wrp_bx">
          <div class="info-box">
            <span class="info-box-icon bg-my-color-completed"><i class="fa fa-user"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Mechanic</span>
              <span class="info-box-number"><?php echo $total_mechanic; ?></span>
            </div>
            <!-- /.info-box-content -->
          </div>
		  </a>
          <!-- /.info-box -->
        </div>
        <!-- /.col -->
        <div class="col-md-4 col-sm-6 col-xs-12">
		<a href="<?php echo base_url();?>admin/service" class="icon_wrp_bx">
          <div class="info-box">
            <span class="info-box-icon bg-my-color-waiting"><i class="fa fa-lightbulb-o"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Service</span>
              <span class="info-box-number"><?php echo $total_service['total_service']; ?></span>
            </div>
            <!-- /.info-box-content -->
          </div>
		  </a>
          <!-- /.info-box -->
        </div>		
        <!-- /.col -->

           <div class="col-md-4 col-sm-6 col-xs-12">
    <a href="<?php echo base_url();?>admin/job/content" class="icon_wrp_bx">
          <div class="info-box">
            <span class="info-box-icon bg-my-color-waiting"><i class="fa fa-circle-o"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Assign Job </span>
             
            </div>
            <!-- /.info-box-content -->
          </div>
      </a>
          <!-- /.info-box -->
        </div>    
        <!-- /.col -->

           <div class="col-md-4 col-sm-6 col-xs-12">
    <a href="<?php echo base_url();?>admin/servicehistory" class="icon_wrp_bx">
          <div class="info-box">
            <span class="info-box-icon bg-my-color-waiting"><i class="fa fa-circle-o"></i></span>

            <div class="info-box-content">
              <span class="info-box-text">Service History Report</span>
              
            </div>
            <!-- /.info-box-content -->
          </div>
      </a>
          <!-- /.info-box -->
        </div>    
        <!-- /.col -->
      </div>
      <!-- /.row -->
	<!-- Main row -->
      <!-- /.row -->
    </section>
    <!-- /.content -->	 
  </div>
 
  <!-- /.content-wrapper -->
  
  <style>
  .bg-my-color{background-color: #367fa9}
  .bg-my-color-completed{background-color: #367fa9}
  .bg-my-color-waiting{background-color: #367fa9}
  </style>