<html lang="<?php echo e(config('app.locale')); ?>" itemscope itemtype="http://schema.org/WebPage">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title> </title> 

    <link rel="stylesheet" href="<?php echo e(asset('assets/global/css/bootstrap.min.css')); ?>">
    <!-- fontawesome 5  -->
    <link rel="stylesheet" href="<?php echo e(asset('assets/global/css/all.min.css')); ?>">
    <!-- lineawesome font -->
    <link rel="stylesheet" href="<?php echo e(asset('assets/global/css/line-awesome.min.css')); ?>">
    <link rel="stylesheet" href="<?php echo e(asset('assets/global/css/select2.min.css')); ?>">

    <!-- main css -->
        <link rel="stylesheet" href="<?php echo e(asset('assets/templates/basic/css/lightcase.css')); ?>"> 
            <link rel="stylesheet" href="<?php echo e(asset('assets/templates/basic/css/slick.css')); ?>"> 
    <link rel="stylesheet" href="<?php echo e(asset('assets/templates/basic/user/css/main.css')); ?>"> 
<style>
        .export{
            padding: 12px 15px;
        }
    </style>
    
<style>
    .widget-wrapper{
         background: #fff;
         border: 1px solid #e5e5e5;
         border-radius: 5px;
     }
    .payment-statistics {
        padding: 8px 20px;
        text-align: center;
    }
   .widget_select {
        border: 1px solid #d3d3d3;
        border-radius: 3px;
    }
    .border--end {
        border-right: 1px solid #e5e5e5; 
    }
    @media (max-width: 1199px) {
        .border--end {
            border-right: 0; 
        }
    }
    .reports {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        margin-right: 11px;
    }
    @media (max-width: 1199px) {
        .reports { 
            border-top: 1px solid #e5e5e5;
        margin-right: 0;
        }
    }
    @media (max-width: 1199px) {
        .payment-statistics { 
            margin-bottom: 22px;
        }
    }
    @media (max-width: 575px) {
        .payment-statistics { 
            margin-bottom: 12px;
        }
    }
    .reports::before {
        position: absolute;
        content: ""; 
        width: .1px; 
        height: 100%; 
        left: 50%;
        top: 50%; 
        transform: translate(-50%, -50%); 
        background: #ddd; 
    }
    .reports::after {
        position: absolute;
        content: ""; 
        width: 100%; 
        height: 2px; 
        left: 50%;
        top: 50%; 
        transform: translate(-50%, -50%); 
        background: #c5c5c5; 
    }
    .widget-card-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .widget-card {
        width: 50%;
        border-bottom: 1px solid #e5e5e5;
        padding: 31px 15px;
    }
    @media (max-width: 424px) {
        .widget-card { 
            padding: 15px 10px;  
        }
    }
    .widget-card-success .widget-card {
        background-color: rgba(40, 199, 111, 0.1); 
    }
    .widget-card-warning .widget-card {
        background-color: rgba(255, 159, 67, 0.1); 
    }
    .widget-card:nth-of-type(4n+2), .widget-card:nth-of-type(4n+4) {
        border-right: 0;
    }
    .widget-card:nth-of-type(4n+3), .widget-card:nth-of-type(4n+4) {
        border-bottom: 0;
    }
    .widget-card__number {
        margin-bottom: 5px;
    }
    .widget-card p {
        font-size: 14px; 
    }
    @media (max-width: 424px) {
        .widget-card__number {
            font-size: 15px;
        }
        .widget-card p {
            font-size: 12px; 
        }
    }
    .widget_select {
        padding: 3px 3px;
        font-size: 13px;
    }
    .payment-statistics {
        padding: 8px 20px;
        text-align: center;
    }

    .no-data-found {
        position: absolute;
        left: 52%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding-left: 0;
        padding-right: 0;
    }
