@extends('layouts.app')

@section('content')

<div class="container-fluid">

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
        <div>
            <h4 class="mb-0">Hi, {{ Auth::user()->name }}!</h4>
            @if (session('status'))
                <div class="alert alert-success" role="alert">
                    {{ session('status') }}
                </div>
            @endif
        </div>
        <div class="main-dashboard-header-right">

        </div>
    </div>
    <!-- End Page Header -->


    <!-- row opened -->
    <div class="row">

        <div class="col-lg-12 col-xl-6">
            <div class="card">
                <div class="card-header pb-0">
                    <div class="d-flex justify-content-between">
                        <h4 class="card-title mb-0">Business Statistics (Last 10 days)</h4>
                    </div>
                </div>
                <div class="card-body">

                     <div id="barChart15days"></div>
                </div>
            </div>
            
        </div>


        <div class="col-lg-12 col-xl-6">
            <div class="card">
                <div class="card-header pb-0">
                    <div class="d-flex justify-content-between">
                        <h4 class="card-title mb-0">Member Wallet Balance</h4>

                    </div>
                </div>
                <div class="card-body">

                     <div id="pieChart"></div>
                     <br><br>
                </div>
            </div>
            
        </div>
    </div>
    <!-- row closed -->

    <div class="row">
        <div class="col-md-12 col-lg-6 col-xl-6">
            <div class="card card-table">
                <div class=" card-header p-0 d-flex justify-content-between">
                    <h4 class="card-title mb-1">Fund Hold Report</h4>
                    <a href="javascript:void(0);" class="btn btn-icon btn-sm btn-light bg-transparent rounded-pill" data-bs-toggle="dropdown"><i
                        class="fe fe-more-horizontal"></i></a>

                </div>
                <span class="fs-12 text-muted mb-3"></span>
                <div class="table-responsive country-table">
                    <table class="table table-striped table-bordered mb-0 text-nowrap">
                        <thead>
                            <tr>
                                <th class="wd-lg-25p">Member</th>
                                <th class="wd-lg-25p">Hold Count</th>
                                <th class="wd-lg-25p">Amount</th>
                                <th class="wd-lg-25p">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Whitelabel Partner</td>
                                <td>7</td>
                                <td>₹19,240</td>
                                <td>
                                    <i class="fa fa-eye" style="cursor:pointer;" onclick="window.location.href='hold-report.php?type=master'"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Master Distributor</td>
                                <td>12</td>
                                <td>₹45,800</td>
                                <td>
                                    <i class="fa fa-eye" style="cursor:pointer;" onclick="window.location.href='hold-report.php?type=master'"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Distributor</td>
                                <td>15</td>
                                <td>₹27,900</td>
                                <td>
                                    <i class="fa fa-eye" style="cursor:pointer;" onclick="window.location.href='hold-report.php?type=master'"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Retailer</td>
                                <td>9</td>
                                <td>₹13,760</td>
                                <td>
                                    <i class="fa fa-eye" style="cursor:pointer;" onclick="window.location.href='hold-report.php?type=master'"></i>
                                </td>
                            </tr>

                            <!-- Total Row -->
                            <tr style="font-weight:bold; background:#f5f5f5;">
                                <td>Total</td>
                                <td>43</td>
                                <td>₹10,6700</td>
                                <td></td>
                            </tr>
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-lg-6 col-xl-6">
            <div class="card card-table">
                <div class=" card-header p-0 d-flex justify-content-between">
                    <h4 class="card-title mb-1">Api Wallet Balance</h4>
                </div>
                <span class="fs-12 text-muted mb-3"></span>
                <div class="table-responsive country-table">
                    <table class="table table-striped table-bordered mb-0 text-nowrap">
                        <thead>
                            <tr>
                                <th class="wd-lg-25p">Service Name</th>
                                <th class="wd-lg-25p">Wallet Bal</th>
                                <th class="wd-lg-25p">Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>AEPS Api</td>
                                <td>₹12,580</td>
                                <td>
                                    <i class="fa fa-refresh" style="cursor:pointer;" onclick="refreshAction()"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Money Transfer Api</td>
                                <td>₹8,420</td>
                                <td>
                                    <i class="fa fa-refresh" style="cursor:pointer;" onclick="refreshAction()"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Recharge Api</td>
                                <td>₹2,340</td>
                                <td>
                                    <i class="fa fa-refresh" style="cursor:pointer;" onclick="refreshAction()"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Bill Payment Api</td>
                                <td>₹4,120</td>
                                <td>
                                    <i class="fa fa-refresh" style="cursor:pointer;" onclick="refreshAction()"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Payout Api</td>
                                <td>₹6,900</td>
                                <td>
                                    <i class="fa fa-refresh" style="cursor:pointer;" onclick="refreshAction()"></i>
                                </td>
                            </tr>
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
    </div>   

    <div class="row">
        <div class="col-md-12 col-lg-6 col-xl-3">
            <div class="card">
                <div class="card-header pb-0">
                    <div class="d-flex justify-content-between">
                        <h4 class="card-title mb-0">Monthly Business Analytics</h4>
                    </div>
                </div>
                <div class="card-body">
                     <div id="pieChartAn"></div>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-lg-6 col-xl-3">
            <div class="card">
                <div class="card-header pb-0">
                    <div class="d-flex justify-content-between">
                        <h4 class="card-title mb-0">Month Wise Earning Reports</h4>

                    </div>
                   
                </div>
                <div class="card-body">
                     <div id="pieChartEr"></div>
                </div>
            </div>
        </div>
        <div class="col-md-12 col-lg-6 col-xl-6">
            <div class="card card-table">
                <div class=" card-header p-0 d-flex justify-content-between">
                    <h4 class="card-title mb-1">Top 5 Business Performer</h4>
                </div>
                <span class="fs-12 text-muted mb-3"></span>
                <div class="table-responsive country-table">
                    <table class="table table-striped table-bordered mb-0 text-nowrap">
                        <thead>
                            <tr>
                                <th class="wd-lg-25p">Name</th>
                                <th class="wd-lg-25p">Service</th>
                                <th class="wd-lg-25p">Total</th>
                                <th class="wd-lg-25p">View Report</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Rahul Sharma (RT82465648)</td>
                                <td>AEPS</td>
                                <td>₹12,450</td>
                                <td>
                                    <i class="fa fa-eye" style="cursor:pointer;" onclick="window.location.href='hold-report.php?type=master'"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Pooja Verma (RT92348712)</td>
                                <td>Recharge</td>
                                <td>₹3,220</td>
                                <td>
                                    <i class="fa fa-eye" style="cursor:pointer;" onclick="window.location.href='hold-report.php?type=master'"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Amit Kumar (RT76234988)</td>
                                <td>DMT Transfer</td>
                                <td>₹18,000</td>
                                <td>
                                    <i class="fa fa-eye" style="cursor:pointer;" onclick="window.location.href='hold-report.php?type=master'"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Neha Singh (RT55671234)</td>
                                <td>Payout</td>
                                <td>₹2,740</td>
                                <td>
                                    <i class="fa fa-eye" style="cursor:pointer;" onclick="window.location.href='hold-report.php?type=master'"></i>
                                </td>
                            </tr>

                            <tr>
                                <td>Sunil Yadav (RT44892177)</td>
                                <td>Recharge</td>
                                <td>₹7,560</td>
                                <td>
                                    <i class="fa fa-eye" style="cursor:pointer;" onclick="window.location.href='hold-report.php?type=master'"></i>
                                </td>
                            </tr>
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- row opened -->
    <div class="row">

        <div class="col-md-12 col-lg-12 col-xl-12">
            <div class="card card-table">
                <div class=" card-header p-0 d-flex justify-content-between">
                    <h4 class="card-title mb-1">Last 10 Transactions</h4>
                </div>
                <span class="fs-12 text-muted mb-3"></span>
                <div class="table-responsive country-table">
                    <table class="table table-striped table-bordered mb-0 text-nowrap">
                        <thead>
                            <tr>
                                <th class="wd-lg-25p">Date</th>
                                <th class="wd-lg-25p">Name</th>
                                <th class="wd-lg-25p">Transaction Type</th>
                                <th class="wd-lg-25p">Amount</th>
                                <th class="wd-lg-25p">Status</th>
                                <th class="wd-lg-25p">Reference No.</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>27 Nov 2025</td>
                                <td>Rahul Sharma (RT82465648)</td>
                                <td>AEPS</td>
                                <td>₹1,500</td>
                                <td><span class="text-success">SUCCESS</span></td>
                                <td>25112700012345</td>
                            </tr>

                            <tr>
                                <td>26 Nov 2025</td>
                                <td>Pooja Verma (RT92348712)</td>
                                <td>Recharge</td>
                                <td>₹249</td>
                                <td><span class="text-danger">FAILED</span></td>
                                <td>25112600067890</td>
                            </tr>

                            <tr>
                                <td>25 Nov 2025</td>
                                <td>Amit Kumar (RT76234988)</td>
                                <td>DMT Transfer</td>
                                <td>₹5,000</td>
                                <td><span class="text-warning">PENDING</span></td>
                                <td>25112500987654</td>
                            </tr>

                            <tr>
                                <td>25 Nov 2025</td>
                                <td>Neha Singh (RT55671234)</td>
                                <td>Bill Payment</td>
                                <td>₹820</td>
                                <td><span class="text-success">SUCCESS</span></td>
                                <td>25112500111223</td>
                            </tr>

                            <tr>
                                <td>24 Nov 2025</td>
                                <td>Sunil Yadav (RT44892177)</td>
                                <td>Payout</td>
                                <td>₹2,200</td>
                                <td><span class="text-success">SUCCESS</span></td>
                                <td>25112400555321</td>
                            </tr>
                        </tbody>

                    </table>
                </div>
            </div>
        </div>
    </div>
    <!-- /row -->

    
</div>

@endsection
<script>
    function refreshAction() {
    Swal.fire({
        title: "Please wait…",
        text: "Refreshing service balance",
        timer: 2000,
        showConfirmButton: false,
        allowOutsideClick: false,
        didOpen: () => {
            Swal.showLoading();
        }
    });
}
</script>