
            <div class="transfer" style="overflow-x: scroll;">
                    <div class="alert alert-primary">
                        <strong><i class="uil uil-lightbulb-alt"></i> Tip</strong> The below table contains a list of investment transactions in your account
                    </div>
                    <table class="table table-light table-striped table-hover">
                        <thead>
                            <tr>
                                <th>Type</th>
                                <th>Amount</th>
                                <!-- <th>Token</th> -->
                                <th>Status</th>
                                <th>Start Date</th>
                                <th>Next Return</th>
                                <th>Total return</th>
                            </tr>
                        </thead>
                        <tbody>
                        <?php $__currentLoopData = $invests; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $invest): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php
        if($invest->last_time){
        $start = $invest->last_time;
        }else{
        $start = $invest->created_at;
        }
    ?>
                                <tr>
                                <td><?php echo e(__($invest->plan->name)); ?> - <?php echo app('translator')->get('After Every'); ?> <?php echo e(__($invest->time_name)); ?> <?php echo e($invest->plan->interest_type != 1 ? $general->cur_sym : ''); ?><?php echo e(showAmount($invest->plan->interest)); ?><?php echo e(($invest->plan->interest_type == 1) ? '%': ''); ?>  </td>
                                <td><?php echo e($general->cur_sym); ?> <?php echo e(showAmount($invest->amount )); ?></td>
                                <!-- <td>ii</td> -->
                                <td>
                                    <?php if($invest->status === 1): ?>
                                    <span class="badge badge-warning">Running</span>
                                    <?php elseif($invest->status === 2): ?>
                                    <span class="badge badge-success">Complete</span>
                                    <?php elseif($invest->status === 3): ?>
                                    <span class="badge badge-info">Reversed</span>
                                    <?php else: ?>
                                    <span class="badge badge-danger">Rejected</span>
                                    <?php endif; ?>
                                </td>
                                <td><?php echo e(showDateTime($invest->created_at, 'M d, Y h:i A')); ?></td>
                                <td><?php echo e(showDateTime($invest->next_time, 'M d, Y h:i A')); ?></td>
                                <td><?php echo e($general->cur_sym); ?><?php echo e(showAmount($invest->interest)); ?> x <?php echo e($invest->return_rec_time); ?> = <?php echo e(showAmount($invest->paid)); ?> <?php echo e($general->cur_text); ?></td>
                            </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                    </tbody>
                    </table>
            </div>



<?php $__env->startPush('style'); ?>
<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;
    }

    .invest-details-link{
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        border: 1px solid #c3bfbf;
        border-radius: 50px;
        color: #c3bfbf;
    }
    .invest-details-link:hover{
        border-color: #a7a7a7;
        color: #a7a7a7;
    }
</style>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('script'); ?>
    <script>
        let animationCircle = $('.animation-circle');
        animationCircle.css('animation-duration', function() {
            let duration = ($(this).data('duration'));
            return duration;
        });
    </script>
<?php $__env->stopPush(); ?>


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


