@include('admin/header')


<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">

    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0 font-size-18">Dashboard</h4>

                    </div>
                </div>
            </div>
            <!-- end page title -->

            <div class="row">

                <div class="col-xl-12">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="card mini-stats-wid bg-success text-white">
                                <div class="card-body">
                                    <div class="d-flex">
                                        <div class="flex-grow-1">
                                            <p class="text-white fw-medium">Business Code</p>
                                            <h4 class="mb-0"></h4>
                                        </div>

                                        <div class="flex-shrink-0 align-self-center">
                                            <div class="mini-stat-icon avatar-sm rounded-circle bg-primary">
                                                <span class="avatar-title" style="background: #056f48;">
                                                    <i class="bx bx-copy-alt font-size-24"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card mini-stats-wid bg-primary text-white">
                                <div class="card-body">
                                    <div class="d-flex">
                                        <div class="flex-grow-1">
                                            <p class="text-white fw-medium">Username</p>
                                            <h4 class="mb-0"></h4>
                                        </div>

                                        <div class="flex-shrink-0 align-self-center ">
                                            <div class="avatar-sm rounded-circle bg-primary mini-stat-icon">
                                                <span class="avatar-title rounded-circle" style="background: #152fac;">
                                                    <i class="bx bx-archive-in font-size-24"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card mini-stats-wid bg-warning text-white">
                                <div class="card-body">
                                    <div class="d-flex">
                                        <div class="flex-grow-1">
                                            <p class="text-white fw-medium">Mobile</p>
                                            <h4 class="mb-0"></h4>
                                        </div>

                                        <div class="flex-shrink-0 align-self-center">
                                            <div class="avatar-sm rounded-circle bg-primary mini-stat-icon">
                                                <span class="avatar-title rounded-circle" style="background: #9b6508;">
                                                    <i class="bx bx-purchase-tag-alt font-size-24"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="card mini-stats-wid  bg-danger text-white">
                                <div class="card-body">
                                    <div class="d-flex">
                                        <div class="flex-grow-1">
                                            <p class="text-white fw-medium">Email</p>
                                            <h4 class="mb-0"></h4>
                                        </div>

                                        <div class="flex-shrink-0 align-self-center">
                                            <div class="avatar-sm rounded-circle bg-primary mini-stat-icon">
                                                <span class="avatar-title rounded-circle" style="background: #8c0c0c;">
                                                    <i class="bx bx-purchase-tag-alt font-size-24"></i>
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">

                        <div class="col-lg-3">
                            <div class="card">
                                <div class="card-body p-4">
                                    <div class="text-center mb-3">
                                        <img src="{{ URL('/') }}/admin/assets/images/sysca-logo.png" alt=""
                                            class="avatar-sm">
                                        <div class="text-body">
                                            <h5 class="mt-4 mb-2 font-size-15">0.00</h5>
                                        </div>
                                        <p class="mb-0 text-muted"><i class="bx bx-trending-up text-success"
                                                style="font-size: 20px; "></i><span> INR
                                                Balance</span></p>
                                    </div>

                                </div>
                            </div>
                            <!--end card-->
                        </div>
                        <!--end col-->

                        <div class="col-lg-3">
                            <div class="card">
                                <div class="card-body p-4">
                                    <div class="text-center mb-3">
                                        <img src="{{ URL('/') }}/admin/assets/images/sysca-logo.png" alt=""
                                            class="avatar-sm">
                                        <div class="text-body">
                                            <h5 class="mt-4 mb-2 font-size-15">0.00</h5>
                                        </div>
                                        <p class="mb-0 text-muted"><i class="bx bx-trending-up text-success"
                                                style="font-size: 20px; "></i><span> Total Purchase</span></p>
                                    </div>

                                </div>
                            </div>
                            <!--end card-->
                        </div>
                        <!--end col-->
                        <div class="col-lg-3">
                            <div class="card">
                                <div class="card-body p-4">
                                    <div class="text-center mb-3">
                                        <img src="{{ URL('/') }}/admin/assets/images/sysca-logo.png" alt=""
                                            class="avatar-sm">
                                        <div class="text-body">
                                            <h5 class="mt-4 mb-2 font-size-15">0.00</h5>
                                        </div>
                                        <p class="mb-0 text-muted"><i class="bx bx-trending-up text-success"
                                                style="font-size: 20px; "></i><span> Today Earned</span></p>
                                    </div>
                                </div>
                            </div>
                            <!--end card-->
                        </div>
                        <!--end col-->
                        <div class="col-lg-3">
                            <div class="card">
                                <div class="card-body p-4">
                                    <div class="text-center mb-3">
                                        <img src="{{ URL('/') }}/admin/assets/images/sysca-logo.png"
                                            alt="" class="avatar-sm">
                                        <div class="text-body">
                                            <h5 class="mt-4 mb-2 font-size-15">0.00</h5>
                                        </div>
                                        <p class="mb-0 text-muted"><i class="bx bx-trending-up text-success"
                                                style="font-size: 20px; "></i><span> Total Cashback </span></p>
                                    </div>
                                </div>
                            </div>
                            <!--end card-->
                        </div>
                        <!--end col-->



                    </div>

                    <div class="row">

                        <div class="col-lg-3">
                            <div class="card">
                                <div class="card-body p-4">
                                    <div class="text-center mb-3">
                                        <img src="{{ URL('/') }}/admin/assets/images/sysca-logo.png"
                                            alt="" class="avatar-sm">
                                        <div class="text-body">
                                            <h5 class="mt-4 mb-2 font-size-15">0.00</h5>
                                        </div>
                                        <p class="mb-0 text-muted"><i class="bx bx-trending-up text-success"
                                                style="font-size: 20px; "></i><span> Paid Cashback</span></p>
                                    </div>

                                </div>
                            </div>
                            <!--end card-->
                        </div>
                        <!--end col-->

                        <div class="col-lg-3">
                            <div class="card">
                                <div class="card-body p-4">
                                    <div class="text-center mb-3">
                                        <img src="{{ URL('/') }}/admin/assets/images/sysca-logo.png"
                                            alt="" class="avatar-sm">
                                        <div class="text-body">
                                            <h5 class="mt-4 mb-2 font-size-15">0.00</h5>
                                        </div>
                                        <p class="mb-0 text-muted"><i class="bx bx-trending-up text-success"
                                                style="font-size: 20px; "></i><span> Referral Cashback</span></p>
                                    </div>

                                </div>
                            </div>
                            <!--end card-->
                        </div>
                        <!--end col-->
                        <div class="col-lg-3">
                            <div class="card">
                                <div class="card-body p-4">
                                    <div class="text-center mb-3">
                                        <img src="{{ URL('/') }}/admin/assets/images/sysca-logo.png"
                                            alt="" class="avatar-sm">
                                        <div class="text-body">
                                            <h5 class="mt-4 mb-2 font-size-15">0.00</h5>
                                        </div>
                                        <p class="mb-0 text-muted"><i class="bx bx-trending-up text-success"
                                                style="font-size: 20px; "></i><span> Referral Paid</span></p>
                                    </div>
                                </div>
                            </div>
                            <!--end card-->
                        </div>
                        <!--end col-->
                        <div class="col-lg-3">
                            <div class="card">
                                <div class="card-body p-4">

                                    <div class="text-center mb-3">
                                        <img src="{{ URL('/') }}/admin/assets/images/sysca-logo.png"
                                            alt="" class="avatar-sm">
                                        <div class="text-body">
                                            <h5 class="mt-4 mb-2 font-size-15">0.00</h5>
                                        </div>
                                        <p class="mb-0 text-muted"><i class="bx bx-trending-down text-danger"
                                                style="font-size: 20px; "></i><span> Referral Missed</span></p>
                                    </div>
                                </div>
                            </div>
                            <!--end card-->
                        </div>
                        <!--end col-->




                    </div>

                </div>
                <!-- end row -->



            </div>
        </div>
        <!-- end row -->

    </div>
    <!-- container-fluid -->
</div>
<!-- End Page-content -->


<!-- subscribeModal -->
{{-- <div class="modal fade" id="subscribeModal" tabindex="-1" aria-labelledby="subscribeModalLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header border-bottom-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="text-center mb-4">
                        <div class="avatar-md mx-auto mb-4">
                            <div class="avatar-title bg-light rounded-circle text-primary h1">
                                <i class="mdi mdi-email-open"></i>
                            </div>
                        </div>

                        <div class="row justify-content-center">
                            <div class="col-xl-10">
                                <h4 class="text-primary">Subscribe !</h4>
                                <p class="text-muted font-size-14 mb-4">Subscribe our newletter and get notification to
                                    stay update.</p>

                                <div class="input-group bg-light rounded">
                                    <input type="email" class="form-control bg-transparent border-0"
                                        placeholder="Enter Email address" aria-label="Recipient's username"
                                        aria-describedby="button-addon2">

                                    <button class="btn btn-primary" type="button" id="button-addon2">
                                        <i class="bx bxs-paper-plane"></i>
                                    </button>

                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}
<!-- end modal -->


@include('admin/footer')