<!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;
        }

        canvas {
            height: 130px;
        }

        .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;
        }

        .mian[data-v-7c8bbbf4] {
            background-color: #5d1755;
        }

        .mian .promotion .info-data .left[data-v-7c8bbbf4] {
            text-align: center;
            padding: 0.26667rem 0;
            width: 40%;
            background: rgba(223, 56, 50, .02);
            border: 0.04rem solid #000000;
            border-radius: 0.26667rem;
            background-image: linear-gradient(90deg, #e3e3e3, #d9d9d9);
            box-shadow: inset 0rem 0rem 1rem 0rem #ffb0fc;
        }

        .mian .promotion .info-data .right[data-v-7c8bbbf4] {
            width: 50%;
            padding: 0.26667rem 0 0.26667rem 0.26667rem;
            background-image: linear-gradient(90deg, #e3e3e3, #d9d9d9);
            box-shadow: inset 0rem 0rem 1rem 0rem #ffb0fc;
            border-radius: 0.26667rem;
        }

        .container[data-v-d18c566e] {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            flex-direction: column;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            height: auto;
            color: #fff;
            background-color: #450e3a;
            padding-top: 1.6rem;
            background-image: url(/assets/png/promotionbg-9dcd78e9.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            border-radius: 70px;
            box-shadow: inset 0 0rem 0.48rem 0.02667rem #9f9f9f;
        }

        .container .amount[data-v-d18c566e] {
            font-weight: 500;
            font-size: .64rem;
            line-height: .64rem;
            color: #fff;
            margin-bottom: 0.21333rem;
        }

        .container .amount_txt[data-v-d18c566e] {
            height: 0.64rem;
            min-width: 3.41333rem;
            background: #ff8d8d;
            border-radius: 0.66667rem;
            line-height: .64rem;
            text-align: center;
            font-size: .34667rem;
            margin-bottom: 0.13333rem;
            white-space: nowrap;
            padding: 0 0.33333rem;
        }

        .container .tip[data-v-d18c566e] {
            font-size: .29333rem;
            margin-bottom: 0.26667rem;
        }

        .container .info_content[data-v-d18c566e] {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            width: 9.33333rem;
            min-height: 5.06667rem;

            border-radius: 0.26667rem;
            overflow: hidden;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            position: relative;
            z-index: 10;
            background: #6b2169;
            box-shadow: inset 0 0rem 0.48rem 0.02667rem #db92ff;
        }

        .container .info_content .info[data-v-d18c566e] {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            padding-bottom: 0.2rem;
        }

        .container .info_content .info .head[data-v-d18c566e] {
            height: 1.06667rem;
            line-height: 1.06667rem;
            background-color: #f6f6f6;
            color: #151515;
            font-size: .34667rem;
            padding-left: 1.01333rem;
            background-image: url(/assets/png/u1-261d82ac.png);
            background-size: 0.64rem;
            margin-bottom: 0.2rem;
            background-repeat: no-repeat;
            background-position: 0.26667rem center;
        }

        .container .info_content .info .line1[data-v-d18c566e],
        .container .info_content .info .line2[data-v-d18c566e],
        .container .info_content .info .line3[data-v-d18c566e] {
            color: #ffffff;
            font-size: .29333rem;
            text-align: center;
            border-right: 0.01333rem solid #E8E8E8;
            padding-top: 0.2rem;
        }

        .container .info_content .info .head.u2[data-v-d18c566e] {
            border-left: 0.02667rem solid #fff;
            background-image: url(/assets/png/u2-c803ae0d.png);
        }

        .container .info_content .info .head[data-v-d18c566e] {
            height: 1.06667rem;
            line-height: 1.06667rem;
            background-color: #f6f6f6;
            color: #151515;
            font-size: .34667rem;
            padding-left: 1.01333rem;
            background-image: url(/assets/png/u1-261d82ac.png);
            background-size: 0.64rem;
            margin-bottom: 0.2rem;
            background-repeat: no-repeat;
            background-position: 0.26667rem center;
        }

        .content .shareBtnContainer[data-v-e38e8baa] {
            margin: 0.48rem 0 0.34667rem;
            width: 100%;
            height: 0.93333rem;
            text-align: center;
        }

        .content .shareBtnContainer .shareBtn[data-v-e38e8baa] {
            width: 6.8rem;
            height: 100%;
            color: #fff;
            font-size: .4rem;
            font-weight: 700;
            letter-spacing: .01333rem;
            text-shadow: 0 0.05333rem 0.02667rem rgba(231, 65, 65, .5);
            border: none;
            border-radius: 99rem;
            background: linear-gradient(180deg, #936e8f 0%, #ff3793 100%);
            box-shadow: 0 0.05333rem #a33696;
            line-height: 40px;
        }

        .mian .promotion .info-img .img[data-v-7c8bbbf4] {
            width: 35%;
        }
    </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"> AGENCY </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-d18c566e="" data-v-e38e8baa="" class="container"
                style="--0a9b6058: 'Roboto', 'Inter', sans-serif;">

                <div data-v-d18c566e="" class="amount">0</div>
                <div data-v-d18c566e="" class="amount_txt">Yesterday's total commission</div>
                <div data-v-d18c566e="" class="tip">Upgrade the level to increase commission income</div>
                <div data-v-d18c566e="" class="info_content">
                    <div data-v-d18c566e="" class="info">
                        <div data-v-d18c566e="" class="head">Direct subcordinates</div>


                        <div data-v-d18c566e="" class="line1">
                            <div data-v-d18c566e="" class="">Direct subcordinates </div>
                            <p data-v-7c8bbbf4="" class="num" id="total_sub1"> 0</p>

                        </div>
                        <div data-v-d18c566e="" class="line1">
                            <div data-v-d18c566e="" class="">Direct subcordinates Today </div>
                            <p data-v-7c8bbbf4="" class="num" id="total_sub11"> 0</p>

                        </div>

                        <div data-v-d18c566e="" class="line3">
                            <p data-v-7c8bbbf4="" class="txt" id="today_rech">Direct member Recharge commision: 0</p>
                        </div>
                        <!-- <div data-v-d18c566e="" class="line1">
                            <div data-v-d18c566e="">0</div> Number of people making first deposit
                        </div> -->
                    </div>
                    <div data-v-d18c566e="" class="info">
                        <div data-v-d18c566e="" class="head u2">Team subcordinates</div>

                        <div data-v-d18c566e="" class="line1">
                            <div data-v-d18c566e="" class="">Total Team Members</div>
                            <p data-v-7c8bbbf4="" class="num" id="total_sub"> 0</p>

                        </div>
                        <div data-v-d18c566e="" class="line1">

                        </div>
                        <div data-v-d18c566e="" class="line2">
                            <p data-v-7c8bbbf4="" class="txt" roses_f style="font-size: 0.28rem;">Team
                                Betting
                                Commision:<br><span data-v-7c8bbbf4="" class="num" id="today_with">0</span>
                            </p>
                        </div>

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

            <div data-v-e38e8baa="" class="content" style="--0a9b6058: 'Roboto', 'Inter', sans-serif;">
                <div data-v-7c8bbbf4="" class="btn-list c-row c-row-middle-center">
                    <div data-v-e38e8baa="" class="shareBtnContainer">
                        <div data-v-7c8bbbf4="" class="btn-box">
                            <div id="copyReferCodeBtn" data-v-7c8bbbf4=""
                                class="btn m-b-10 c-row c-row-middle-center tag-read" data-clipboard-text=""><button
                                    data-v-e38e8baa="" class="shareBtn">Copy Referral
                                    Code</button></div>
                            <div id="copyLinkBtn" data-v-7c8bbbf4="" data-clipboard-text=""
                                class="btn m-b-10 c-row c-row-middle-center tag-read"><button data-v-e38e8baa=""
                                    type="button" class="shareBtn">Copy Link</button></div>
                        </div>
                    </div>
                </div>
            </div>
            <div data-v-7c8bbbf4="" class="promotion" style="border-bottom: 1px solid black">
                <div data-v-7c8bbbf4="" class="tab">
                    <ul data-v-7c8bbbf4="" class="c-row c-row-between">
                        <li data-v-7c8bbbf4="" onclick="location.href='/promotion'" class="action block-click">
                            Overview
                        </li>
                        <li data-v-7c8bbbf4="" onclick="location.href='/promotion/myTeam'">My Team</li>
                        <li data-v-7c8bbbf4="" onclick="location.href='/promotion/tutorial'">Tutorial</li>
                    </ul>
                </div>
                <div data-v-7c8bbbf4="" class="box">
                    <!-- <div data-v-7c8bbbf4="" class="tit"</div>
                    <div data-v-7c8bbbf4="" class="info">
                        <div data-v-7c8bbbf4="" class="info-data c-row c-row-between m-b-20"> -->
                    <!-- <div data-v-7c8bbbf4="" class="left">
                                <h5 data-v-7c8bbbf4="" class="all" style="
                                font-size: 0.5rem;
                                color: black;
                                font-weight: bold;
                            ">My Total Reffers </h5>
                                <p data-v-7c8bbbf4="" class="num" id="total_sub">0</p>
                               
                                <p data-v-7c8bbbf4="" class="txt" id="today_rech">Team deposit commision : 0</p>
                            </div> -->
                    <!-- <div data-v-7c8bbbf4="" class="right" style="height: 60%;">
                                <p data-v-7c8bbbf4="" class="txt">Total commission for the week:<span data-v-7c8bbbf4=""
                                        class="num">0</span></p>  
                                <br>
                                <br>
                                <p data-v-7c8bbbf4="" class="txt" roses_f style="font-size: 0.369rem;">Team
                                    Betting
                                    Commision:<br><span data-v-7c8bbbf4="" class="num" id="today_with">0</span>
                                </p>
                            </div> 
                         </div> -->
                    <!-- <div data-v-7c8bbbf4="" class="info-img c-row c-row-between">
                            <div data-v-7c8bbbf4="" class="img">
                                <div data-v-7c8bbbf4="" id="qrcode" title="">
                                    <canvas width="145" height="145" style="display: none;"></canvas>
                                </div>
                                <div data-v-7c8bbbf4="" class="c-tc">Long press to save QR code</div>
                            </div> -->
                    <!-- <div data-v-7c8bbbf4="" class="btn-list c-row c-row-middle-center">
                                <div data-v-7c8bbbf4="" class="btn-box">
                                    <div data-v-7c8bbbf4="" class="btn m-b-10 c-row c-row-middle-center tag-read"
                                        data-clipboard-text="">Copy Referral Code</div>
                                    <div data-v-7c8bbbf4="" data-clipboard-text=""
                                        class="btn m-b-10 c-row c-row-middle-center tag-read">Copy Link</div>
                                </div>
                            </div> -->
                    <!-- </div>
                    </div> -->
                </div>
            </div>
            <!---->
            <%- include('../nav') -%>
                <div data-v-7692a079="" data-v-3966082f="" class="Loading c-row c-row-middle-center">
                    <div data-v-7692a079="" class="van-loading van-loading--circular">
                        <span data-v-7692a079="" class="van-loading__spinner van-loading__spinner--circular"
                            style="color: rgb(242, 65, 59);">
                            <svg data-v-7692a079="" viewBox="25 25 50 50" class="van-loading__circular">
                                <circle data-v-7692a079="" cx="50" cy="50" r="20" fill="none"></circle>
                            </svg>
                        </span>
                    </div>
                </div>
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/davidshimjs/qrcodejs@master/qrcode.js"></script>
    <script src="/js/client.js"></script>
    <script>
        $(document).ready(function () {
            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);
            }
            $('#copyLinkBtn').click(function (e) {
                e.preventDefault();
                $(this).addClass('block-click');
                alertMess('Copy successful', $(this));
                navigator.clipboard.writeText(`${window.location.host}/register?r_code=${icode}`);
            });
            $('#copyReferCodeBtn').click(function (e) {
                e.preventDefault();
                $(this).addClass('block-click');
                alertMess('Copy successful', $(this));
                navigator.clipboard.writeText(icode);
            });
        });
    </script>
    <script>
        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>
            `);
        }
        var icode = ""
        $.ajax({
            type: "POST",
            url: "/api/webapi/promotion",
            data: {

            },
            dataType: "json",
            success: function (response) {
                $('.Loading').fadeOut(0);
                $('#total_sub1').text(response.invite.f1);
                $('#total_sub11').text(response.invite.f1_today);
                $('#total_sub').text(response.invite.total_f);



                $('#today_sub').text(response.invite.roses_today);
                $('#total_with').text((3 / 1) * response.invite.roses_all + response.invite.roses_all);
                $('#today_with').text((3 / 100) * ((3 / 1) * response.invite.roses_all + response.invite.roses_all));

                $('#total_rech').text("Direct member total recharge: " + response.invite.roses_all);
                $('#today_rech').text("Direct member Recharge commission: " + (3 / 100) * response.invite.roses_all);


                if (response.status === false) return location.href = '/home';
                RosesRender(response.level);
                $('.btn-box .btn:eq(0)').attr('data-clipboard-text', response.info[0].code);
                icode = response.info[0].code
                $('.btn-box .btn:eq(1)').attr('data-clipboard-text', window.location.hostname + `/register?r_code=${response.info[0].code} `);
                var qrcode = new QRCode("qrcode");
                $('#qrcode').attr('title', window.location.hostname + `/register?r_code=${response.info[0].code}`)
                function makeCode() {
                    qrcode.makeCode(window.location.hostname + `/register?r_code=${response.info[0].code}`);
                }

                makeCode();
            }
        });
    </script>
    <!-- <script>
        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--04">${e.f1}%</div>
                          <div data-v-7c8bbbf4="" class="c-tc van-col van-col--04">${e.f2}%</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--04">...</div>
                      <div data-v-7c8bbbf4="" class="c-tc fw van-col van-col--04">...</div>
                      
                  </div>
                  `);
        }
        $.ajax({
          type: "POST",
          url: "/api/webapi/promotion",
          data: {},
          dataType: "json",
          success: function (response) {
            $(".Loading").fadeOut(0);
            $("#f1").text(response.invite.f1);
            $("#f1_today").text(response.invite.f1_today);
            $("#f_all_today").text(response.invite.f_all_today);
            $("#f_total").text(response.invite.total_f);
  
            $("#roses_f1").text("Agent Promotion: " + response.invite.roses_f1);
            $("#roses_f").text("Team bonus: " + response.invite.roses_f);
            $("#roses_all").text(response.invite.roses_all);
            $("#roses_today").text(response.invite.roses_today);
  
            if (response.status === false) return (location.href = "/home");
            RosesRender(response.level);
            $(".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}`
            );
            var qrcode = new QRCode("qrcode");
            $("#qrcode").attr(
              "title",
              window.location.hostname +
                `/register?r_code=${response.info[0].code}`
            );
            function makeCode() {
              qrcode.makeCode(
                window.location.hostname +
                  `/register?r_code=${response.info[0].code}`
              );
            }
  
            makeCode();
          },
        });
      </script> -->
    <!-- <script>
         var limit = 15;
         var start = 0;
         var action = 'inactive';
         function load_country_data(limit, start) {
             $.ajax({
                 url: "http://localhost:8000/api/webapi/promotion",
                 method: "POST",
                 data: {
                     limit: limit,
                     start: start
                 },
                 cache: false,
                 success: function(data) {
                     if (period == '') {
                         $('.van-list__finished-text').text("No more data");
                         action = 'active';
                     } else {
                         $('.van-list__finished-text').html('<div data-v-7d40872f="" class="order-content"><div role="feed" class="van-list" aria-busy ="true"><div class="van-list__loading"><div class="van-loading van-loading--circular"><span class="van-loading__spinner van-loading__spinner--circular" style="width : 16px; height: 16px;"><svg viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"> </circle></svg></span><span class="van-loading__text">Loading...</span></div></div><div class="van-list__placeholder">< /div></div></div>');
                         action = "inactive";
                     }
                 }
             });
         }
         if (action == 'inactive') {
             action = 'active';
             load_country_data(limit, start);
         }
         $(window).scroll(function() {
             if ($(window).scrollTop() + $(window).height() > $(".main").height() && action == 'inactive') {
                 action = 'active';
                 start = start + limit;
                 setTimeout(function() {
                     load_country_data(limit, start);
                 }, 1200);
             }
         });
     </script> -->
</body>

</html>