<?php

ob_start();
session_start();

if($_SESSION['frontuserid'] == '')
{
    
    header("location:login.php");
}
$userid=$_SESSION['frontuserid'];
include("config.php");
?>
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Language" content="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Forcecrypto</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no" />
    <meta name="description" content="This is an example dashboard created using build-in elements and components.">
    <meta name="msapplication-tap-highlight" content="no">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


    <link rel="icon" type="image/x-icon" href="assets/img/logo1.png"><!--<title>Mantrimall</title>-->
<link rel="shortcut icon" type="image/png" href="assets/img/image/mylogo.png"/>
<link href="https://demo.dashboardpack.com/architectui-html-free/main.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
 <?php include("head.php"); ?>
<!--<title>Mantrimall</title>-->
<link rel="shortcut icon" type="image/png" href="assets/img/image/mylogo.png"/>


</html><link rel="stylesheet" href="assets/css/style.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
.tele {
    width: 17px;
    position: absolute;
    left: 11px;
    top: 8px;
}
.accordion {
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding:0px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.btn-sm{text-align:right !important;}

.widget-content .widget-content-left .widget-subheading {
    opacity: 0.9;
}
.accordion .link {
      cursor: pointer;
    display: block;
    padding:5px 15px 15px 33px;
    font-size: 14px;
    color: #4e4e4e;
    font-weight: 500;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li:hover i{color:var(--background-color);}

.accordion li:hover a{color:var(--background-color);}

.accordion li i {
  position: absolute;
  top: 10px;
  left: 12px;
  font-size: 14px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 15px;
    left: auto;
    font-size: 13px;
}

.accordion li.open .link { color:var(--background-color); }

.accordion li.open i { color: var(--background-color); }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.submenu {
  display: none;
  background:none;
  font-size: 14px;
}



.submenu a {
  display: block;
    text-decoration: none;
    color: #595959;
    padding: 6px;
    font-size: 14px;
    padding-left: 19px;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.submenu a:hover {
      background: #fff;
    color: #009688;
}
ul{list-style-type:none;}
a{
    
    color: #62686e;
    text-decoration: none;

}
a:hover {
    color: #009688;
    text-decoration: none;
}
.appBottomMenu {
	min-height:45px;
	position:fixed;
	z-index:9999;
	bottom:0;
	left:0;
	right:0;
	background:#FFF;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-pack:center;
	justify-content:center;
	padding-bottom:env(safe-area-inset-bottom);
	-webkit-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .12);
	box-shadow: 0 3px 14px 2px rgba(0, 0, 0, .12);
}
.appBottomMenu .item {
	width:35%;
	text-align:center;
	height:56px;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-pack:center;
	justify-content:center
}
.appBottomMenu .item>a {
	width:100%;
	height:56px;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	padding:0;
	-webkit-box-pack:center;
	justify-content:center;
	color:#d6dbe1 !important;
	position:relative
}
.appBottomMenu .item p {
	margin:0
}
.appBottomMenu .item i {
	font-size:23px;
	line-height:0;
	margin-bottom:17px;
	    color: #a9a7a7;
	display:block
}
.appBottomMenu .item span {
	display:block;
	font-size:11px;
	position:absolute;
	left:0;
	bottom:4px;
	right:0
	color: #000 !important;
    font-family: calibri;
}
.appBottomMenu .item.active {
	position:relative
}
.appBottomMenu .item.active i{color: #0f85a9 !important; }
.appBottomMenu .item.active span{color: #0f85a9 !important;}
/*.appBottomMenu .item.active:after {
	content:'';
	height:2px;
	border-radius:0 0 10px 10px;
	display:block;
	background:#565EFF;
	position:absolute;
	left:0;
	top:0;
	right:0
}*/
.appBottomMenu .item.active>a {
	color:#a9a7a7 !important;
}
.appBottomMenu.iconed .item i {
	margin-bottom:0
}
.appBottomMenu.color-light {
	border-top:0
}
.appBottomMenu.color-light .item>a {
	color:rgba(255, 255, 255, 0.7) !important
}
.appBottomMenu.color-light .item.active:after {
	background:transparent
}
.appBottomMenu.color-light .item.active>a {
	color:#FFF !important
}
    .fixed-sidebar .app-main .app-main__outer {
    z-index: 9;
    padding-left: 0;
}
.fixed-header .app-main {
    padding-top: 11px;
}
.btn-primary {
        color: #fff;
    background-color: #2955c8 !important;
    border-color: #2955c8 !important;
    position: absolute;
    right: 0;
    bottom: -30px;
}
.btn-primary:hover {
    background: #ef443b !important;
    border-color: #ef443b !important;
}
.widget-content .widget-content-left .widget-heading{
        font-size: 15px;
    position: absolute;
    right: 0;
    top:0;
}
.app-theme-white .app-sidebar {
    background: #fff;
    display: none;
}
.fixed-header .app-header {
    position: fixed;
    width: 100%;
    top: 0;
    display: none;
}
.ui-theme-settings{display:none;}
.bb img{
       width: 99px;
    margin: 25px 35%;
}
    .widget-content .widget-content-wrapper{min-height:95px !important;}
    .table-responsive .widget-content .widget-content-wrapper{min-height:25px !important;}
    .table-responsive .widget-heading{font-size:15px !important;}
    .appHeader1 {
	padding: 0 24px;
	height:51px;
	background:#4f0761;
	border-color:#4f0761;
	-webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}
.appHeader1 .pageTitle {
	line-height:3em;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: .02em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#fff;
}
.appHeader {
	height:79px;
	display:-webkit-box;
	display:flex;
	-webkit-box-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	align-items:center;
	/*position:fixed;*/
	top:0;
	left:0;
	right:0;
	z-index:9990;
	background:#f1f1f1;
	color:#1B2C42
}
.appHeader .pageTitle {
	    color: blue;
    font-size: 28px;
    text-align: center;
    line-height: 6px;
    margin-top: 7%;
    margin-left: 23px;
}
.appHeader .pageTitle .text-muted {
	font-size:11px;
	margin:0;
	line-height:1.2em
}
.appHeader .pageTitle .image {
	height:20px
}
.appHeader1 .left, .appHeader1 .right {
	position:absolute;
	top:0;
	-webkit-transition:0.2s all;
	transition:0.2s all;
	height:56px;
	min-width:56px;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-pack:center;
	justify-content:center
}
.appHeader .left .btn, .appHeader .right .btn {
	margin-right:10px
}
.appHeader1 .left .icon, .appHeader1 .right .icon {
	width:56px;
	height:56px;
	color:#fff;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-pack:center;
	justify-content:center
}
.appHeader1 .left .icon i, .appHeader1 .right .icon i {
	font-size:19px;
}
.appHeader1 .left:active, .appHeader1 .right:active {
	opacity:1
}
.appHeader1 .left {
	left:0;
	right:auto
}
.appHeader1 .right {
	right:0;
	left:auto
}
.appHeader1 .right .link {
	margin-right:20px;
	color:#1B2C42;
	font-weight:500
}
.appHeader.color-light {
	border-bottom:0
}
.appHeader.color-light .pageTitle {
	color:#fff
}
.appHeader.color-light .left .icon, .appHeader.color-light .right .icon {
	color:#fff
}
.searchBox {
	position:fixed;
	display:none;
	left:0;
	top:0;
	z-index:10500;
	right:0;
	height:56px;
	background:#fff;
	box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2)
}
.searchBox .inputIcon {
	font-size:26px;
	height:56px;
	width:56px;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-pack:center;
	justify-content:center;
	position:absolute;
	left:0;
	top:0;
	color:#1B2C42
}
.searchBox .form-control {
	height:56px;
	background:transparent;
	border-radius:0;
	padding-left:56px;
	padding-right:56px
}
.searchBox .form-control:focus {
	background:transparent
}
.searchBox .closeButton {
	position:absolute;
	right:0;
	top:0;
	width:56px;
	height:56px;
	text-shadow:none;
	font-size:26px;
	display:-webkit-box;
	display:flex;
	-webkit-box-align:center;
	align-items:center;
	-webkit-box-pack:center;
	justify-content:center;
	color:#8D95A0
}
.searchBox .closeButton:hover, .searchBox .closeButton:active {
	opacity:.7
}
.searchBlock {
	position:relative;
	padding: 21px 27px 27px;
}
.searchBlock .inputIcon {
	    position: absolute;
    z-index: 1;
    font-size: 23px;
    width: 56px;
    height: 44px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.searchBlock .form-control {
	padding-left:56px
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
   margin-left: -120px;
}

.dropdown-content p{
        font-size: 16px;
    padding: 10px;

}

.dropdown:hover .dropdown-content {
  display: block;
}
.widget-content {
    padding: 1rem;
    flex-direction: row;
    align-items: center;
    height: 199px;
        height: 199px;
    background: #000 !important;
}
.bb p{font-size:20px;}

.widget-content:hover {
    border: 1px solid var(--color-two);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;
}

.bb:hover {
    border: 1px solid var(--color-two);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;
}
.mnu-icon {
    width: 29px;
    margin-top: -18px;
}
 .gf{
       position: absolute!important;
    right: 610px!important;
    font-size: 20px!important;}
.appBottomMenu .item .ion-md-person{color:var(--background-color) !important;}
.appBottomMenu .item .toggleSidebar span{color:var(--background-color) !important;}
@media only screen and (max-width: 700px){
.mnu-icon {
    width: 30px;
}
.appBottomMenu .item span{bottom:0px;}
}
</style>
</head>
<body>
    
    <div class="appHeader1" >
<div class="left">
            <!--<a href="#"  class="icon goBack">
                <i class="icon ion-md-arrow-back"></i>
            </a>-->
            <div class="pageTitle">Interest Details</div>
              </div>
              
              
         
 
 <?php
					  	$userid = $_SESSION['frontuserid'];
					  $sqlwallet = mysqli_query($com,"select * from wallet where userid ='$userid'");
					  $wallert_row = mysqli_fetch_array($sqlwallet);
					  $amount = $wallert_row['amount'];
					  
					  
					  ?>
</div>
  
  


    <div class="app-container app-theme-white body-tabs-shadow fixed-sidebar fixed-header">
     
        
        
        <div class="app-main">
                
                
                <div class="app-main__outer">
                    <div class="app-main__inner">
                        
                        <div class="row" >
                            <div class="col-md-6 col-xl-3 ">
                                <div  class="card mb-3 widget-content " >
                                    <div class="widget-content-wrapper text-white">
                                        
                                        <div class="widget-content-center">
                                            <div class="item-tips" >Inverstment Price</div>
                                            <div class="item-value" style='color:red'; ><img style="width: 9%;" src="assets/img/tron_iconwh.png">500</div>
                                            <br>
                                            <div class="item-tips" >Total Interest</div>
                                            <div class="item-value" data-v-6c36d3c0="">
                                             <?php
                                             $sql1 = mysqli_query($com,"select * from interest_1 where userid='$userid'");
                                             $row1 = mysqli_fetch_array($sql1);
                                             echo $row1['amount'];
                                             ?>
                                            
                                            </div>
                                             
                                             <div class="item-value" data-v-6c36d3c0="">
                                                 <a href="interest_view1.php" style="width:130px; margin: 12px ;" class="btn btn-info">Details Here</a>
                                           
                                            
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                         
                        <div class="col-md-6 col-xl-3 ">
                                <div style="width;220px;" class="card mb-3 widget-content " style="background-color:333">
                                    <div class="widget-content-wrapper text-white">
                                        
                                        <div class="widget-content-center">
                                            <div class="item-tips" data-v-6c36d3c0="">Inverstment Price</div>
                                            <div class="item-value" style='color:red';font-weight:gold;><img style="width: 9%;" src="assets/img/tron_iconwh.png">1000</div>
                                            <br>
                                            <div class="item-tips" data-v-6c36d3c0="">Total Interest</div>
                                            <div class="item-value" data-v-6c36d3c0="">
                                                <?php
                                             $sql2 = mysqli_query($com,"select * from interest_2 where userid='$userid'");
                                             $row2 = mysqli_fetch_array($sql2);
                                             echo $row2['amount'];
                                             ?>
                                            </div>
                                            <div class="item-value" data-v-6c36d3c0="">
                                                 <a href="interest_view2.php" style="width:130px; margin: 12px ;" class="btn btn-info">Details Here</a>
                                           
                                            </div>  
                                        </div>
                                    </div>
                                </div>
                            </div>
                         
                         
                         
                         <div class="col-md-6 col-xl-3 ">
                                <div style="width;220px;" class="card mb-3 widget-content " style="background: rgb(78,114,237);background: linear-gradient(189deg, rgba(78,114,237,1) 13%, rgba(139,87,231,1) 80%) !important;">
                                    <div class="widget-content-wrapper text-white">
                                        
                                        <div class="widget-content-center">
                                            <div class="item-tips" data-v-6c36d3c0="">Inverstment Price</div>
                                            <div class="item-value" style='color:red';font-weight:gold;><img style="width: 9%;" src="assets/img/tron_iconwh.png">3000</div>
                                            <br>
                                            <div class="item-tips" data-v-6c36d3c0="">Total Interest</div>
                                            <div class="item-value" data-v-6c36d3c0="">
                                            <?php
                                             $sql3 = mysqli_query($com,"select * from interest_3 where userid='$userid'");
                                             $row3 = mysqli_fetch_array($sql3);
                                             echo $row3['amount'];
                                             ?>
                                            </div>
                                             <div class="item-value" data-v-6c36d3c0="">
                                                 <a href="interest_view3.php" style="width:130px; margin: 12px ;" class="btn btn-info">Details Here</a>
                                           
                                             
                                            </div>
                                             
                                        </div>
                                    </div>
                                </div>
                            </div>
                         
                         
                         
                         
                         <div class="col-md-6 col-xl-3 ">
                                <div style="width;220px;" class="card mb-3 widget-content " style="background: rgb(78,114,237);background: linear-gradient(189deg, rgba(78,114,237,1) 13%, rgba(139,87,231,1) 80%) !important;">
                                    <div class="widget-content-wrapper text-white">
                                        
                                        <div class="widget-content-center">
                                            <div class="item-tips" data-v-6c36d3c0="">Inverstment Price</div>
                                            <div class="item-value" style='color:red';font-weight:gold;><img style="width: 9%;" src="assets/img/tron_iconwh.png">5000</div>
                                            <br>
                                            <div class="item-tips" data-v-6c36d3c0="">Total Interest</div>
                                            <div class="item-value" data-v-6c36d3c0="">
                                            <?php
                                             $sql4 = mysqli_query($com,"select * from interest_4 where userid='$userid'");
                                             $row4 = mysqli_fetch_array($sql4);
                                             echo $row4['amount'];
                                             ?>
                                            </div>
                                             <div class="item-value" data-v-6c36d3c0="">
                                                 <a href="interest_view4.php" style="width:130px; margin: 12px ;" class="btn btn-info">Details Here</a>
                                           
                                            
                                            </div>
                                             
                                        </div>
                                    </div>
                                </div>
                            </div>
                         
    
                    </div>
                     
                    </div>
                
                
                
                
                
        </div>
    </div>

    
<div class="appBottomMenu">
  <div class="item "> <a href="index.php">
    <p> <i class="icon ion-md-home"></i> <span style="color:#000;">Home</span> </p>
    </a> </div>
 
       <div class="item "> <a href="promotion.php">
    <p><i class="icon ion-md-grid"></i> <span  style="color:#000;">Team</span> </p>
    </a> </div>
    
    <div class="item active"> <a href="myaccount.php" class="icon toggleSidebar">
    <p> <i class="icon ion-md-person"></i> <span  style="color:#000;">My </span> </p>
    </a> </div>
    </div>
    
    
    
    
    <script>
    $(function() {
	var Accordion = function(el, multiple) {
		this.el = el || {};
		this.multiple = multiple || false;

		// Variables privadas
		var links = this.el.find('.link');
		// Evento
		links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
	}

	Accordion.prototype.dropdown = function(e) {
		var $el = e.data.el;
			$this = $(this),
			$next = $this.next();

		$next.slideToggle();
		$this.parent().toggleClass('open');

		if (!e.data.multiple) {
			$el.find('.submenu').not($next).slideUp().parent().removeClass('open');
		};
	}	

	var accordion = new Accordion($('#accordion'), false);
});

</script>
 <script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
                                <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js'></script>
                                <script type='text/javascript' src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js'></script>

<script type="text/javascript" src="https://demo.dashboardpack.com/architectui-html-free/assets/scripts/main.js"></script></body>
</html>