</style>
</head><body class="expansion-alids-init">

    <div class="merchant-dashboard">
        <div class="d-sidebar h-100 rounded">
    <button class="sidebar-close-btn bg--base text-white"><i class="las la-times"></i></button>
    <div class="d-sidebar__thumb">
        <a href="https://script.viserlab.com/paymenthub"><img src="https://script.viserlab.com/paymenthub/assets/images/logo_icon/logo_dark.png" alt=""></a>
    </div>
    <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 93vh;"><div class="sidebar-menu-wrapper" id="sidebar-menu-wrapper" style="overflow: hidden; width: auto; height: 93vh;">
        <ul class="sidebar-menu">

            <li class="sidebar-menu__item active">
                <a href="https://script.viserlab.com/paymenthub/merchant/dashboard" class="sidebar-menu__link">
                    <i class="las la-home"></i>
                    Dashboard                </a>
            </li>

            <li class="sidebar-menu__item ">
                <a href="https://script.viserlab.com/paymenthub/merchant/deposit/history" class="sidebar-menu__link">
                    <i class="las la-history"></i>
                    Payment History                </a>
            </li>

            <li class="sidebar-menu__item ">
                <a href="https://script.viserlab.com/paymenthub/merchant/gateway/methods" class="sidebar-menu__link">
                    <i class="las la-credit-card"></i>
                    Gateway Methods                </a>
            </li>

            <li class="sidebar-menu__item ">
                <a href="https://script.viserlab.com/paymenthub/merchant/calculate-charge" class="sidebar-menu__link">
                    <i class="las la-calculator"></i>
                    Calculate Charge                </a>
            </li> 

            <li class="sidebar-menu__item ">
                <a href="https://script.viserlab.com/paymenthub/merchant/withdraws" class="sidebar-menu__link">
                    <i class="las la-money-bill-wave-alt"></i>
                    Withdraws                </a>
            </li>

            <li class="sidebar-menu__item ">
                <a href="https://script.viserlab.com/paymenthub/merchant/transactions" class="sidebar-menu__link">
                    <i class="las la-exchange-alt"></i>
                    Transactions                </a>
            </li>

            <li class="sidebar-menu__item ">
                <a href="https://script.viserlab.com/paymenthub/merchant/profile-setting" class="sidebar-menu__link">
                    <i class="las la-cogs"></i>
                    Setting                </a>
            </li>

        </ul><!-- sidebar-menu end -->
        <div class="user-profile">
            <div class="user-profile-info">
                <div class="user-profile-info__icon">
                    <i class="las la-user"></i>
                </div>
                <div class="user-profile-info__content">
                    <h6 class="user-profile-info__name"><span>@</span>alexfantas...</h6>
                    <p class="user-profile-info__desc">[Email is protecte...</p>
                </div>
            </div>
            <button type="button" class="user-profile-dots dropdown-toggle" id="exportMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="fas fa-ellipsis-h"></i>
            </button>
             <div class="dropdown-menu" aria-labelledby="exportMenuButton">
                <a class="dropdown-item" href="https://script.viserlab.com/paymenthub/merchant/profile-setting">
                    <i class="las la-cogs"></i> Setting                </a>
                <a class="dropdown-item" href="https://script.viserlab.com/paymenthub/merchant/logout">
                    <i class="las la-sign-out-alt"></i> Logout                </a>
            </div>
        </div>
    </div><div class="slimScrollBar" style="background: rgb(0, 0, 0); width: 7px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 7px; z-index: 99; right: 1px; height: 422.2px;"></div><div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51); opacity: 0.2; z-index: 90; right: 1px;"></div></div>
