@extends('layouts.accounts')

@section('breadcrumb')
<div class="main-breadcrumb d-flex flex-wrap align-items-center my-4 position-relative gap-3">
    <h2 class="breadcrumb-title mb-0 flex-grow-1 fs-16">{{ tr('dashboard') }}</h2>
    <div class="flex-shrink-0">
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb justify-content-end mb-0">
                <li><i class="ri-home-4-line fs-16 me-2 lh-sm text-primary"></i></li>
                <li class="breadcrumb-item"><a href="{{ route('accounts.dashboard') }}">Home</a></li>
            </ol>
        </nav>
    </div>
</div>
@endsection

@section('content')
<div class="row">

    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="px-5 py-6 bg-light bg-opacity-30 rounded-3 d-flex align-items-center">
                    <div class="flex-grow-1">
                        <p class="mb-3 text-muted">Successful Deposits</p>
                        <h5 class="mb-0 fw-bold">
                            {{ $deposits ?: 0 }}
                        </h5>
                    </div>
                    <div class="avatar-item avatar-lg rounded-2 avatar-title text-success bg-success-subtle border-0">
                        <i class="uil uil-arrow-down fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="px-5 py-6 bg-light bg-opacity-30 rounded-3 d-flex align-items-center">
                    <div class="flex-grow-1">
                        <p class="mb-3 text-muted">Payouts (USD)</p>
                        <h5 class="mb-0 fw-bold">
                            {{ $payoutsUSD ?: 0 }}
                        </h5>
                    </div>
                    <div class="avatar-item avatar-lg rounded-2 avatar-title text-danger bg-danger-subtle border-0">
                        <i class="uil uil-arrow-up fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}

    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="px-5 py-6 bg-light bg-opacity-30 rounded-3 d-flex align-items-center">
                    <div class="flex-grow-1">
                        <p class="mb-3 text-muted">Payouts (INR)</p>
                        <h5 class="mb-0 fw-bold">
                            {{ $payoutsINR ?: 0 }}
                        </h5>
                    </div>
                    <div class="avatar-item avatar-lg rounded-2 avatar-title text-danger bg-danger-subtle border-0">
                        <i class="uil uil-arrow-up fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="px-5 py-6 bg-light bg-opacity-30 rounded-3 d-flex align-items-center">
                    <div class="flex-grow-1">
                        <p class="mb-3 text-muted">USD Balance in Lulu</p>
                        <h5 class="mb-0 fw-bold">
                            {{ $balanceUSD ?: 0 }}
                        </h5>
                    </div>
                    <div class="avatar-item avatar-lg rounded-2 avatar-title text-primary bg-primary-subtle border-0">
                        <i class="uil uil-wallet fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="px-5 py-6 bg-light bg-opacity-30 rounded-3 d-flex align-items-center">
                    <div class="flex-grow-1">
                        <p class="mb-3 text-muted">INR Balance in BCB</p>
                        <h5 class="mb-0 fw-bold">
                            {{ $balanceINR ?: 0 }}
                        </h5>
                    </div>
                    <div class="avatar-item avatar-lg rounded-2 avatar-title text-primary bg-primary-subtle border-0">
                        <i class="uil uil-wallet fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="px-5 py-6 bg-light bg-opacity-30 rounded-3 d-flex align-items-center">
                    <div class="flex-grow-1">
                        <p class="mb-3 text-muted">INR Balance in KVB</p>
                        <h5 class="mb-0 fw-bold">
                            {{ $kvbBalance ?: 0 }}
                        </h5>
                    </div>
                    <div class="avatar-item avatar-lg rounded-2 avatar-title text-primary bg-primary-subtle border-0">
                        <i class="uil uil-wallet fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="px-5 py-6 bg-light bg-opacity-30 rounded-3 d-flex align-items-center">
                    <div class="flex-grow-1">
                        <p class="mb-3 text-muted">INR Balance in Axis</p>
                        <h5 class="mb-0 fw-bold">
                            {{ $axisBalance ?: 0 }}
                        </h5>
                    </div>
                    <div class="avatar-item avatar-lg rounded-2 avatar-title text-primary bg-primary-subtle border-0">
                        <i class="uil uil-wallet fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <div class="px-5 py-6 bg-light bg-opacity-30 rounded-3 d-flex align-items-center">
                    <div class="flex-grow-1">
                        <p class="mb-3 text-muted">INR Balance in BU Bank</p>
                        <h5 class="mb-0 fw-bold">
                            {{ $buBalance ?: 0 }}
                        </h5>
                    </div>
                    <div class="avatar-item avatar-lg rounded-2 avatar-title text-primary bg-primary-subtle border-0">
                        <i class="uil uil-wallet fs-3"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
@endsection