@extends('layouts.main')

@section('content')
<section class="content-header">
    <h1>Dashboard</h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i>Home</a></li>
    </ol>
</section>
<hr style="border: 3px groove #3c8dbc;">


<section class="content">
  
  <div class="row">
    @can('quotation-list')    
    <div class="col-lg-3 col-xs-6">
          
      <div class="small-box bg-aqua" onclick="location.href='{{ route('quotations.index') }}'" style="cursor: pointer;">
            
        <div class="inner">
              
          <h3>{{ $quotations }}</h3>

          <p>Quotations</p>
            
        </div>
      </div>
        
    </div>
    @endcan
    @can('pi-list')    

    <div class="col-lg-3 col-xs-6">
          
      <div class="small-box bg-red" onclick="location.href='{{ route('pi-index') }}'" style="cursor: pointer;">
            
        <div class="inner">
              
          <h3>{{ $pi }}</h3>

          <p>PI</p>
        </div>
      </div>
        
    </div>
    @endcan
    @can('company-list')   
    <div class="col-lg-3 col-xs-6">
          
      <div class="small-box bg-green" onclick="location.href='{{ route('companies') }}'" style="cursor: pointer;">
            
        <div class="inner">
              
          <h3>{{ $companies }}</h3>

          <p>Comapnies</p>
    
        </div>
          
      </div>
        
    </div>
    @endcan
    @can('invoice-list')       
    <div class="col-lg-3 col-xs-6">
          
      <div class="small-box bg-yellow" onclick="location.href='{{ route('invoice-index') }}'" style="cursor: pointer;">
            
        <div class="inner">
              
          <h3>{{ $invoice }}</h3>

            <p>Invoice</p>
            
          </div>
  
        </div>
        
      </div>
    @endcan
    </div>
    <div class="row">
    @can('user-list')    
    <div class="col-lg-3 col-xs-6">
          
      <div class="small-box bg-orange" onclick="location.href='{{ route('users.index') }}'" style="cursor: pointer;">
            
        <div class="inner">
              
          <h3>{{ $users }}</h3>

          <p>Users</p>
            
        </div>
          
      </div>
        
    </div>
    @endcan
	@can('product-list')       
    <div class="col-lg-3 col-xs-6">
          
      <div class="small-box bg-teal" onclick="location.href='{{ route('products') }}'" style="cursor: pointer;">
            
        <div class="inner">
              
          <h3>{{ $products }}</h3>

            <p>Products</p>
            
          </div>
            
          
          
        </div>
        
      </div>
    @endcan
	@can('inventory-list')    
    <div class="col-lg-3 col-xs-6">
          
      <div class="small-box bg-purple" onclick="location.href='{{ route('inventory') }}'" style="cursor: pointer;">
            
        <div class="inner">
              
          <h3>{{ $inword }}</h3>

          <p>Stock</p>
            
        </div>

      </div>
        
    </div>
    @endcan
	@can('inventory-list')   
    <div class="col-lg-3 col-xs-6">
          
      <div class="small-box bg-maroon" onclick="location.href='{{ route('inventory') }}'" style="cursor: pointer;">
            
        <div class="inner">
              
          <h3>{{ $dispatched }}</h3>

          <p>Dispatched</p>
    
        </div>
        </div>
          
      </div>
        
    </div>
    @endcan
    </div>
	
  </div>

</section>

@endsection