</div>

        <div class="dashboard-top-nav">
    <div class="row align-items-center">
        <div class="col-3 d-lg-block d-none">
            <h5 class="page-title">Dashboard</h5>
        </div>
        <div class="col-3 d-lg-none d-block">
            <button class="sidebar-open-btn"><i class="las la-bars"></i></button>
        </div>
        <div class="col-9">
            <div class="d-flex flex-wrap justify-content-end align-items-center">
                <ul class="header-top-menu">
                    <li class="m-0">
                        <a href="https://script.viserlab.com/paymenthub/ticket" class="btn btn--base btn-sm">
                            <i class="las la-headset"></i>
                            Get Support                        </a>
                    </li>
                </ul>
                <div class="header-user">
                    <a href="https://script.viserlab.com/paymenthub/merchant/logout" class="name btn--dark btn-sm">
                        <i class="las la-sign-out-alt"></i>
                        Logout                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

        <div class="merchant-dashboard__body mt-5">
            <div class="dashboard-container">
                                <div class="mb-4">
    <div class="notice">
                <div class="alert border border--warning" role="alert">
                    <div class="alert__icon d-flex align-items-center text--warning">
                        <i class="fas fa-bell"></i>
                    </div>
                    <p class="alert__message">
                        <span class="fw-bold title">Please Allow / Reset Browser Notification</span>
                        <br>
                        <small class="content">
                            If you want to get push notification then you have to allow notification from your browser.                        </small>
                    </p>
                </div>
            </div>

     
</div>


<div class="row mb-3 gy-4 mb-5">
    <div class="col-12 text-end">
        <select name="payment_statistics" class="widget_select text--white" id="payment_statistics">
            <option value="today">Today</option>
            <option value="week">This Week</option>
            <option value="month">This Month</option>
            <option value="year" selected="">This Year</option>
        </select>
        <select name="payment_status" class="widget_select text--white ms-1" id="payment_status">
            <option value="" selected="">All</option>
            <option value="initiated">Initiated</option> 
            <option value="successful">Succeed</option> 
            <option value="rejected">Canceled</option> 
        </select>
    </div>
    <div class="html"><div class="col-12">
    <div class="widget-wrapper">
        <div class="row">
            <div class="col-xl-7 border--end position-relative">
                <div>
                    <div class="payment_canvas"><canvas height="190" id="payment_chart" class="mt-4"></canvas></div>
                    <h5 class="payment-statistics no-data-found">No Data Found</h5>
                </div>
            </div>
            <div class="col-xl-5 ps-xl-0 pe-xl-0">
                <div class="reports">
                    <div class="widget-card-wrapper">
                        <div class="widget-card">
                            <h3 class="widget-card__number">$0.00</h3>
                            <p>Payment Requests</p>
                        </div>
                        <div class="widget-card">
                            <h3 class="widget-card__number">$0.00</h3>
                            <p>Initiated Payment</p>
                        </div>
                        <div class="widget-card">
                            <h3 class="widget-card__number">$0.00</h3>
                            <p>Succeed Payment</p>
                        </div>
                        <div class="widget-card">
                            <h3 class="widget-card__number">$0.00</h3>
                            <p>Canceled Payment</p>
                        </div>
                    </div>
                    <div class="widget-card-wrapper">
                        <div class="widget-card">
                            <h3 class="widget-card__number">$0.00</h3>
                            <p>Total Withdraw</p>
                        </div>
                        <div class="widget-card">
                            <h3 class="widget-card__number">$0.00</h3>
                            <p>Pending Withdraw</p>
                        </div>
                        <div class="widget-card">
                            <h3 class="widget-card__number">$0.00</h3>
                            <p>Approved Withdraw</p>
                        </div>
                        <div class="widget-card">
                            <h3 class="widget-card__number">$0.00</h3>
                            <p>Rejected Withdraw</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



</div>
</div>

