@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="col-md-12">

            <div class="card-deck mb-4">
                <div class="card card-body">
                    <p class="text-uppercase text-danger border-bottom border-danger pb-2">{{ __('Unpaid amount') }}</p>
                    <p class="font-weight-bold card-title">{{ auth()->user()->currency . $user_due }}</p>
                    <p class="mb-4">{{ __('From users') }}</p>
                    <p class="font-weight-bold card-title">{{ auth()->user()->currency . $reseller_due }}</p>
                    <p>{{ __('From resellers') }}</p>
                </div>
                <div class="card card-body">
                    <p class="text-uppercase text-success border-bottom border-success pb-2">{{ __('Profit & loss') }}</p>
                    <p class="font-weight-bold card-title">{{ auth()->user()->currency . $profit_last_month }}</p>
                    <p class="mb-4">{{ __('Last month') }}</p>
                    <p class="font-weight-bold card-title">{{ auth()->user()->currency . $profit_this_year }}</p>
                    <p>{{ __('This year') }}</p>
                </div>
                <div class="card card-body">
                    <p class="text-uppercase text-muted border-bottom pb-2">{{ __('Income & Expense') }}</p>
                    <p class="font-weight-bold card-title">{{ auth()->user()->currency . ($income_y + $upay_y + $rpay_y) }}</p>
                    <p class="mb-4">{{ __('Income this year') }}</p>
                    <p class="font-weight-bold card-title">{{ auth()->user()->currency . ($expense_y + $salary_y) }}</p>
                    <p>{{ __('Expense this year') }}</p>
                </div>
            </div>

            <div class="card-deck mb-4">
                <div class="card card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <i class="fa fa-dollar-sign fa-4x text-light"></i>
                        </div>
                        <div class="col-md-8">
                            <p class="text-right">{{ __('Other income this year') }}</p>
                            <p class="font-weight-bold card-title text-right">{{ auth()->user()->currency . $income_y }}</p>
                        </div>
                    </div>
                </div>
                <div class="card card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <i class="fa fa-funnel-dollar fa-4x text-light"></i>
                        </div>
                        <div class="col-md-8">
                            <p class="text-right">{{ __('Bills/office expense this year') }}</p>
                            <p class="font-weight-bold card-title text-right">{{ auth()->user()->currency . $expense_y }}</p>
                        </div>
                    </div>
                </div>
                <div class="card card-body">
                    <div class="row">
                        <div class="col-md-4">
                            <i class="fa fa-file-invoice-dollar fa-4x text-light"></i>
                        </div>
                        <div class="col-md-8">
                            <p class="text-right">{{ __('Staff salary this year') }}</p>
                            <p class="font-weight-bold card-title text-right">{{ auth()->user()->currency . $salary_y }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection