<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-warning"></i></span>

    <div class="info-box-content">
      <a href="products/before_expire">
        <span class="info-box-text">{{ Trans('products.products_expire')}}</span>
      </a>
      <span class="info-box-number">
      {{ Trans('dashboard.no') }}
      </span>
    </div>
    <!-- /.info-box-content -->
  </div>
  <!-- /.info-box -->
</div>
<!-- /.col -->
<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-usd"></i></span>

    <div class="info-box-content">
      <span class="info-box-text">{{ Trans('dashboard.total_income') }}</span>
      <span class="info-box-number">{{money($saleSoFar)}}</span>
    </div>
    <!-- /.info-box-content -->
  </div>
  <!-- /.info-box -->
</div>
<!-- /.col -->

<!-- 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-shopping-cart"></i></span>

    <div class="info-box-content">
      <span class="info-box-text">{{ Trans('dashboard.sale_today') }}</span>
      <span class="info-box-number">{{ money($sale_today) }}</span>
    </div>
    <!-- /.info-box-content -->
  </div>
  <!-- /.info-box -->
</div>
<!-- /.col -->
<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-money"></i></span>

    <div class="info-box-content">
      <a href="{{ route('invoices.index', 'invoice_id=&start_date=&end_date=&type=deposit&search=true')}}">
        <span class="info-box-text">{{ Trans('dashboard.invoices_deposit') }}</span>
      </a>
      <span class="info-box-number">
        {{ $invoicesDeposit ? Trans('dashboard.number',['attribute'=>count($invoicesDeposit)]) : Trans('dashboard.no') }}
      </span>
    </div>
    <!-- /.info-box-content -->
  </div>
  <!-- /.info-box -->
</div>
<!-- /.col -->
