<?php

ob_start();
session_start();

if($_SESSION['frontuserid'] == '')
{
    
    header("location:login.php");
}

include("config.php");
?>
<!doctype html>
<html lang="en">
     <head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php include("head.php"); ?>
<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"/>
<link href="assets/css/dataTables.bootstrap.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://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<style>
  body {
	-ms-user-select:text;
	user-select:text;
	-moz-user-select:text;
	-webkit-user-select:text
}
.layout--tabs .nav-item{
    width:33%;
}
.table thead th{color:#000;}
.accordion .btn-link::after{
    display:none;
}
.card {
    border: 1px solid #E5E9F2;
    border-radius: 3px;
    padding: 0px;
}
.card .card-title {
    margin-bottom: 7px;
}

.nav-tabs.size2 .cvc {
  width: 33%;
}
.modal-body {
    padding: 0 15px !important;
}
h3{ font-weight:normal; font-size:20px;}
h4{ font-weight:normal; font-size:18px; color:#858585;}
.card-body{ padding:.6rem;}
td{ padding:3px;}
.btn-sm {
    height: 26px;
    padding: 0px 12px;
}
.form-control{box-shadow:none; border-bottom:#ccc solid 1px; margin-bottom:3px;}
#alert h4{font-size: 1rem; font-weight:bold; color:#333;}
#alert p{font-size: 13px; margin-top:20px;}
#alert .modal-content{border-radius:3px}
#alert .modal-dialog{padding:20px; margin-top:130px;}

label{ color:#999;}
#bonus .modal-dialog{margin-top:100px;}
#bonus .modal-footer{ border:none;}
.dropdown-menu{ background:#fff;top: -15px;
left: -145px; border:none;
border-radius:0px;
-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);}
.appHeader1 .right{right:20px;}
.dropdown-item {
    padding: .75rem 1.5rem;
}

.nav-tabs .nav-link.active{
    background:#ccc !important;
        padding: 0 198px;

}

.tab-content {
  padding: 0;
}

.card {
  border-radius: 0 0 .25rem .25rem;
  border-top: 0;
}

.nav-tabs {
  height: 42px;
  padding: 0;
  position: relative;

  .nav-item {
    margin-left: 0;
 
    a {
      color: black;
      display: block;
      padding: 8px 25px;
    }


    &.overflow-tab {
      background-color: white;
      display: none;
      position: absolute;
      right: 0;
      width: 150px;
      z-index: 1;

      a {
        border: 1px solid lightgray;
        border-radius: 0;
        padding: 6px 10px;

        &:hover,
        &:focus,
        &:active,
        &.active {
          background-color: lightgray;
        }
      }
  
      &:last-child {
        border-radius: 0 0 0 4px;
      }

    }

    &.overflow-tab-action {
      position: absolute;
      right: 0;
    }
  }

}
/* ----- CSS ----- */
#popup {
  display: inline-block;
    opacity: 0;
    width: 63%;
    height: 50%;
    z-index: 99;
    position: fixed;
    top: 120px;
    left: 770px;
    padding: 1em;
    transform: translateX(-50%);
    background: #fff;
    border: 1px solid #888;
    box-shadow: 1px 1px 0.5em 0 rgb(0 0 0 / 50%);
    transition: opacity .3s ease-in-out;
}

#popup.hidden {
  display: none;
}
#popup.fade-in {
  opacity: 1;
}

.notice_zz {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrapper {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 4px;
    width: 70%;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: .3s cubic-bezier(.25,.8,.5,1);
}
.tz_title {
    font-size: 18px;
    padding: 15px;
}

.tz_info {
    font-size: 14px;
    padding: 15px;
    line-height: 1.5;
    max-height: 47vh;
    overflow-y: auto;
}

.tz_close{
    display: flex;
    justify-content: flex-end;
    padding: 8px 5px 8px 15px;
    box-sizing: border-box;
}

.tz_close button {
    color: #00897b;
    font-size: 14px;
    padding: 5px 10px;
    border: 0;
    background: transparent;
    margin-left: 10px;
}

.hide{
    display:none;
}
.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;
}
.modal-header{background:none; border-bottom:none;}

.appBottomMenu .item.active span {
    color: var(--background-color)!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: 600px) {
 .nav-tabs .nav-link.active {
    background: #ccc !important;
    padding: 0 28px;
}
.modal-header{height:46px !important;}
.modal-dialog{  margin: 0.5rem 0 !important;}

}

</style>

</head>

<body>

    
    <div id="modal-content" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">×</button>
                
            </div>
            <div class="modal-body">
                <p class="signCenter">
                  <span class="closeSymbol">X</span>
                </p>
            </div>
          <div class="modal-footer signCenter"> <p class="snapHdr">Oh Snap !</p><p class="info">Your time has limited. Try checking once again</p>
                <a href="#" class="btn closeftr" data-dismiss="modal">Close</a>
                
            </div>
        </div>
    </div>
</div>
<div id="appCapsule" class="pb-2">
  <div class="appContent1 pb-5">
    
  
  <div class="text-center mb-2">
  <!--<a  href="apply_interest.php" class="btn btn-primary" style="width:160px; height:36px;     background: var(--background-color) !important;">Apply to Balance</a>-->
  </div>
    <div style="margin-left:40px;margin-right:40px;">
          <div class="table-responsive">
              <table class="table" id="myTable">
                <thead>
                    
                  <tr>
                    
                    <th scope="col">Date</th>
                    <th scope="col">Interset(%)</th>
                    <th scope="col">Interset Amount</th>
                    <th scope="col">Total Interset Amount</th>
                  </tr>
                  
                </thead>
                <tbody>
                    <?php 
      $userid=$_SESSION['frontuserid'];
      $user=mysqli_query($com,"select * from `interest_summery_2` where `userid`='".$userid."' order by id desc");
	  while($rows=mysqli_fetch_array($user))
	  {
	      
	  ?>
                <tr>
                   <td><?php 
                     $post_date2 = strtotime($rows['post_date']);
                     $convert=date('Y-m-d',$post_date2); 
                    echo $convert;  
                    ?></td>
                    <td><?php echo $rows['daily_interest']; ?></td>
                    <td><?php echo number_format($rows['interest_amount'],2); ?></td>
                    <td><?php echo number_format($rows['total_interest'],2); ?></td>
                  </tr>
                  <?php  }?>                    
                </tbody>
              </table>
            </div>
        </div>
     <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.3/css/jquery.dataTables.min.css">   
   <script type="text/javascript" charset="utf8" src="/DataTables/datatables.js"></script>
   <script>
        $(document).ready( function () {
    document.getElementById("myTable").DataTable();
} );
    </script>
   <div class="appBottomMenu">
  <div class="item "> <a href="index.php">
    <p> <i class="icon ion-md-home"></i> <span>Home</span> </p>
    </a> </div>
 
       <div class="item "> <a href="promotion.php">
    <p><i class="icon ion-md-grid"></i> <span>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>My </span> </p>
    </a> </div>
    </div> </body>
  </html>