<?php $__env->startPush('style'); ?>
<?php $__env->stopPush(); ?>



<?php $__env->startSection('content'); ?>
    <script>
        "use strict"

        function createCountDown(elementId, sec) {
            var tms = sec;
            var x = setInterval(function() {
                var distance = tms * 1000;
                var days = Math.floor(distance / (1000 * 60 * 60 * 24));
                var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                var seconds = Math.floor((distance % (1000 * 60)) / 1000);
                document.getElementById(elementId).innerHTML = days + "d: " + hours + "h " + minutes + "m " +
                    seconds + "s ";
                if (distance < 0) {
                    clearInterval(x);
                    document.getElementById(elementId).innerHTML = "COMPLETE";
                }
                tms--;
            }, 1000);
        }
    </script>




    <style>
        .custom-progress {
            max-width: 40px !important;
            max-height: 40px;
            transform: rotate(-90deg);
        }

        .custom-progress .bg-circle {
            stroke: #00000011;
            fill: none;
            stroke-width: 4px;
            position: relative;
            z-index: -1;
        }

        .custom-progress .progress-circle {
            fill: none;
            stroke: hsl(var(--base));
            stroke-width: 4px;
            z-index: 11;
            position: absolute;
        }

        .expired-time-circle {
            position: relative;
            border: none !important;
            height: 38px;
            width: 38px;
            margin-right: 7px;
        }

        .expired-time-circle::before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            border: 4px solid #dbdce1;
        }

        .expired-time-circle.danger-border .animation-circle {
            border-color: hsl(var(--base)) !important;
        }

        .animation-circle {
            position: absolute;
            top: 0;
            left: 0;
            border: 4px solid hsl(var(--base));
            height: 100%;
            width: 100%;
            border-radius: 150px;
            transform: rotateY(180deg);
            animation-name: clipCircle;
            animation-iteration-count: 1;
            animation-timing-function: cubic-bezier(0, 0, 1, 1);
            z-index: 1;
        }

        .account-wrapper .left .top {
            margin-top: 0;
        }

        .account-wrapper .left,
        .account-wrapper .right {
            width: 100%;
        }

        .account-wrapper .right {
            padding-left: 0;
            margin-top: 35px;
        }

        @keyframes  clipCircle {
            0% {
                clip-path: polygon(50% 50%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
                /* center, top-center*/
            }

            12.5% {
                clip-path: polygon(50% 50%, 50% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%);
                /* center, top-center, top-left*/
            }

            25% {
                clip-path: polygon(50% 50%, 50% 0%, 0% 0%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%);
                /* center, top-center, top-left, left-center*/
            }

            37.5% {
                clip-path: polygon(50% 50%, 50% 0%, 0% 0%, 0% 50%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%);
                /* center, top-center, top-left, left-center, bottom-left*/
            }

            50% {
                clip-path: polygon(50% 50%, 50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%);
                /* center, top-center, top-left, left-center, bottom-left, bottom-center*/
            }

            62.5% {
                clip-path: polygon(50% 50%, 50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 100%, 100% 100%, 100% 100%);
                /* center, top-center, top-left, left-center, bottom-left, bottom-center, bottom-right*/
            }

            75% {
                clip-path: polygon(50% 50%, 50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 50%, 100% 50%);
                /* center, top-center, top-left, left-center, bottom-left, bottom-center, bottom-right, right-center*/
            }

            87.5% {
                clip-path: polygon(50% 50%, 50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%, 100% 0%);
                /* center, top-center, top-left, left-center, bottom-left, bottom-center, bottom-right, right-center top-right*/
            }

            100% {
                clip-path: polygon(50% 50%, 50% 0%, 0% 0%, 0% 50%, 0% 100%, 50% 100%, 100% 100%, 100% 50%, 100% 0%, 50% 0%);
                /* center, top-center, top-left, left-center, bottom-left, bottom-center, bottom-right, right-center top-right, top-center*/
            }
        }

        .capital-back {
            font-size: 10px;
        }

        .closed-invest {
            max-width: 40px !important;
            max-height: 40px;
            text-align: center;
        }
    </style>


    <body>



        <style>
            .shop_lists1 {
                width: 92%;
                margin: 1rem 4%;
            }

            .shop_lists1 ul {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
            }

            .shop_lists1 li {
                width: 48%;
                padding: 3rem 1rem 1rem 1rem;
                box-sizing: border-box;
                background: #fff;
                position: relative;
                border-radius: 0.25rem;
                margin-bottom: 1rem;
            }

            .shop_lists1 li img {
                width: 6.25rem;
                height: 6.25rem;
                display: block;
                margin: 0 auto;
            }

            .shop_lists1 li .tag {
                height: 1.25rem;
                line-height: 1.15rem;
                background: linear-gradient(to right, #F2D13A, #F3BD2A);
                color: #fff;
                display: inline-block;
                padding: 0 0.75rem;
                font-size: 12px;
                border-radius: 2.5rem;
                position: absolute;
                top: 1rem;
                left: 1rem;
            }

            .shop_lists1 li h4 {
                width: 100%;
                text-align: center;
                margin-top: 0.5rem;
                font-size: 14px;
                color: #333;
            }

            .shop_lists1 li p {
                width: 100%;
                height: 1.5rem;
                background: linear-gradient(to right, #F2D13A, #F3BD2A);
                margin-top: 0.75rem;
                border-radius: 3rem;
                padding: 0 1px;
                box-sizing: border-box;
                text-align: center;
                justify-content: space-between;
            }

            .shop_lists1 li p span {
                width: 50%;
                height: 22px;
                margin-top: 1px;
                line-height: 22px;
                font-weight: bold;
                color: #fff;
                font-size: 12px;
                text-align: center;
            }

            .shop_lists1 li p span.action {
                background: #fff;
                color: #333;
            }

            .device_body {
                width: 100%;
                margin: 1rem 0%;
                background: #232323;
                background-size: cover;
                padding: 0.5rem;
                box-sizing: border-box;
                border: none;
                height: 5.5rem;
                border-radius: 0;
            }

            .shop_money {
                background: #232323;
                border-radius: 0;
                border: none;
            }

            .shop_money .left {
                padding: 0;
            }

            .shop_money .left p {
                width: 100%;
                font-size: 14px;
                color: #888;
                text-align: center;
            }

            .shop_money .left h1 {
                font-size: 22px;
                color: #FFF;
                margin: auto;
            }

            .shop_money a {
                height: 2rem;
                display: inline-block;
                line-height: 2rem;
                font-size: 13px;
                /*background: linear-gradient(0deg, #feaf1e 0%, #FFFDFD 100%);*/
                margin: auto;
                padding: 0.1rem 14%;
                border-radius: 20px;
                color: #FFF;
                font-weight: bold;
                margin-top: 0.5rem;
                background: linear-gradient(to right, #F2D13A, #F3BD2A)
            }

            .produce {
                width: 60%;
                text-align: center;
                line-height: 2rem;
                font-size: 14px;
                border-radius: 2.5rem;
                height: 2rem;
                color: rgb(255, 255, 255);
                background: linear-gradient(to right, #F2D13A, #F3BD2A);
                display: block;
                float: right;
                margin-right: 1rem;
            }

            .goods_lists li span.money {
                height: 1.5rem;
                background: none;
                font-weight: bold;
                color: #FFF;
                line-height: 1.5rem;
                position: absolute;
                /* right: 1rem; */
                font-size: 14px;
                padding: 0 1rem;
                border-radius: 2rem;
                /*top: 9.2rem;*/
                left: 0;
                width: 10rem;
            }

            .pay_center h4 {
                color: #FFF;
            }

            .pay_center p {
                color: #b1b1b1;
            }

            .van-progress__portion {
                position: absolute;
                left: 0;
                width: 100%;
                height: 100%;
                background: var(--van-progress-color);
                border-radius: inherit;
                transform-origin: 0;
                transition: all var(--van-animation-duration-base) var(--van-animation-timing-function-enter);
            }
        </style>
        <style type="text/css" media="screen and (min-width: 640px)">

        </style>
        </head>





        <style>
            .produce {
                width: 60%;
                text-align: center;
                line-height: 2rem;
                font-size: 14px;
                border-radius: 2.5rem;
                height: 2rem;
                color: rgb(255, 255, 255);
                background: linear-gradient(to right, #F2D13A, #F3BD2A);
                display: block;
                float: right;
            }

            .indexdiv {
                background: #000;
                opacity: 0.8;
                position: fixed;
                top: 0;
                left: 0;
                z-index: 100;
                width: 100%;
                height: 100%;
                display: none;
            }

            .goods_lists li span.money {
                height: 1.5rem;
                background: none;
                font-weight: bold;
                color: #FFF;
                line-height: 1.5rem;
                position: absolute;
                /* right: 1rem; */
                font-size: 14px;
                padding: 0 1rem;
                border-radius: 2rem;
                top: 9.2rem;
                left: 0;
                width: 10rem;
            }

            .goods_lists h4 {
                color: #FFF;
            }

            .goods_lists p {
                color: #888;
            }

            .goods_lists li .text {
                width: 100%;
                height: auto;
                margin-top: 1rem;
                margin-left: 0.6rem;
            }
        </style>
        </head>

        <body>

            <div class="bg"></div>

            <header style="background: #232323">
                <img src="<?php echo e(asset('core/img/re.png')); ?>" onclick="javascript:history.back(-1);">
                <p style="color: #fff;">My device</p>
                <img src="<?php echo e(asset('core/img/lo.png')); ?>">
            </header>
            <div class="header"></div>

            
            </div>




            <div class="goods_lists">
                <ul>
                    <?php $__empty_1 = true; $__currentLoopData = $logs; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $plan): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <li style="margin-top: 20px; padding-left:20px; padding-top:20px;">
                            <span>
                                <div class="product-texts">
                                    <h3 style="text-transform: capitalize;font-weight:bolder; color:white;">
                                        <?php echo e(strtoupper($plan->plan->name)); ?></h3>
                                    <p><span>Income Cycle : </span><span><?php echo e($plan->total_return); ?> days</span></p>
                                    <p><span>Daily Income : </span><span><?php echo e(number_format($plan->interest_amount)); ?>

                                            NGN</span></p>
                                    
                                    <p><span>Gross Return :
                                        </span><span><?php echo e(number_format($plan->interest_amount * $plan->total_return, 2)); ?>

                                            NGN</span></p>
                                    <p><span>Total Paid :
                                        </span><span><?php echo e(number_format($plan->total_paid * $plan->interest_amount, 2)); ?>

                                            NGN</span></p>

                                    <p><span>Next Date : </span><span>
                                            <?php
                                                $nextTime = \Carbon\Carbon::parse($plan->next_return_date);
                                            ?>

                                            <script>
                                                createCountDown('counter<?php echo $plan->id; ?>', <?php echo e($nextTime->diffInSeconds()); ?>);
                                            </script>

                                            <span class="text m-0" id="counter<?php echo e($plan->id); ?>"></span>
                                        </span></p>
                                </div>
                            </span>
                        </li>


                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                <div data-v-e7ebc72f class="no-more text-center" style="color:white;">No
                                    data</div>
                        <?php endif; ?>
                </ul>
            </div>


            </div>

            </div>

            <!--弹窗-->
            <div class="indexdiv"></div>
            

                        <!--收益弹窗-->
                        <div style="position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; margin: 0px auto; z-index: 102; width: 100%;; display:none"
                            id="success">
                            <div
                                style="width:100%;text-align:center; background:#FF7E00; height:280px; margin:0 auto;width:80%; color:#fff;margin-top:10px;">
                                <br>
                                <div style="height:35px;line-height:35px;  background:none;color:#fff">Successful battery
                                    production
                                </div>
                                <br>
                                <div
                                    style="width:90%;position:relative; margin:0 auto;  height:auto; overflow:hidden;border:0px;  ">

                                    <div style="height:80px; width:100%; margin:0 auto;background:#fff; position:relative;  border:0px; color:#fff "
                                        class="btn">
                                        <div style="float:left;width:20%;margin-left:5%; ">
                                            <!--cmf_get_image_preview_url($info.thumb-->
                                            <img src="" style="margin-top:15px; width:100%;border-radius:5px;">
                                        </div>
                                        <div style="float:left;width:70%; margin-left:5%; font-size:12px; text-align:left;">
                                            <div style=" margin-top:15px; font-size:14px;color:#fff">
                                                <font style="color:#FFE393;" id="xh_nm1"></font>
                                            </div>
                                            <div style=" margin-top:3px; font-size:12px;color:rgb(73,172,209)">Total
                                                revenue：<font style="font-size:12px;  " id="d_income1">₹</font>
                                            </div>
                                            <div style=" margin-top:3px;font-size:12px;color:rgb(73,172,209)">Cumulative
                                                income：<font style="font-size:12px; " id="all_income"> ₹</font>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                                <div style="margin-bottom:15px; margin-top:15px; font-size:12px; ">
                                    <font style="color:#fff">battery number</font>：<font style="font-size:12px;color:#fff;"
                                        id="orderno"></font><br>
                                    <font style="color:#fff">Production time</font>：<font
                                        style="font-size:12px; color:#fff;" id="ordertime"></font>
                                </div>
                                <div style="margin-bottom:15px; margin-top:25px;">
                                    <div id="Confirm" class="btn"
                                        style="width:50%;background:rgb(255,214,113);cursor:pointer; height:35px;line-height:35px; margin-top:20px;  border:0px; border-radius: 15px; font-size: 12px; color:#000;margin:0 auto; ">
                                        Confirm </div>
                                </div>
                            </div>
                        </div>








                        <div class="footer"></div>
                        <footer>
                            <ul>
                                <li onclick="location='<?php echo e(route('user.home')); ?>'">
                                    <img src="<?php echo e(asset('core/img/f1.png')); ?>">
                                    <p>Home</p>
                                </li>
                                <li onclick="location='<?php echo e(route('user.deposit')); ?>'">
                                    <img src="<?php echo e(asset('core/img/f2.png')); ?>">
                                    <p>Recharge</p>
                                </li>
                                <li onclick="location='<?php echo e(route('user.referrals')); ?>'">
                                    <img src="<?php echo e(asset('core/img/f3.png')); ?>">
                                    <p>Invite</p>
                                </li>
                                <li class="action" onclick="location='<?php echo e(route('user.investment.log')); ?>'">
                                    <img src="<?php echo e(asset('core/img/f4.png')); ?>">
                                    <p>Device</p>
                                </li>
                                <li onclick="location='<?php echo e(route('user.profile.setting')); ?>'">
                                    <img src="<?php echo e(asset('core/img/f5.png')); ?>">
                                    <p>Mine</p>
                                </li>
                            </ul>
                        </footer>

                        <!-- popou -->
                        <div class="ak_finance_musk" style="display:none">
                            <div class="ak_finance_popou" style="padding:0 2% 2.5rem">
                                <div style="overflow:hidden">
                                    <div id="reback" class="headerback"
                                        onclick="$('.indexdiv').hide();$('.ak_finance_musk').hide()">
                                        <i class="layui-icon fhicon">X</i>
                                    </div>
                                    <div>
                                        <font class="topname" id="retrievepassword_title"
                                            style="position: static;margin-left: -3rem;">
                                            Buy Finance</font>
                                    </div>
                                </div>
                                <form action="/finance_list.html" method="post" id="login-form">
                                    <div class="ak_finance_list" style="margin-bottom:0;margin-top:1.5rem">
                                        <ul>
                                            <li>
                                                <div class="income">
                                                    <h4 id="popou_rate">3%</h4>
                                                    <p>Interest rate</p>
                                                </div>
                                                <div class="text">
                                                    <h4 id="popou_name">short term fund</h4>
                                                    <p id="popou_min">Minimum ₹500.00</p>
                                                </div>
                                                <button id="popou_cycle">Duration 3 days</button>
                                            </li>
                                        </ul>
                                    </div>

                                    <div class="ak_finance_popou_input">
                                        <h3>₹</h3>
                                        <input type="text" name="amount" id="amount" min="10"
                                            onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                                            onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}"
                                            value="" class="form-control"
                                            placeholder="Please enter the purchase amount">
                                    </div>
                                    <div class="ak_finance_popou_tips">Earnings to maturity：₹ 0.00</div>
                                    <input type="hidden" value="" name="rate" id="rate">
                                    <input type="hidden" value="" name="finance_id" id="finance_id">
                                    <button class="button" id="login-submit" type="submit">Buy now</button>
                                </form>
                            </div>
                        </div>
                        <!-- popou -->

                        <style>
                            .rotate {
                                animation: rotate 3s linear infinite;
                                /* 使用animation属性来实现旋转动画 */
                            }

                            /* 接着定义旋转动画rotate */
                            @keyframes  rotate {
                                from {
                                    transform: rotate(0deg);
                                    /* 从0度开始旋转 */
                                }

                                to {
                                    transform: rotate(360deg);
                                    /* 旋转一周后停止 */
                                }
                            }

                            .kefu {
                                width: 60px;
                                height: 60px;
                                border-radius: 50%;
                                position: fixed;
                                bottom: 60px;
                                right: 0;
                                z-index: 100;
                            }

                            .kefu a {
                                display: inline-block;
                            }

                            .kefu img {
                                height: 60px;
                                width: auto;
                            }
                        </style>
                    <?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.users', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /Applications/AMPPS/www/swift/core/resources/views/templates/basic/user/investment_log.blade.php ENDPATH**/ ?>