@extends('layouts.app')

@section('content')

<div class="row">

    <div class="col-xl-3 col-md-6">
        <div class="card bg-c-yellow text-white">
            <div class="card-block">
                <div class="row align-items-center">
                    <div class="col">
                        <p class="m-b-5">Estimate</p>
                        <h4 class="m-b-0">{{ $estimate_count }}</h4>
                    </div>
                    <div class="col col-auto text-right">
                        <i class="fas fa-quote-right fa-3x"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card bg-c-green text-white">
            <div class="card-block">
                <div class="row align-items-center">
                    <div class="col">
                        <p class="m-b-5">Sales Order</p>
                        <h4 class="m-b-0">{{ $sales_count }}</h4>
                    </div>
                    <div class="col col-auto text-right">
                        <i class="fas fa-chart-line fa-3x"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card bg-c-pink text-white">
            <div class="card-block">
                <div class="row align-items-center">
                    <div class="col">
                        <p class="m-b-5">Purchase Order</p>
                        <h4 class="m-b-0">{{ $purchase_count }}</h4>
                    </div>                    
                    <div class="col col-auto text-right">
                        <i class="fas fa-shopping-cart fa-3x"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xl-3 col-md-6">
        <div class="card bg-c-blue text-white">
            <div class="card-block">
                <div class="row align-items-center">
                    <div class="col">
                        <p class="m-b-5">Invoice</p>
                        <h4 class="m-b-0">{{ $invoice_count }}</h4>
                    </div>
                    <div class="col col-auto text-right">
                        <i class="fas fa-file-invoice fa-3x"></i>
                    </div>
                </div>
            </div>
        </div>
    </div> 
</div>

@include('admin.dashboard.inc.recentEstimate')
@include('admin.dashboard.inc.recentInvoice')

@endsection


@section('scripts')

@endsection