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

<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>BDG WIN</title>
    <link href="/css/promotion/app.css" rel="stylesheet" />
    <link href="/css/promotion/chunk-0_1.css" rel="stylesheet" />
    <link href="/css/promotion/chunk-0_2.css" rel="stylesheet" />
    <link href="/css/promotion/chunk-0_3.css" rel="stylesheet" />
    <link href="/css/promotion/chunk-0_4.css" rel="stylesheet" />
    <link href="/css/promotion/chunk-0_5.css" rel="stylesheet" />
    <link href="/css/promotion/chunk-0_6.css" rel="stylesheet" />
    <link rel="shortcut icon" href="/images/bitbug_favicon.ico" type="image/x-icon">
    <style>
        html,
        body {
            height: 100%;
            width: 100%;
            background-color: #9195a3;
            padding: 0;
            margin: 0;
        }

        .navbar[data-v-106b99c8] {
            width: 100%;
            max-width: 10.66667rem;
            top: 0;
            height: 1.33333rem;
            line-height: 1.33333rem;
            background-image: linear-gradient(90deg, #930962, #790b61);
            box-shadow: inset 0rem 0rem 1rem 0rem #650061;
            display: flex;
            align-items: center;
            justify-content: center;
            position: fixed;
            color: #fff;
            z-index: 999;
        }
    </style>
</head>

<body style="font-size: 12px;">
    <div id="app">
        <div data-v-7c8bbbf4="" class="mian">
            <div data-v-106b99c8="" data-v-7c8bbbf4="" class="navbar">
                <div data-v-106b99c8="" class="navbar-left"></div>
                <div data-v-106b99c8="" class="navbar-title"> PROMOTION AGENT </div>
                <div data-v-106b99c8="" class="navbar-right" onclick="location.href='/promotion/bonusrecord'">
                    <div data-v-7c8bbbf4="" data-v-106b99c8="" class="c-row">
                        <i data-v-7c8bbbf4="" data-v-106b99c8="" class="van-icon van-icon-notes-o"
                            style="font-size: 25px;">
                            <!---->
                        </i>
                    </div>
                </div>
            </div>
            <div data-v-7c8bbbf4="" class="promotion">
                <div data-v-7c8bbbf4="" class="tab">
                    <ul data-v-7c8bbbf4="" class="c-row c-row-between">
                        <li data-v-7c8bbbf4="" onclick="location.href='/promotion'">Overview</li>
                        <li data-v-7c8bbbf4="" onclick="location.href='/promotion/myTeam'">My Team</li>
                        <li data-v-7c8bbbf4="" onclick="location.href='/promotion/promotionDes'">Receipt history</li>
                        <li data-v-7c8bbbf4="" onclick="location.href='/promotion/tutorial'" class="action block-click">
                            Tutorial</li>
                    </ul>
                </div>
                <div data-v-7c8bbbf4="" class="box">
                    <div data-v-7c8bbbf4="" class="tit c-row c-row-between">GENERAL TABLE</div>
                    <div data-v-7c8bbbf4="" class="table">
                        <div data-v-7c8bbbf4="" class="hd van-row">
                            <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">
                                comssion percentage</div>

                        </div>
                        <div data-v-7c8bbbf4="" class="bd van-row">
                            <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">
                                Team total betting commison</div>
                            <div data-v-7c8bbbf4="" class="c-tc van-col van-col--6" style="width: 100%;">L1=0.8%</div>
                        </div>
                        <div data-v-7c8bbbf4="" class="bd van-row">
                            <!-- <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">Team total betting commison</div> -->
                            <div data-v-7c8bbbf4="" class="c-tc van-col van-col--6" style="width: 100%;">L2=0.3%</div>
                        </div>
                        <div data-v-7c8bbbf4="" class="bd van-row">
                            <!-- <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">Team total betting commison</div> -->
                            <div data-v-7c8bbbf4="" class="c-tc van-col van-col--6" style="width: 100%;">L3=0.125%</div>
                        </div>
                        <div data-v-7c8bbbf4="" class="bd van-row">
                            <!-- <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">Team total betting commison</div> -->
                            <div data-v-7c8bbbf4="" class="c-tc van-col van-col--6" style="width: 100%;">L4=0.125%</div>
                        </div>
                        <div data-v-7c8bbbf4="" class="bd van-row">
                            <!-- <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">Team total betting commison</div> -->
                            <div data-v-7c8bbbf4="" class="c-tc van-col van-col--6" style="width: 100%;">L5=0.125%</div>
                        </div>
                        <div data-v-7c8bbbf4="" class="bd van-row">
                            <!-- <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">Team total betting commison</div> -->
                            <div data-v-7c8bbbf4="" class="c-tc van-col van-col--6" style="width: 100%;">L6=0.125%</div>
                        </div>
                        <div data-v-7c8bbbf4="" class="bd van-row">
                            <!-- <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">Team total betting commison</div> -->
                            <div data-v-7c8bbbf4="" class="c-tc van-col van-col--6" style="width: 100%;">L7=0.1%</div>
                        </div>
                        <div data-v-7c8bbbf4="" class="bd van-row">
                            <!-- <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">Team total betting commison</div> -->
                            <div data-v-7c8bbbf4="" class="c-tc van-col van-col--6" style="width: 100%;">L8=0.1%</div>
                        </div>
                        <div data-v-7c8bbbf4="" class="bd van-row">
                            <!-- <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">Team total betting commison</div> -->
                            <div data-v-7c8bbbf4="" class="c-tc van-col van-col--6" style="width: 100%;">L9=0.1%</div>
                        </div>
                        <div data-v-7c8bbbf4="" class="bd van-row">
                            <!-- <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6" style="width: 100%;">Team total betting commison</div> -->
                            <div data-v-7c8bbbf4="" class="c-tc van-col van-col--6" style="width: 100%;">L10=0.1%</div>
                        </div>
                    </div>
                </div>
            </div>
            <!---->
            <%- include('../nav') -%>
        </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>
        $('.nav .van-tabbar-item:eq(0) img').attr('src', '/images/home1.png');
        $('.nav .van-tabbar-item:eq(0) .name').removeClass('action');
        $('.nav .van-tabbar-item:eq(2) .name').addClass('action');
        function RosesRender(datas) {
            let html = datas.map((e) => {
                let html = '';
                return html += `<div data-v-7c8bbbf4="" class="bd van-row">
                        <div data-v-7c8bbbf4="" class="c-tc van-ellipsis van-col van-col--6">Level ${e.level}</div>
                        <div data-v-7c8bbbf4="" class="c-tc van-col van-col--4">${e.f1}%</div>
                        <div data-v-7c8bbbf4="" class="c-tc van-col van-col--4">${e.f2}%</div>
                        <div data-v-7c8bbbf4="" class="c-tc van-col van-col--5">${e.f3}%</div>
                        <div data-v-7c8bbbf4="" class="c-tc van-col van-col--5">${e.f4}%</div>
                    </div>`;
            });
            $('.table:eq(1) .box').append(html);

            $('.table:eq(1) .box').append(`
                <div data-v-7c8bbbf4="" class="bd van-row">
                    <div data-v-7c8bbbf4="" class="c-tc fw van-col van-col--6">...</div>
                    <div data-v-7c8bbbf4="" class="c-tc fw van-col van-col--4">...</div>
                    <div data-v-7c8bbbf4="" class="c-tc fw van-col van-col--4">...</div>
                    <div data-v-7c8bbbf4="" class="c-tc fw van-col van-col--5">...</div>
                    <div data-v-7c8bbbf4="" class="c-tc fw van-col van-col--5">...</div>
                </div>
                `);
        }
        $.ajax({
            type: "POST",
            url: "/api/webapi/promotion",
            data: {

            },
            dataType: "json",
            success: function (response) {
                if (response.status === false) return location.href = '/home';
                RosesRender(response.level);
                console.log(response.info.code);
                $('.btn-box .btn:eq(0)').attr('data-clipboard-text', response.info[0].code);
                $('.btn-box .btn:eq(1)').attr('data-clipboard-text', window.location.hostname + `/register?r_code=${response.info[0].code} `);
            }
        });
    </script>
</body>

</html>