<div class="row align-items-center mb-3">
    <div class="col-12">
        <div class="justify-content-between d-flex flex-wrap align-items-center">
            <h6>Latest Transactions</h6>
            <div class="row">
                <div class="dropdown">
    <button class=" btn btn-sm btn-outline--base dropdown-toggle d-flex align-items-center" type="button" id="exportMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Export as    </button>
    <div class="dropdown-menu p-0" aria-labelledby="exportMenuButton">
        <a class="dropdown-item" href="https://script.viserlab.com/paymenthub/merchant/dashboard?export_type=excel">
            <i class="las la-file-excel"></i> Excel        </a>
        <a class="dropdown-item" href="https://script.viserlab.com/paymenthub/merchant/dashboard?export_type=csv">
            <i class="las la-file-csv"></i> Csv        </a>
        <a class="dropdown-item" href="https://script.viserlab.com/paymenthub/merchant/dashboard?export_type=pdf">
            <i class="las la-file-pdf"></i> PDF        </a>
    </div>
</div>

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

<div class="accordion table--acordion" id="transactionAccordion">
            <div class="accordion-item transaction-item sent-item">
            <h2 class="accordion-header" id="h-1">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-1" aria-expanded="false" aria-controls="c-1">
                <div class="col-lg-3 col-sm-4 col-6 order-1 icon-wrapper">
                    <div class="left">
                        <div class="icon">
                            <i class="las la-long-arrow-alt-right text--danger"></i>
                        </div>
                        <div class="content">
                            <h6 class="trans-title">Gateway Charge</h6>
                            <span class="text-muted font-size--14px mt-2">Dec 17 2024 @3:39:pm</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-5 col-12 order-sm-2 order-3 content-wrapper mt-sm-0 mt-3">
                    <p class="text-muted font-size--14px"><b>Gateway charge</b></p>
                </div>
                <div class="col-lg-3 col-sm-3 col-6 order-sm-3 order-2 text-end amount-wrapper">
                    <p><b>$2.00</b></p>
                </div>
            </button>
            </h2>
            <div id="c-1" class="accordion-collapse collapse" aria-labelledby="h-1" data-bs-parent="#transactionAccordion">
                <div class="accordion-body">
                    <ul class="caption-list">
                        <li>
                            <span class="caption">Transaction ID</span>
                            <span class="value">23Q327L6ODQR</span>
                        </li>
                                                <li>
                            <span class="caption">Transacted Amount</span>
                            <span class="value">$2.00</span>
                        </li>
                        <li>
                            <span class="caption">Remaining Balance</span>
                            <span class="value">$33.80</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div><!-- transaction-item end -->
            <div class="accordion-item transaction-item rcv-item">
            <h2 class="accordion-header" id="h-2">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-2" aria-expanded="false" aria-controls="c-1">
                <div class="col-lg-3 col-sm-4 col-6 order-1 icon-wrapper">
                    <div class="left">
                        <div class="icon">
                            <i class="las la-long-arrow-alt-right text--success"></i>
                        </div>
                        <div class="content">
                            <h6 class="trans-title">Payment</h6>
                            <span class="text-muted font-size--14px mt-2">Dec 17 2024 @3:39:pm</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-5 col-12 order-sm-2 order-3 content-wrapper mt-sm-0 mt-3">
                    <p class="text-muted font-size--14px"><b>Payment Via Stripe Hosted - USD</b></p>
                </div>
                <div class="col-lg-3 col-sm-3 col-6 order-sm-3 order-2 text-end amount-wrapper">
                    <p><b>$10.00</b></p>
                </div>
            </button>
            </h2>
            <div id="c-2" class="accordion-collapse collapse" aria-labelledby="h-1" data-bs-parent="#transactionAccordion">
                <div class="accordion-body">
                    <ul class="caption-list">
                        <li>
                            <span class="caption">Transaction ID</span>
                            <span class="value">23Q327L6ODQR</span>
                        </li>
                                                <li>
                            <span class="caption">Transacted Amount</span>
                            <span class="value">$10.00</span>
                        </li>
                        <li>
                            <span class="caption">Remaining Balance</span>
                            <span class="value">$35.80</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div><!-- transaction-item end -->
            <div class="accordion-item transaction-item sent-item">
            <h2 class="accordion-header" id="h-3">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-3" aria-expanded="false" aria-controls="c-1">
                <div class="col-lg-3 col-sm-4 col-6 order-1 icon-wrapper">
                    <div class="left">
                        <div class="icon">
                            <i class="las la-long-arrow-alt-right text--danger"></i>
                        </div>
                        <div class="content">
                            <h6 class="trans-title">Gateway Charge</h6>
                            <span class="text-muted font-size--14px mt-2">Dec 14 2024 @9:52:pm</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-5 col-12 order-sm-2 order-3 content-wrapper mt-sm-0 mt-3">
                    <p class="text-muted font-size--14px"><b>Gateway charge</b></p>
                </div>
                <div class="col-lg-3 col-sm-3 col-6 order-sm-3 order-2 text-end amount-wrapper">
                    <p><b>$1.10</b></p>
                </div>
            </button>
            </h2>
            <div id="c-3" class="accordion-collapse collapse" aria-labelledby="h-1" data-bs-parent="#transactionAccordion">
                <div class="accordion-body">
                    <ul class="caption-list">
                        <li>
                            <span class="caption">Transaction ID</span>
                            <span class="value">9TCGRZ6OAEUR</span>
                        </li>
                                                <li>
                            <span class="caption">Transacted Amount</span>
                            <span class="value">$1.10</span>
                        </li>
                        <li>
                            <span class="caption">Remaining Balance</span>
                            <span class="value">$25.80</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div><!-- transaction-item end -->
            <div class="accordion-item transaction-item rcv-item">
            <h2 class="accordion-header" id="h-4">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-4" aria-expanded="false" aria-controls="c-1">
                <div class="col-lg-3 col-sm-4 col-6 order-1 icon-wrapper">
                    <div class="left">
                        <div class="icon">
                            <i class="las la-long-arrow-alt-right text--success"></i>
                        </div>
                        <div class="content">
                            <h6 class="trans-title">Payment</h6>
                            <span class="text-muted font-size--14px mt-2">Dec 14 2024 @9:52:pm</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-5 col-12 order-sm-2 order-3 content-wrapper mt-sm-0 mt-3">
                    <p class="text-muted font-size--14px"><b>Payment Via Stripe Storefront - USD</b></p>
                </div>
                <div class="col-lg-3 col-sm-3 col-6 order-sm-3 order-2 text-end amount-wrapper">
                    <p><b>$10.00</b></p>
                </div>
            </button>
            </h2>
            <div id="c-4" class="accordion-collapse collapse" aria-labelledby="h-1" data-bs-parent="#transactionAccordion">
                <div class="accordion-body">
                    <ul class="caption-list">
                        <li>
                            <span class="caption">Transaction ID</span>
                            <span class="value">9TCGRZ6OAEUR</span>
                        </li>
                                                <li>
                            <span class="caption">Transacted Amount</span>
                            <span class="value">$10.00</span>
                        </li>
                        <li>
                            <span class="caption">Remaining Balance</span>
                            <span class="value">$26.90</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div><!-- transaction-item end -->
            <div class="accordion-item transaction-item sent-item">
            <h2 class="accordion-header" id="h-5">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-5" aria-expanded="false" aria-controls="c-1">
                <div class="col-lg-3 col-sm-4 col-6 order-1 icon-wrapper">
                    <div class="left">
                        <div class="icon">
                            <i class="las la-long-arrow-alt-right text--danger"></i>
                        </div>
                        <div class="content">
                            <h6 class="trans-title">Gateway Charge</h6>
                            <span class="text-muted font-size--14px mt-2">Oct 25 2024 @4:28:pm</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-5 col-12 order-sm-2 order-3 content-wrapper mt-sm-0 mt-3">
                    <p class="text-muted font-size--14px"><b>Gateway charge</b></p>
                </div>
                <div class="col-lg-3 col-sm-3 col-6 order-sm-3 order-2 text-end amount-wrapper">
                    <p><b>$2.00</b></p>
                </div>
            </button>
            </h2>
            <div id="c-5" class="accordion-collapse collapse" aria-labelledby="h-1" data-bs-parent="#transactionAccordion">
                <div class="accordion-body">
                    <ul class="caption-list">
                        <li>
                            <span class="caption">Transaction ID</span>
                            <span class="value">SARVZ1P8OSPX</span>
                        </li>
                                                <li>
                            <span class="caption">Transacted Amount</span>
                            <span class="value">$2.00</span>
                        </li>
                        <li>
                            <span class="caption">Remaining Balance</span>
                            <span class="value">$16.90</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div><!-- transaction-item end -->
            <div class="accordion-item transaction-item rcv-item">
            <h2 class="accordion-header" id="h-6">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-6" aria-expanded="false" aria-controls="c-1">
                <div class="col-lg-3 col-sm-4 col-6 order-1 icon-wrapper">
                    <div class="left">
                        <div class="icon">
                            <i class="las la-long-arrow-alt-right text--success"></i>
                        </div>
                        <div class="content">
                            <h6 class="trans-title">Payment</h6>
                            <span class="text-muted font-size--14px mt-2">Oct 25 2024 @4:28:pm</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-5 col-12 order-sm-2 order-3 content-wrapper mt-sm-0 mt-3">
                    <p class="text-muted font-size--14px"><b>Payment Via Stripe Hosted - USD</b></p>
                </div>
                <div class="col-lg-3 col-sm-3 col-6 order-sm-3 order-2 text-end amount-wrapper">
                    <p><b>$10.00</b></p>
                </div>
            </button>
            </h2>
            <div id="c-6" class="accordion-collapse collapse" aria-labelledby="h-1" data-bs-parent="#transactionAccordion">
                <div class="accordion-body">
                    <ul class="caption-list">
                        <li>
                            <span class="caption">Transaction ID</span>
                            <span class="value">SARVZ1P8OSPX</span>
                        </li>
                                                <li>
                            <span class="caption">Transacted Amount</span>
                            <span class="value">$10.00</span>
                        </li>
                        <li>
                            <span class="caption">Remaining Balance</span>
                            <span class="value">$18.90</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div><!-- transaction-item end -->
            <div class="accordion-item transaction-item sent-item">
            <h2 class="accordion-header" id="h-7">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-7" aria-expanded="false" aria-controls="c-1">
                <div class="col-lg-3 col-sm-4 col-6 order-1 icon-wrapper">
                    <div class="left">
                        <div class="icon">
                            <i class="las la-long-arrow-alt-right text--danger"></i>
                        </div>
                        <div class="content">
                            <h6 class="trans-title">Gateway Charge</h6>
                            <span class="text-muted font-size--14px mt-2">Oct 25 2024 @4:23:pm</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-5 col-12 order-sm-2 order-3 content-wrapper mt-sm-0 mt-3">
                    <p class="text-muted font-size--14px"><b>Gateway charge</b></p>
                </div>
                <div class="col-lg-3 col-sm-3 col-6 order-sm-3 order-2 text-end amount-wrapper">
                    <p><b>$1.10</b></p>
                </div>
            </button>
            </h2>
            <div id="c-7" class="accordion-collapse collapse" aria-labelledby="h-1" data-bs-parent="#transactionAccordion">
                <div class="accordion-body">
                    <ul class="caption-list">
                        <li>
                            <span class="caption">Transaction ID</span>
                            <span class="value">9QH4ZEALL4PJ</span>
                        </li>
                                                <li>
                            <span class="caption">Transacted Amount</span>
                            <span class="value">$1.10</span>
                        </li>
                        <li>
                            <span class="caption">Remaining Balance</span>
                            <span class="value">$8.90</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div><!-- transaction-item end -->
            <div class="accordion-item transaction-item rcv-item">
            <h2 class="accordion-header" id="h-8">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#c-8" aria-expanded="false" aria-controls="c-1">
                <div class="col-lg-3 col-sm-4 col-6 order-1 icon-wrapper">
                    <div class="left">
                        <div class="icon">
                            <i class="las la-long-arrow-alt-right text--success"></i>
                        </div>
                        <div class="content">
                            <h6 class="trans-title">Payment</h6>
                            <span class="text-muted font-size--14px mt-2">Oct 25 2024 @4:23:pm</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-5 col-12 order-sm-2 order-3 content-wrapper mt-sm-0 mt-3">
                    <p class="text-muted font-size--14px"><b>Payment Via Mollie - USD</b></p>
                </div>
                <div class="col-lg-3 col-sm-3 col-6 order-sm-3 order-2 text-end amount-wrapper">
                    <p><b>$10.00</b></p>
                </div>
            </button>
            </h2>
            <div id="c-8" class="accordion-collapse collapse" aria-labelledby="h-1" data-bs-parent="#transactionAccordion">
                <div class="accordion-body">
                    <ul class="caption-list">
                        <li>
                            <span class="caption">Transaction ID</span>
                            <span class="value">9QH4ZEALL4PJ</span>
                        </li>
                                                <li>
                            <span class="caption">Transacted Amount</span>
                            <span class="value">$10.00</span>
                        </li>
                        <li>
                            <span class="caption">Remaining Balance</span>
                            <span class="value">$10.00</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div><!-- transaction-item end -->
    </div>
            </div>
        </div>
    </div>

    <!-- jQuery library -->
    <script src="https://script.viserlab.com/paymenthub/assets/global/js/jquery-3.7.1.min.js"></script>
    <!-- bootstrap js -->
    <script src="https://script.viserlab.com/paymenthub/assets/global/js/bootstrap.bundle.min.js"></script>
    <script src="https://script.viserlab.com/paymenthub/assets/global/js/select2.min.js"></script>

    
    <script src="https://script.viserlab.com/paymenthub/assets/templates/basic/js/slick.min.js"></script>
    <script src="https://script.viserlab.com/paymenthub/assets/templates/basic/js/lightcase.min.js"></script>
    <script src="https://script.viserlab.com/paymenthub/assets/templates/basic/js/jquery.validate.js"></script>

    <script src="https://script.viserlab.com/paymenthub/assets/templates/basic/user/js/wow.min.js"></script>
    <script src="https://script.viserlab.com/paymenthub/assets/templates/basic/user/js/jquery.slimscroll.min.js"></script>
    <script src="https://script.viserlab.com/paymenthub/assets/templates/basic/user/js/jquery.paroller.min.js"></script>

    <!-- main css -->
    <script src="https://script.viserlab.com/paymenthub/assets/templates/basic/user/js/app.js"></script>

    
    <link href="https://script.viserlab.com/paymenthub/assets/global/css/iziToast.min.css" rel="stylesheet">
<link href="https://script.viserlab.com/paymenthub/assets/global/css/iziToast_custom.css" rel="stylesheet">
<script src="https://script.viserlab.com/paymenthub/assets/global/js/iziToast.min.js"></script>


          <script src="https://script.viserlab.com/paymenthub/assets/global/js/firebase/firebase-8.3.2.js"></script>

        <script src="https://script.viserlab.com/paymenthub/assets/admin/js/vendor/apexcharts.min.js"></script>
    <script src="https://script.viserlab.com/paymenthub/assets/admin/js/vendor/chart.js.2.8.0.js"></script>




<svg id="SvgjsSvg1001" width="2" height="0" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" style="overflow: hidden; top: -100%; left: -100%; position: absolute; opacity: 0;"><defs id="SvgjsDefs1002"></defs><polyline id="SvgjsPolyline1003" points="0,0"></polyline><path id="SvgjsPath1004" d="M0 0 "></path></svg></body></html><?php /**PATH /home/paysafebd23/ovimanager.store/resources/views/dashboard.blade.php ENDPATH**/ ?>