@extends('portal::layouts.supplier')
@section('title', __('home.home'))
@section('content')
<section class="portal-page-header">
    <h1>{{ __('home.welcome_message', ['name' => Session::get('user.first_name')]) }}</h1>
</section>
<section class="content portal-dashboard">
    <div class="portal-stat-grid">
        <div class="portal-stat-card portal-stat-card--teal">
            <div class="portal-stat-card__icon"><i class="fas fa-shopping-bag"></i></div>
            <div class="portal-stat-card__body">
                <span class="portal-stat-card__label">@lang('report.total_purchase')</span>
                <strong class="portal-stat-card__value display_currency" data-currency_symbol="true">{{ $contact->total_purchase }}</strong>
            </div>
        </div>
        <div class="portal-stat-card portal-stat-card--green">
            <div class="portal-stat-card__icon"><i class="fas fa-check-circle"></i></div>
            <div class="portal-stat-card__body">
                <span class="portal-stat-card__label">@lang('contact.total_purchase_paid')</span>
                <strong class="portal-stat-card__value display_currency" data-currency_symbol="true">{{ $contact->purchase_paid }}</strong>
            </div>
        </div>
        <div class="portal-stat-card portal-stat-card--orange">
            <div class="portal-stat-card__icon"><i class="fas fa-exclamation-circle"></i></div>
            <div class="portal-stat-card__body">
                <span class="portal-stat-card__label">@lang('contact.total_purchase_due')</span>
                <strong class="portal-stat-card__value display_currency" data-currency_symbol="true">{{ $contact->total_purchase - $contact->purchase_paid }}</strong>
            </div>
        </div>
    </div>
</section>
@endsection