@extends('layouts.app')

@section('content')

<div class="row">
  <div class="col-xl-3 col-lg-6 col-12" {{ (auth()->user()->roles[0]->hasPermissionTo( 'client-list','client-create','client-edit','client-delete','client-invoice','client-ledger','client-refund-payments')) == true ? "" : "hidden"}}>
    <div class="card gradient-orange-amber">
      <div class="card-body">
        <div class="px-3 py-3">
          <div class="media">
            <div class="align-center">
              <i class="icon-handbag text-white font-large-2 float-left"></i>
            </div>
            <div class="media-body text-white text-right">
              <h4 class="text-white">PKR {{$clients}}</h4>
              <span>Customer Balance</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-xl-3 col-lg-6 col-12" {{ (auth()->user()->roles[0]->hasPermissionTo('vendor-edit','vendor-delete','vendor-create','vendor-list')) == true ? "" : "hidden"}}>
    <div class="card gradient-light-blue-cyan">
      <div class="card-body">
        <div class="px-3 py-3">
          <div class="media">
            <div class="align-center">
              <i class="icon-bar-chart text-white font-large-2 float-left"></i>
            </div>
            <div class="media-body text-white text-right">
              <h4 class="text-white">PKR {{$vendors}}</h4>
              <span>Vendor Balance</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-xl-3 col-lg-6 col-12" {{ (auth()->user()->roles[0]->hasPermissionTo( 'job-list','job-create','job-edit','job-delete')) == true ? "" : "hidden"}}>
    <div class="card gradient-red-pink">
      <div class="card-body">
        <div class="px-3 py-3">
          <div class="media">
            <div class="align-center">
              <i class="ft ft-user-plus text-white font-large-2 float-left"></i>
            </div>
            <div class="media-body text-white text-right">
              <h4 class="text-white">{{$pending_jobs}}</h4>
              <span>No. of pending jobs</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-xl-3 col-lg-6 col-12" {{ (auth()->user()->roles[0]->hasPermissionTo( 'job-list','job-create','job-edit','job-delete')) == true ? "" : "hidden"}}>
    <div class="card gradient-mint">
      <div class="card-body">
        <div class="px-3 py-3">
          <div class="media">
            <div class="align-center">
              <i class="ft ft-pie-chart text-white font-large-2 float-left"></i>
            </div>
            <div class="media-body text-white text-right">
              <h4 class="text-white">{{$current_month_file  }}</h4>
              <span>Current month files</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-xl-3 col-lg-6 col-12" {{ (auth()->user()->roles[0]->hasPermissionTo( 'shipping-list','shipping-create','shipping-edit','shipping-delete')) == true ? "" : "hidden"}}>
    <div class="card gradient-light-blue-cyan">
      <div class="card-body">
        <div class="px-3 py-3">
          <div class="media">
            <div class="align-center">
              <i class="icon-handbag text-white font-large-2 float-left"></i>
            </div>
            <div class="media-body text-white text-right">
              <h4 class="text-white">PKR {{$shipping_deposit}}</h4>
              <span>Shipping line deposit amount</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-xl-3 col-lg-6 col-12" {{ (auth()->user()->roles[0]->hasPermissionTo( 'warehouse-selfclearing','warehouse-localpurchase','warehouse-clientinventory','warehouse-deliverygoods','warehouse-payment')) == true ? "" : "hidden"}}>
    <div class="card gradient-mint">
      <div class="card-body">
        <div class="px-3 py-3">
          <div class="media">
            <div class="align-center">
              <i class="icon-bar-chart text-white font-large-2 float-left"></i>
            </div>
            <div class="media-body text-white text-right">
              <h4 class="text-white">PKR {{$inventory}}</h4>
              <span>Inventory balance</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  @if (auth()->user()->roles[0]->name == 'admin')
    <div class="col-xl-3 col-lg-6 col-12">
      <div class="card gradient-shdow-night">
        <div class="card-body">
          <div class="px-3 py-3">
            <div class="media">
              <div class="align-center">
                <i class="ft ft-clock text-white font-large-2 float-left"></i>
              </div>
              <div class="media-body text-white text-right">
                <h4 class="text-white">{{$pending_approvals}}</h4>
                <a href="/pendingApprovals" class="white"><span>No. of pending approvals</span></a> 
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  @endif
</div>
    
@endsection