@extends('layouts.users')


@section('content')
    <style type="text/css">
        .small-font {
            font-size: 12px;
            -webkit-transform-origin-x: 0;
            -webkit-transform: scale(0.80);
        }

        .smallsize-font {
            font-size: 9.6px;
        }

        .tblue {
            background: #1476ff !important;
        }

        .tgreen {
            background: #4caf50 !important;
        }

        .tred {
            background: #f44336 !important;
        }

        .tzs {
            background: #6739b6 !important;
        }

        .tss {
            font-weight: bold;
            font-size: 17px;
            text-align: center;
            border: 0px;
            color: #fff;
            height: 45px;
            line-height: 45px;
            border-radius: 10px;
            border-bottom-left-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .typeitem {
            color: #999;
            float: left;
            margin-left: 2.5%;
            cursor: pointer;
            margin-bottom: 2px;
        }

        .layui-carousel>[carousel-item]>* {
            display: none;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #f1f1f1;
            transition-duration: .3s;
            -webkit-transition-duration: .3s;
        }

        .typeitemover {
            color: #fff;
            border-bottom: 1px solid #fff;
            float: left;
            margin-left: 2.5%;
            cursor: pointer;
            margin-bottom: 1px;
        }

        .top1 {
            position: fixed;
            background: #fff;
            z-index: 10000;
            width: 100%;
            height: 30px;
            top: -30px;
        }

        .aui {
            overflow: hidden;
            background: #fff;
            display: flex;
            flex-wrap: wrap;
            margin-top: 20px;
        }

        .scroll-wrapper {
            -webkit-overflow-scrolling: touch;
            overflow-y: scroll;
        }


        .aui li {
            width: 33.33%;
            float: left;
            padding: 5px 0;
        }

        .aui li img {
            display: block;
            margin: 0 auto;
            width: auto;
            height: 45px;
        }

        .aui li p {
            text-align: center;
            font-size: 14px;
            margin-top: 5px;
            color: #566172;
            font-family: MicrosoftYaHei;
        }


        .announcement-title {
            text-align: left;
            font-size: 20px;
            font-weight: 600;
            color: #434343;
            margin-left: 5%;
        }

        .layui-m-layercont {
            padding: 30px 15px;
            padding-top: 10px;
            line-height: 22px;
            text-align: center;
        }

        .layui-m-layerbtn span[yes] {
            color: rgb(58, 114, 198) !important
        }

        .layui-m-layerchild {
            box-shadow: 8px 8px 8px rgb(0 0 0 / 60%);
        }

        .navtab {
            cursor: pointer;
        }

        .gray {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            filter: gray;
        }

        layer-page .layui-layer-btn {
            padding-top: 0px !important;
        }

        .layui-layer-btn {
            text-align: center !important;
            padding: 0 0px 12px;
            pointer-events: auto;
            user-select: none;
            -webkit-user-select: none;
        }

        .layui-layer-btn a {
            margin: 5px 5px 0;
            padding: 0 0px !important;
            height: 28px;
            line-height: 28px;
            text-align: center;
            width: 50%;
            border: 1px solid #dedede;
            background-color: #fff;
            color: #333;
            border-radius: 2px;
            font-weight: 400;
            cursor: pointer;
            text-decoration: none;
            border-radius: 20px !important;
        }

        .layui-layer-page {
            border-radius: 20px !important;
        }

        .layui-layer-btn .layui-layer-btn0 {
            border-color: #e7d1a6 !important;
            background-image: linear-gradient(6deg, #ccaa78 21%, #e7d1a6 77%) !important;
            color: #fff;
        }

        .navtab {
            cursor: pointer;
        }


        .topname {
            line-height: 46px;
            font-weight: 700;
            font-size: 16px;
            width: 50%;
            text-align: center;
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            margin: auto;
        }

        div#div1 {
            position: fixed;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            z-index: -1;
        }

        div#div1>img {
            height: 100%;
            width: 100%;
            border: 0;
        }



        .cmbtn {
            width: 60%;
            cursor: pointer;
            font-size: 14px;
            height: 40px;
            line-height: 40px;
            margin-top: 20px;
            border-radius: 20px !important;
            color: #fff;
            margin: 0 auto;
            background: #FF0000;
        }

        .indexdiv {
            background: #000000;
            position: fixed;
            left: 0px;
            top: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            z-index: 101;
            filter: alpha(opacity=90);
            opacity: 0.90 !important;
            display: none;
        }

        .divWrap {
            width: 100%;
            overflow: hidden;
        }

        .div {
            display: inline-block;
            white-space: nowrap;
            animation: 5s div linear infinite normal;
        }

        div {
            cursor: pointer;
        }

        @keyframes marqueeAnim {
            0% {
                transform: translateX(100vw);
            }

            100% {
                transform: translateX(-100%);
            }
        }

        .marquee-content {
            white-space: nowrap;
            display: inline-block;
            animation: marqueeAnim 280s linear 0s infinite;
        }

        .marquee-root {
            width: 100%;
            text-align: left;
            overflow: hidden;
        }
    </style>

    <body style="min-height: 100%; width: 100%; background-size: 100% auto; background: #f1f1f1; ">
        <input type="hidden" id="techannel" value="" />
        <input type="hidden" id="androidurl" value="" />
        <div class="indexdiv"></div>
        <div style=" position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; margin: 0 auto; z-index: 102; height:510px; width: 100%; max-width:450px;  "
            id="noctie">
            <div
                style="position: relative; width: 100%; text-align: center; background: none; height: auto; margin: 0 auto; width: 95%; background: url({{ asset('ui1/noti1.png') }}); background-size: 100% 100%; height: 500px; border-radius: 10px; color: #000; margin-top: 10px; ">
                <div
                    style="width:88%;position:relative; margin:0 auto;  height:auto; overflow:hidden;border:0px;  padding-top:25px; font-size:12px;line-height:19px; text-align:left; ">
                    <div style="max-height: 270px; overflow: scroll; font-size: 12px !important; margin-top:120px;"
                        id="notice_info">
                            <h3>Welcome to ARROWQUIP</h3>
                            <p>
                                Register as a new member  get ₦200 cash,<br>
                                Sign in every day to get ₦100 cash reward.<br>
                                Invite friends to invest in our equipment and get a generous cash rewards.<br>
                                 ▪️The commission for level 1 team is 25%<br><br>
                                
                                ▪️the commission for level 2 team is 4%<br><br>
                                
                                ◼️ the commission for level 3 team is 1%<br><br>
                                
                                ◼️ After 24 hours, your earnings will be automatically sent to your account balance.<br>
                                
                                The withdrawal time is from 9:00 to 23:00, and there is no limit on the number of withdrawals.
                            </p>
                    </div>
                </div>
                <div style="width:100%; text-align:center; margin-top:15px;">
                    <a href="https://t.me/">
                        <button class="cmbtn" id="Join"
                        style="height: 40px; float: left;  background: url({{ asset('ui1/te.png') }}); background-size: 100% 100%; margin-left: 5%; width: 40px; border: 0px; width: 40%; ">
                        &nbsp;&nbsp;&nbsp;&nbsp;Telegram >
                    </button>
                    </a>
                    <button onclick="closePopup()" class="cmbtn" id="close"
                        style="height: 40px; float: left; margin-left: 5%; width: 40px; border: 0px; width: 40%; ">
                        OK
                    </button>
                </div>
            </div>
        </div>



        <div style=" max-width:450px; margin:0 auto;">
            <div class="top1">
            </div>

            <div style="  text-align: center; margin-bottom: 60px;  ">
                <div
                    style=" width: 100%; margin: 0 auto; background: url({{ asset('ui1/in.png') }}); background-size: 100% 100%; height:320px;  position: relative; ">
                    <div
                        style="height: auto; position:absolute; bottom:0px; width:100%; overflow: hidden;  margin-top:5px; font-size:12px; color:#fff; background:#00000098; padding-top:10px; padding-bottom:10px;">
                        <a style="color: white;" href="{{ route('user.deposit') }}">
                            <div style="float:left;width: 25%; text-align:center;" id="Recharge">
                                <div style="height:45px;">
                                    <img src="{{ asset('ui1/btn1/1.png') }}" style="width:32px;" />
                                </div>
                                <div>
                                    Make deposit
                                </div>
                            </div>
                        </a>
                        <a style="color: white;" href="{{ route('user.withdraw') }}">
                            <div style="float: left; width: 25%; text-align: center;" id="Withdraw">
                                <div style="height:45px;">
                                    <img src="{{ asset('ui1/btn1/2.png') }}" style="width: 32px;" />
                                </div>
                                <div>
                                    Withdraw money
                                </div>
                            </div>
                        </a>
                        <a style="color: white;" href="{{ route('user.trx.log') }}">
                            <div style="float: left; width: 25%; text-align: center;" id="checkin">
                                <div style="height:45px;">
                                    <img src="{{ asset('ui1/mine/n/3.png') }}" style="width: 32px;" />
                                </div>
                                <div>
                                    Revenue Record
                                </div>
                            </div>
                        </a>
                        <a style="color: white;" href="{{ route('user.dailybonus') }}">
                            <div style="float: left; width: 25%; text-align: center;" id="cs">
                                <div style="height:45px;">
                                    <img src="{{ asset('ui1/btn1/4.png') }}" style="width: 32px;" />
                                </div>
                                <div>
                                    Daily Bonus
                                </div>
                            </div>
                        </a>
                    </div>
                </div>

                <div
                    style=" width: 97%; margin: 0 auto; font-weight:bold; font-size:16px; padding-left:3%; padding-top:10px; padding-bottom:10px; text-align:left; background: #fff;  ">
                    My account
                </div>

                <div
                    style="height: auto; overflow: hidden;  font-size: 12px; background: #fff; color: #fff;  padding-bottom: 10px;">
                    <div
                        style="float:left;  position:relative; background: url({{ asset('ui1/1.png') }}); background-size: 100% 100%; width:32%; height:120px;">
                        <div style="margin-top: 5px; font-weight: bold; font-family: HarmonyOS Sans SC; font-size: 12px; color: #000;"
                            id="amount">₦ {{ number_format($user->balance + $user->bonus_balance) }}</div>
                        <div
                            style="font-family: HarmonyOS Sans SC; position: absolute; background: #00000098; bottom: 0px; height: 30px; width: 100%; text-align: center; font-size: 12px; ">
                            Account balance</div>
                    </div>

                    <div
                        style="float: left; position: relative; background: url({{ asset('ui1/3.png') }}); background-size: 100% 100%; width: 32%; margin-left: 2%; height: 120px; ">
                        <div style="margin-top: 5px; font-weight: bold; font-family: HarmonyOS Sans SC; font-size: 12px; color: #000; "
                            id="day_income">₦ {{ number_format($user->balance) }}</div>
                        <div
                            style="font-family: HarmonyOS Sans SC; position: absolute; background: #00000098; bottom: 0px; height: 30px; width: 100%; text-align: center; font-size: 12px; ">
                            Deposit Balance</div>
                    </div>
                    <div
                        style="float: left; position: relative; background: url({{ asset('ui1/2.png') }}); background-size: 100% 100%; width: 32%; margin-left: 2%; height: 120px; ">
                        <div style="margin-top: 5px; font-weight: bold; font-family: HarmonyOS Sans SC; font-size: 12px; color: #000; "
                            id="all_income">₦ {{ number_format($user->bonus_balance) }}</div>
                        <div
                            style="font-family: HarmonyOS Sans SC; position: absolute; background: #00000098; bottom: 0px; height: 30px; width: 100%; text-align: center; font-size: 12px; ">
                            Withdraw Balance</div>
                    </div>
                </div>

                <div
                    style="text-align: center; background: #fff; width: 100%; margin: 0 auto; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 5px !important; height: auto; overflow: hidden; position: relative; ">
                    <div class='divWrap' style="padding: 10px; padding-top: 5px; padding-bottom: 5px; background: 	#FF7F7F;">
                        <div style="float: left; width: 10%; font-size: 12px; color: #1476ff;">
                            <img src="{{ asset('ui1/t.png') }}" style="height:17px;margin-right:5px;" />
                        </div>
                        <div class='div' style="float:left; width:80%; color:#000;">
                            <div class="marquee-root">
                                <div class="marquee-content" id="intext">
                                    9054xxxx206 successfully withdraw 1560