<style>
        .row{
            margin: 0px;
            padding: 0px;
        }
        .light .main-container{
            height: 100vh;
            background: #F0F0F0;
            padding: 20px;
        }
        .light .sidebar{
            width: 200px;
            position: absolute;
        }
        .light .nav-logo{
            
        }
        .light .sidebar ul{
            list-style-type: none;
            padding: 0px;
            padding-top: 6px;
            margin: 0px;
        }
        .light .sidebar ul li{
            font-size: 16px;
            padding: 10px 10px;
            margin: 0px 0px;
            margin-left: 15px;
            margin-right: 15px;
            border-bottom: 2px solid transparent;
        }
        .light .sidebar ul li a{
            text-decoration: none;
            font-size: 16px;
            color: #000000;
        }
        .light .sidebar ul li i{
            margin-left: 20px;
            margin-right: 10px;
            font-size: 22px;
        }
        .light .sidebar ul li:hover{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            cursor: pointer;
        }
        .light .sidebar ul li.active{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            
            border-bottom:;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .sidebar ul li.active i{
            color: #EC2244;
        }
        .light .input-group-text{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            background: #FFFFFF;
            border-right: 0px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .form-control{
            font-family: 'Open Sans', sans-serif;
            border-radius: 20px;
            background: #FFFFFF;
            border-left: 0px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .page-body{
            background: #F8F8F8;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            padding: 20% 0px;
            padding-top: 20px;      
            padding-bottom: 12%; 
            
            width: 82%;
            margin-left: 200px;
            margin-top: 9px;
            
        }
        .light .top-bar .nav-btns{
            
        }
        .light .top-bar .nav-btns .btn{
            background: ;
            border-radius: 50%;
            font-size: 20px;
            padding: 11px 12px;
        }
        .light .fund-btn{
            background: #EC2244;
            color: #FFFFFF;
            font-size: ;
            padding: 10px 22px;
        }
        .light .btn.top-up{
            background: #EC2244;
            color: #FFFFFF;
            font-size: 14px;
            padding: 8px 40px;
        }
        .light .btn.top-up:hover{
            background: #011A41;
        }
        .light .welcome{
            border-radius: 8px;
            background: #EC2244;
            padding: 25px 15px;
            margin: 0px 20px;

        }
        .light .welcome img{
            border-radius: 50%;
            width: 100px;
        }
        .light .balance-holder{
            padding: 10px;
            
        }
        .light .balance-holder h4{
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 20px;
            margin: 20px 10px;
            margin-bottom: 10px;
            margin-left: 10px;
            color: #303030;
        }
        .light .balance{
            padding: 10px;

        }
        .light .balance .item{
            border-radius: 8px;
            background: #FFFFFF;
            padding: 40px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .balance .item .one{
            padding: 20px;
        }
        .light .long-chart{
            height: 400px;
            margin: 20px;
            border-radius: 8px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            background: #FFFFFF;
        }
        .light h4.title{
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 20px;
            margin: 20px 10px;
            margin-left: 10px;
            color: #303030;
        }
        .refer{
            background: linear-gradient(to right, #ee0979, #ff6a00);
            border-radius: 8px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            padding: 20px;
            margin: 10px 20px;
        }
        .refer h4{
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            color: #FFFFFF;
        }
        .refer p{
            color: #FFFFFF;
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
        }
        .refer .form-control{
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            background: #FFFFFF;
            padding: 25px 10px;
            font-size: 16px;
        }
        .refer .form-control:focus{
            border: 1px solid transparent;
        }
        .refer .btn{
            background: #FFFFFF;
            border-radius: 8px 8px 8px 8px;
            color: #FFFFFF;
            font-weight: 600;
            font-size: 14px;
            padding: 6px;
        }
        .refer .btn:hover{
            color: #FFFFFF;
        }
        .refer .btn:focus{
            box-shadow: none;
        }
        .navibar2 {
            display: none;
        }
        @media screen and (max-width: 1200px) {
            .navibar {
                display: none;
            }
            .navibar2 {
                display: flex;
            }
            .light .page-body{
                width: 100%;
                margin-left: 0px;
            }
        }
        .sidenav {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 20;
            top: 0;
            left: 0;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            background-color: #FFFFFF;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 30px;
        }
        .sidenav .closebtn {
            position: absolute;
            top: 0;
            right: 25px;
            font-size: 36px;
            margin-left: 50px;
        }
        .light .sidenav img{
            padding-left: 20px;
            width: 200px;
        }
        .light .sidenav ul{
            list-style-type: none;
            padding: 0px;
            padding-top: 6px;
            margin: 0px;
        }
        .light .sidenav ul li{
            font-size: 16px;
            padding: 10px 10px;
            margin: 0px 0px;
            margin-left: 15px;
            margin-right: 15px;
            border-bottom: 2px solid transparent;
        }
        .light .sidenav ul li a{
            text-decoration: none;
            font-size: 16px;
            color: #000000;
        }
        .light .sidenav ul li i{
            margin-left: 20px;
            margin-right: 10px;
            font-size: 22px;
        }
        .light .sidenav ul li:hover{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            cursor: pointer;
        }
        .light .sidenav ul li.active{
            border-top-left-radius: 20px;
            border-bottom-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-right-radius: 20px;
            
            border-bottom:;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .sidenav ul li.active i{
            color: #EC2244;
        }

        #main {
            transition: margin-left .5s;
            padding: 16px;
        }

        @media screen and (max-height: 450px) {
            .sidenav {padding-top: 15px;}
            .sidenav a {font-size: 18px;}
        }

        .light .cc-holder{
            padding: 5%;
            overflow-y: scroll;
            display: flex;
            justify-content: center;
        }
        .light .cc-card{
            width: 300px;
            background-image: url("../../images/card-bg2.jpg");
            background-image: 
            linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.7)),
            url('../../images/card-bg2.jpg');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
            padding: 20px 30px;
            border-radius: 20px;
        }
        .light .cc-card .text{
            font-size: 15px;
            color: #FFFFFF;
            text-shadow: 1px 1px 2px black;
        }

        .light .card-details{
            background: #FFFFFF;
            padding: 20px 15px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }
        .light .card-balance{
            background: #EC2244;
            padding: 20px;
            margin: 0px 15px;
            border-radius: 8px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .alert{
            font-family: 'Roboto', sans-serif; 
            font-size: 14px;
        }
        .light .error{
            font-weight: 500;
            padding-top: 10px;
            font-size: 14px;
            color: #C73E1D
        }
        .transfer{
            background: #FFFFFF;
            padding: 20px;
            margin: 16px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            box-shadow:
            0  5px 10px rgba(154,160,185,0.05),
            0 15px 40px rgba(166,173,201,0.2);
        }
        .light .input-group-text{
            font-size: 17px;
            border-radius: 0px;
            border: none;
            background: #F1F5FB;
            color: #EC2244;
        }
        .light .form-control{
            font-family: 'Open Sans', sans-serif;
            border-radius: 0px;
            border: none;
            background: #F1F5FB;
        }
        .light .form-control:focus{
            box-shadow: none;
            background: #F1F5FB;
            color: #000000;
        }
        .light .transfer .text h4{
            font-family: 'Roboto', sans-serif; 
            font-size: 24px;
            text-align: center;
            margin-top:20px;
        }
        .light .transfer .text p{
            font-family: 'Roboto', sans-serif; 
            font-size: 14px;
            text-align: center;
            margin-top: 0px;
        }
        .light h4.title{
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            font-size: 20px;
            margin: 20px 10px;
            margin-left: 20px;
            color: #303030;
        }
        .light p.title{
            font-family: 'Roboto', sans-serif;
            font-weight: 400;
            font-size: 16px;
            margin: 0px 0px;
            margin-left: 0px;
            color: #303030;
        }
    </style>

<?php $__env->stopPush(); ?>

<?php /**PATH /home/neauroca/oxygentrades.com/core/resources/views/templates/invester/partials/invest_history.blade.php ENDPATH**/ ?>