<!DOCTYPE html>
<html translate="no" data-dpr="1" style="font-size: 48.16px;">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="robots" content="noindex,nofollow">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <title>DiuWin</title>
    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.1/css/all.css">
    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.1/css/sharp-thin.css">
    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.1/css/sharp-solid.css">
    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.1/css/sharp-regular.css">
    <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.1/css/sharp-light.css">
    <link rel="stylesheet" href="./index_files/index-96409872.css">
    <link rel="stylesheet" href="../index_files/index-96409872.css">
    <link href="/css/wallet/main.css" rel="stylesheet" />
    <link href="/css/wallet/chunk_2-1.css" rel="stylesheet" />
    <link href="/css/wallet/chunk_2-2.css" rel="stylesheet" />
    <link href="/css/wallet/chunk_2-3.css" rel="stylesheet" />
    <link rel="shortcut icon" href="/assets/png/h5setting_20240724134842u3j2.png" type="image/x-icon">
    <style>
        html,
        body {
            height: 100%;
            width: 100%;
            background-color: #090909;
            padding: 0;
            margin: 0;
        }
        
        #app {
            color: #969799;
        }
        
        .mian[data-v-3966082f] {
            background-color: #ebedf0
        }
        
        .mian .box[data-v-3966082f] {
            padding: .4rem
        }
        
        .mian .box .list[data-v-3966082f] {
            background: #ebedf0;
            border-radius: .4rem;
            overflow: hidden
        }
        
        .mian .box .list .item[data-v-4e585e69] {
            padding: 0.26667rem 0.4rem;
        }
        
        .mian .box .list .item[data-v-3966082f] {
            padding: .26667rem .4rem
        }
        
        .mian .box .list .item .money[data-v-3966082f] {
            font-size: .4rem;
            color: #fb4e4e
        }
        
        .mian .box .list .item .money.action[data-v-3966082f] {
            color: #6abe57
        }
        
        .mian .box .list .item .number[data-v-3966082f],
        .mian .box .list .item .time[data-v-3966082f] {
            font-size: .32rem;
            color: #fff
        }
        
        .mian .box .list .item .number[data-v-3966082f] {
            font-size: .4rem
        }
        
        .mian .box .list .item .number .btn[data-v-3966082f] {
            padding: .13333rem .26667rem;
            font-size: .32rem;
            margin-left: .26667rem;
            border-radius: .13333rem;
            background-color: #ffce1f;
            color: #fff
        }
        
        .mian .box .list .item .state[data-v-3966082f] {
            text-align: center;
            font-weight: 600
        }
        
        .mian .box .list .item .txt[data-v-3966082f] {
            text-align: center
        }
        
        html {
            -webkit-tap-highlight-color: transparent
        }
        
        body {
            margin: 0;
            font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Segoe UI, Arial, Roboto, PingFang SC, Hiragino Sans GB, Microsoft Yahei, sans-serif
        }
        
        a {
            text-decoration: none
        }
        
        button,
        input,
        textarea {
            color: inherit;
            font: inherit
        }
        
        [class*=van-]:focus,
        a:focus,
        button:focus,
        input:focus,
        textarea:focus {
            outline: 0
        }
        
        ol,
        ul {
            margin: 0;
            padding: 0;
            list-style: none
        }
        
        .navbar[data-v-106b99c8] {
            background: linear-gradient(90deg, #3BAF4C 0%, #00D08A 100%) !important;
        }
    </style>
</head>

<body style="font-size: 12px;">
    <div id="app">
        <div data-v-3966082f="" class="mian">
            <div data-v-106b99c8="" data-v-3966082f="" class="navbar">
                <div data-v-106b99c8="" class="navbar-left" onclick="location.href='/mian'">
                    <div data-v-a9660e98="" data-v-106b99c8="" class="c-row c-row-middle-center">
                        <i class="fa-light fa-angle-left fa-fade fa-xl center" style="color: #FFF"></i>
                    </div>
                </div>
                <div data-v-106b99c8="" class="navbar-title">Withdrawal History</div>
                <div data-v-106b99c8="" class="navbar-right"></div>
            </div>
            <div data-v-3966082f="" class="box">
                <div data-v-3966082f="" class="list m-b-20">
                    <div data-v-3966082f="" role="feed" class="van-list">

                        <div class="lisys">

                            <!----->
                        </div>

                        <div data-v-a9660e98="" class="p-t-5 p-b-5">
                            <div data-v-a9660e98="" class="van-empty">
                                <div class="van-empty__image">
                                    <img src="/images/empty-image-default.png" />
                                </div>
                                <div class="van-list__finished-text">No More Available</div>
                                <div class="van-list__placeholder"></div>
                            </div>
                        </div>
                    </div>
                    <div data-v-7692a079="" data-v-3966082f="" class="Loading c-row c-row-middle-center" style="display: none;">
                        <div data-v-7692a079="" class="van-loading van-loading--circular">
                            <span data-v-7692a079="" class="van-loading__spinner van-loading__spinner--circular" style="width: auto; height: auto; -webkit-animation-duration: 1s; animation-duration: 1s;">
                                <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                                    viewBox="0 0 200 200" width="200" height="200" preserveAspectRatio="xMidYMid meet"
                                    style="width: 100%;height: 100%;transform: translate3d(0px, 0px, 0px);content-visibility: visible;">
                                    <g transform="matrix(-0.5984085202217102,0.8011911511421204,-0.8011911511421204,-0.5984085202217102,239.9599609375,79.72173309326172)"
                                        style="display: block;">
                                        <image width="200px" height="200px" preserveAspectRatio="xMidYMid slice"
                                            xlink:href="/index_files/loadingspinner.png"></image>
                                    </g>
                                    <g transform="matrix(0.9408400058746338,0,0,0.9408400058746338,20.969436645507812,79.30152130126953)"
                                        style="display: block;">
                                        <image width="168px" height="44px" preserveAspectRatio="xMidYMid slice"
                                            xlink:href="/images2/xocoss_logo.png"></image>
                                    </g>
                                </svg>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
            <script src="/js/client.js"></script>
            <script>
                function formateT(params) {
                    let result = (params < 10) ? "0" + params : params;
                    return result;
                }

                function timerJoin(params = '') {
                    let date = '';
                    if (params) {
                        date = new Date(Number(params));
                    } else {
                        date = new Date();
                    }
                    let years = formateT(date.getFullYear());
                    let months = formateT(date.getMonth() + 1);
                    let days = formateT(date.getDate());

                    let hours = formateT(date.getHours());
                    let minutes = formateT(date.getMinutes());
                    let seconds = formateT(date.getSeconds());
                    return years + '-' + months + '-' + days + ' ' + hours + '-' + minutes + '-' + seconds;
                }

                function loads(datas) {
                    let html = datas.map((data) => {
                        return `
                        <div data-v-4e585e69="" class="item">
                            <div data-v-4e585e69="">
                                <div data-v-4e585e69="" class="tit c-row c-row-between c-row-middle">
                                    <div data-v-4e585e69="" class="c-row c-row-between c-row-middle">
                                        <span data-v-4e585e69="" class="c-row c-row-between c-row-middle">
                                            <div data-v-4e585e69="" class="m-r-5 van-image" style="width: 24px; height: 20px;">
                                                <img src="/images/king (10).png" class="van-image__img">
                                            </div>BankCard</span>
                                        </div>
                                        <div data-v-4e585e69="" data-clipboard-text="${data.id_order}" class="tag-read"> ${data.id_order} 
                                            <img data-v-4e585e69="" width="18px" height="15px" src="/images/copy.png" class="m-l-5">
                                        </div>
                                    </div>
                                    <div data-v-4e585e69="" class="c-row c-row-between m-b-5 m-t-5">
                                        <div data-v-4e585e69="">
                                            <!---->
                                            <div data-v-4e585e69="" class="number green"><!---->
                                                <span data-v-4e585e69="">₹ ${data.money}.00</span>
                                            </div>
                                            <!---->
                                        </div>
                                        <!---->
                                        <div data-v-4e585e69="" style="color: ${(data.status == 1) ? 'rgb(107, 190, 88)' : 'rgb(242, 65, 59)'}"> ${(data.status == 1) ? 'Agree' : (data.status == 2) ? 'Cancelled' : 'Waiting'}</div>
                                        <!---->
                                    </div>
                                    <!---->
                                </div>
                            <div data-v-4e585e69="" class="time">${timerJoin(data.time)}</div>
                        </div>
                    </div>
                    <br>
                    `;
                    })
                    $('.van-list .lisys').html(html);
                    $('.tag-read').click(function(e) {
                        e.preventDefault();
                        let text = $(this).text().trim();
                        navigator.clipboard.writeText(text);
                        $(this).addClass('block-click');
                        alertMess('Copy successful', $(this));
                    });
                }

                function alertMess(text, sic) {
                    $('body').append(
                        `
                <div data-v-1dcba851="" class="msg">
                    <div data-v-1dcba851="" class="msg-content v-enter-active v-enter-to" style=""> ${text} </div>
                </div>
                `
                    );
                    setTimeout(() => {
                        $('.msg .msg-content').removeClass('v-enter-active v-enter-to');
                        $('.msg .msg-content').addClass('v-leave-active v-leave-to');
                        setTimeout(() => {
                            $('.msg').remove();
                        }, 100);
                        sic.removeClass('block-click');
                    }, 1000);
                }
                $.ajax({
                    type: "GET",
                    url: "/api/webapi/withdraw/list",
                    dataType: "json",
                    success: function(response) {
                        console.log(response.datas);
                        if (response.datas.length == 0) return;
                        loads(response.datas);
                    }
                });
            </script>
</body>

</html>