7062xxxx905 successfully withdraw 1620
7061xxxx408 successfully withdraw 2390
8069xxxx126 successfully deposit 2000
8066xxxx130 successfully withdraw 1720
8146xxxx961 successfully deposit 12160
9125xxxx105 successfully deposit 5000
8080xxxx520 successfully withdraw 8000
8168xxxx965 successfully deposit 2000
9126xxxx338 successfully withdraw 4400
7016xxxx102 successfully withdraw 3000
8067xxxx333 successfully withdraw 2880
8128xxxx581 successfully withdraw 2000
7016xxxx646 successfully deposit 20640
8130xxxx790 successfully deposit 2000
9014xxxx361 successfully withdraw 2800
8144xxxx275 successfully withdraw 3000
9048xxxx476 successfully deposit 2000
7012xxxx713 successfully deposit 2000
8086xxxx971 successfully deposit 5000
7016xxxx646 successfully deposit 2000
7061xxxx768 successfully deposit 5760
7036xxxx716 successfully deposit 2000
9023xxxx667 successfully withdraw 2000
7012xxxx713 successfully deposit 5000
8139xxxx394 successfully deposit 5760
9041xxxx647 successfully deposit 5000
8103xxxx251 successfully deposit 5760
7061xxxx768 successfully deposit 4000
9166xxxx055 successfully deposit 2000
9166xxxx055 successfully deposit 5000
8170xxxx380 successfully deposit 2720
8022xxxx211 successfully withdraw 2000
8148xxxx674 successfully deposit 5000
9132xxxx567 successfully deposit 2000
7032xxxx676 successfully deposit 5000
8163xxxx390 successfully withdraw 1680
9161xxxx771 successfully deposit 5000
9132xxxx567 successfully deposit 5000
8130xxxx790 successfully deposit 2720
8077xxxx814 successfully deposit 2000
8067xxxx333 successfully withdraw 4600
8027xxxx396 successfully deposit 2720
8170xxxx380 successfully deposit 2000
9130xxxx924 successfully deposit 2000
7048xxxx014 successfully withdraw 3800
7068xxxx214 successfully deposit 2720
7064xxxx979 successfully deposit 5000
7035xxxx776 successfully deposit 5000
9034xxxx391 successfully deposit 12160
9034xxxx391 successfully deposit 8000
7062xxxx905 successfully withdraw 2260
9041xxxx647 successfully deposit 2000
8027xxxx396 successfully deposit 2000
9033xxxx302 successfully deposit 1880
9035xxxx746 successfully withdraw 3000
8137xxxx517 successfully withdraw 3100
8069xxxx126 successfully deposit 5000
9039xxxx346 successfully deposit 2000
8080xxxx520 successfully withdraw 4000
7032xxxx279 successfully deposit 2000
8133xxxx240 successfully deposit 2000
8080xxxx520 successfully withdraw 2200
8134xxxx920 successfully deposit 2720
7063xxxx262 successfully withdraw 2400
7038xxxx649 successfully deposit 2000
9060xxxx524 successfully withdraw 4500
8139xxxx394 successfully deposit 4000
9057xxxx170 successfully deposit 5000
7067xxxx957 successfully withdraw 2000
9060xxxx803 successfully withdraw 2300
7064xxxx979 successfully deposit 2000
8051xxxx113 successfully deposit 5000
8137xxxx517 successfully withdraw 2220
8128xxxx581 successfully withdraw 3000
8067xxxx333 successfully withdraw 1500
8133xxxx723 successfully withdraw 2000
8035xxxx002 successfully deposit 5760
9029xxxx609 successfully withdraw 8400
9048xxxx476 successfully deposit 5000
7033xxxx659 successfully withdraw 1880
8051xxxx113 successfully deposit 2000
8158xxxx267 successfully deposit 2000
7036xxxx716 successfully deposit 5000
7016xxxx646 successfully deposit 8000
9164xxxx086 successfully deposit 2000
8137xxxx517 successfully withdraw 1520
8166xxxx912 successfully deposit 2000
8037xxxx503 successfully deposit 5000
8120xxxx676 successfully withdraw 3000
8148xxxx674 successfully deposit 2000
7037xxxx449 successfully deposit 5000
7041xxxx305 successfully deposit 5000
7043xxxx979 successfully deposit 5000
8134xxxx920 successfully deposit 2000
7068xxxx214 successfully deposit 2000
8166xxxx179 successfully deposit 5000
7062xxxx052 successfully deposit 5000
7030xxxx820 successfully deposit 2000
8086xxxx971 successfully deposit 2000
7016xxxx646 successfully deposit 4000
9055xxxx479 successfully withdraw 2400
7084xxxx315 successfully deposit 5000
8103xxxx251 successfully deposit 4000
8165xxxx626 successfully deposit 5000
8142xxxx926 successfully withdraw 1900
9033xxxx302 successfully deposit 2000
9136xxxx002 successfully withdraw 3000
8158xxxx267 successfully deposit 5000
9023xxxx236 successfully withdraw 3000
9031xxxx286 successfully deposit 2000
9133xxxx983 successfully deposit 2000
8067xxxx333 successfully withdraw 2080
8168xxxx965 successfully deposit 5000
9067xxxx720 successfully withdraw 2400
8035xxxx640 successfully deposit 5000
8132xxxx416 successfully deposit 5000
8024xxxx793 successfully deposit 2000
8067xxxx333 successfully withdraw 1540
9046xxxx297 successfully withdraw 1680
8162xxxx524 successfully deposit 8000
8162xxxx524 successfully deposit 12160
8160xxxx316 successfully withdraw 3100
8035xxxx640 successfully deposit 2000
9054xxxx206 successfully deposit 10600
8035xxxx640 successfully withdraw 1480
7062xxxx052 successfully deposit 2000
9130xxxx924 successfully deposit 5000
9133xxxx983 successfully deposit 5000
7032xxxx676 successfully deposit 2000
8137xxxx361 successfully deposit 2000
8120xxxx951 successfully withdraw 1900
9137xxxx759 successfully withdraw 2100
8166xxxx064 successfully deposit 1880
7025xxxx795 successfully deposit 5000
8158xxxx267 successfully withdraw 2000
8032xxxx090 successfully deposit 2000
8132xxxx416 successfully deposit 2000
8067xxxx333 successfully withdraw 1660
9164xxxx086 successfully deposit 5000
7030xxxx820 successfully deposit 5000
7086xxxx850 successfully withdraw 3000
8163xxxx390 successfully withdraw 1760
9057xxxx170 successfully deposit 2000
7067xxxx957 successfully deposit 2000
8073xxxx144 successfully deposit 2000
8160xxxx316 successfully withdraw 2160
9122xxxx404 successfully deposit 2000
9049xxxx087 successfully deposit 1880
8037xxxx503 successfully deposit 2000






                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="width:98%; margin:0 auto;">
                    <!--<div-->
                    <!--    style=" width:100%; margin: 0 auto; font-weight: bold; font-size: 16px; padding-top: 10px; margin-top: 10px; padding-bottom: 10px; background: #fff; height: 130px;  ">-->
                    <!--    <div id="H1"-->
                    <!--        style="background: #999; background-size: 100% 100%; width: 95%;  margin: 0 auto; height: 120px; border-radius: 5px; margin-top: 10px; margin-bottom: 100px; position: relative; background: url({{ asset('ui1/tt1.png') }}); background-size: 100% 100%; ">-->
                    <!--        <div-->
                    <!--            style="padding-top: 30px; font-family: ---; color: #FFFFFF; text-shadow: 1px 2px 2px #000000; font-size: 22px; width: 100%; font-weight: bold;">-->
                    <!--            Red and green</div>-->
                    <!--        <div-->
                    <!--            style="margin-top: 10px; font-weight: bold; font-family: ---; color: #FFFFFF; text-shadow: 1px 2px 2px #000000; font-weight: bold; font-size: 15px; width: 100%;">-->
                    <!--            VIP can participate</div>-->
                    <!--        <img src="{{ asset('img/hot.png') }}"-->
                    <!--            style="position: absolute; right: 5px; top: 5px; height: 25px;" />-->
                    <!--    </div>-->
                    <!--</div>-->

                    <!--<div-->
                    <!--    style=" width:100%; margin: 0 auto; font-weight: bold; font-size: 16px; padding-top: 10px; margin-top: 10px; padding-bottom: 10px; background: #fff; height: 130px;  ">-->
                    <!--    <div id="H2"-->
                    <!--        style="background: #999; background-size: 100% 100%; width: 95%;  margin: 0 auto; height: 120px; border-radius: 5px; margin-top: 10px; margin-bottom: 100px; position: relative; background: url({{ asset('ui1/tt1.png') }}); background-size: 100% 100%; ">-->
                    <!--        <div-->
                    <!--            style="padding-top: 30px; font-family: ---; color: #FFFFFF; text-shadow: 1px 2px 2px #000000; font-size: 22px; width: 100%; font-weight: bold;">-->
                    <!--            Big winner</div>-->
                    <!--        <div-->
                    <!--            style="margin-top: 10px; font-weight: bold; font-family: ---; color: #FFFFFF; text-shadow: 1px 2px 2px #000000; font-weight: bold; font-size: 15px; width: 100%;">-->
                    <!--            VIP can participate,Bonuses up to <font style="color:red">₦9,800,000</font> are available-->
                    <!--        </div>-->
                    <!--        <img src="{{ asset('img/hot.png') }}"-->
                    <!--            style="position: absolute; right: 5px; top: 5px; height: 25px;" />-->
                    <!--    </div>-->
                    <!--</div>-->
                    <!--<img src="/ui1/tsk.png" style="width:100%; " id="taskcenter" />-->
                    <img src="{{ asset('ui1/nhk.png?v') }}" style="width:100%; margin-top:10px;" />
                </div>
            </div>

            <nav class="nav" style="background-size:100% 100%; height:60px; ">
                <a href="">
                    <div style="color: #000 !important; font-weight: bold; ">
                        <img src="{{ asset('ui1/nav/n1.png') }}" style="height: 28px;" /> <br />
                        <span id="nav_btn1">Home</span>
                    </div>
                </a>
                <a href="{{ route('user.investment') }}">
                    <div class="navtab ">
                        <img src="{{ asset('ui1/nav/n22.png') }}" class="gray" style="height: 28px;" /> <br />
                        <span id="nav_btn2">Product</span>
                    </div>
                </a>
                <a href="{{ route('user.referrals') }}">
                    <div class="navtab">
                        <img src="{{ asset('ui1/nav/n33.png') }}" class="gray" style="height:28px;" /> <br />
                        <span id="nav_btn3">Team</span>
                    </div>
                </a>
                <a href="{{ route('user.profile.setting') }}">
                    <div class="navtab">
                        <img src="{{ asset('ui1/nav/n44.png') }}" class="gray" style="height: 28px;" /> <br />
                        <span id="nav_btn4">Mine</span>
                    </div>
                </a>
            </nav>
        </div>
    </body>

    </html>
    <a href="" target="_blank" style="display:none;"><span id="jump"></span></a>

    <script>
        function closePopup() {
          var popup = document.getElementById('noctie');
          popup.style.display = 'none';
}
    </script>
@endsection