<?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">
<html>
    
  <?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>
<link rel="stylesheet" href="assets/css/homstyle.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
.appHeader1 {
	background-color: #fff !important;
	border-color: #fff !important;
}
.appContent3 {
	background: #009688 !important;
	border-color: #2196f3 !important;
	padding:12px;
	border-radius:3px;
	font-size:16px;
}
.user-block img {
	width: 40px;
	height: 40px;
	float: left;
	margin-right:10px;
	background:#333;
}
.img-circle {
	border-radius: 50%;
}

.light{
    height: 24px;
    padding: 0px 0px;
	margin: 5px 2px;
	border-radius: 20px;
width: 24px;}
.light1{
    height: 26px;
    padding: 0px 0px;
	margin: 5px 2px;
	border-radius: 20px;
width: 26px;}

.recharge{
       
        margin-top:5px;
}
.accordion .card-header h2{text-align:left;}
.bx-shadow{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;}
.mine{
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #fff;
    font-size: 16px;
    padding: 20px 0;
}
.modal-title {
    font-weight: normal;
    color: #000;
}
.top-header {
    /*background: url(assets/img/bgtiop.png) no-repeat;*/
    background:#1c1c2c;
    overflow: hidden;
    
    background-size: cover;
         margin: 30px 0px 0px 16px;
    width: 98%;
    border-radius: 6px;
}
.top-header .nb{
	width: 40px;
    height: 40px;
    float: left;
	margin-top: 23px;
    margin-right: 15px;
    margin-left: 19px;
  
}
.id-m{
    margin: 29px 0 0 0;
    font-size: 17px;
    color: #fff;
    font-weight: 500;
}


.bnt{
     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%);
    background: #f5f5f5;
    border-radius: 2px;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    color: rgba(0,0,0,.87);
    border: 0;
    width: 50%;
}
.icn-right{
 color: #7f7e7e !important;
    position: absolute;
    right: 31px;

}

.bx-shadow {
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)!important;
}
.bgf {
        display: flex;
    color: #fff;
    margin-top: -47px;
    margin-left: 25px;
    font-size: 15px;
    /* margin-right: 71%; */
    flex-direction: column;
    align-items: center;
    /* align-items: flex-start;*/
}
.bgf h4{
	color:#fff;
	font-size:18px;
}

.bgf p{font-size:16px;}
.van-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.top-chunk {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.top-chunk-sub{
    color: #fff;
    text-align: center;
    flex: 1;
}
.van-grid-item__content--center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.van-grid-item__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: 100%;
    padding: 16px 8px;
    background-color: #fff;
}

.van-grid-item__content i{
    font-size: 33px;
    color: #a9a7a7;
}

.flt{
    position: fixed;
    top: 291px;
    right: 19px;
        width: 67px;
    font-size: 17px;
    height: 67px;
    border-color: #009688;
    color: #009688;
    background-color: #fff !important;
    border-radius: 50%;
}

.accordion .card-header a i{display:none;}

.btn-success {
    color: #000;
    background-color: #28dfd7;
    border-color: #28dfd7;
}

.mnu-list{
	margin:0px auto;
	padding:0px;
	list-style-type:none;
}

.mnu-list li{  
    padding: 10px 25px;
    margin: 22px 0;
    }
    
.mnu-list li:hover{background: #e7e7e7 !important;}

.mnu-list li:hover i{color:#009688 !important;}
.mnu-list a{color: #7f7e7e !important;
    font-size: 18px;
    text-decoration: none;
    font-weight: 400;
}
.mnu-list a:hover{color:#009688 !important;}
.btn-bell{
    background-color: #ffffff;
    border-color: #ffffff;
    color: #757575 !important;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    padding: 10px;
    
}
.modal-header{background-color:#fff; border:none;}
.modal-footer{border:none;}
.contentBox.long .contentBox-body{padding: 7px;}

.accordion {
  width: 100%;
  max-width: 100%;
  margin: 0px;
  padding:0px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.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;
}
.uni-input-input {
    position: relative;
    display: block;
    height: 100%;
    width:100%;
    border:none;
    background:#fff;
    color: inherit;
    opacity: 1;
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-align: inherit;
    text-indent: inherit;
    text-transform: inherit;
    text-shadow: inherit;
}
.tele{     width: 17px;
    position: absolute;
    left: 11px;
    top: 8px;
}
.tele:hover{
    
}
 .ribbon {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */

 width: 50%;
    
 position: relative;
 background: #ba89b6;
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbon strong{font-size:30px;}
.ribbon:before, .ribbon:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #986794;
 z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #804f7c transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}
.upb{
    border-radius: 6px;
    background-color:#fff; 
    width: 247px; color: #333;
}
.card:hover {
    border: 1px solid var(--color-two);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;
}
/*.upf{border-radius: 6px;background-color: #fdd907;border-color:#fdd907;width: 100px;color: #000;}*/

.bx6{
    padding-left: 24px;
    position: absolute;
    left: 160px;
}

.intr{
        margin-top: -47px;
    position: absolute;
    left: 33px;
}
.my-main{margin-top:19px;    padding: 0 12px 0;}
@media only screen and (max-width: 600px) {
    
    .ribbon strong{font-size:13px;}
 
 .bgf{font-size:13px;/*margin-right:0%;margin-top:3%;*/}
 .dropdown-item{padding: 6px 13px;}
 .btn-bell{margin: -46px 9px 0px 0;}
 .mnu-list li {
    padding: 18px 25px;
    margin: 1px 0;
}
.dropdown-toggle::after{display:none;}
.top-header{padding:0px;}
.nmn{padding-right: 20px !important; display:block !important; color: #757575 !important;}
.modal{top:90px;}
.top-header{width:92%;}
.top-chunk{padding:9px 37px;}
.bx6{left:209px;}
.upb{width:192px; font-size:11px;}
/*.upf{width:69px;}*/
 
}
	
</style>
</head>

<body>




<!-- Page loading ->
<div class="loading" id="loading">
  <div class="spinner-grow"></div>
</div>
<!-- * Page loading --> 
 <?php
      
      $sql="select* FROM `telegram` WHERE id='1'";
      $query=mysqli_query($com,$sql);
       $role=mysqli_fetch_array($query);
   ?>
 
<!-- basic modal -->
<div class="modal fade wd500" id="basicModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Notice</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
                  <p>
               <?php echo $role['notice'];?>      </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <!--<button type="button" class="btn btn-primary">Save changes</button>-->
      </div>
    </div>
  </div>
</div>


<div class="container-fluid">
    
    <div class="row">
        <div class="col-md-12">
            
            <div class="my-main">
    <div class="my-income-list">
        <div class="my-income-item">
            <h3>
                <?php
					  $sqlwallet = mysqli_query($com,"select * from wallet where userid ='$userid'");
					  $wallert_row = mysqli_fetch_array($sqlwallet);
					  $amount = $wallert_row['amount'];
					  if($amount)
					  {
					  echo $amount;
					  }else{
					      echo 0;
					  }
					  ?>
					  Rs
            </h3>
            <p>Wallet Balance</p>
        </div>
        <div class="my-income-item">
            <h3>
                <?php
					  $sqlwalletw = mysqli_query($com,"select * from withdraw_balance where userid ='$userid'");
					  $wallertw_row = mysqli_fetch_assoc($sqlwalletw);
					  $wamount = $wallertw_row['amount'];
					  if($wamount)
					  {
					  echo $wamount;
					  }else{
					      echo 0;
					  }
					  ?>
					  Rs
            </h3>
            <p>Withdraw Balance</p>
        </div>
        <div class="my-income-item">
            <h3>
                     <?php
					  $sqlr = mysqli_query($com,"select sum(amount)as trecharge from walletsummery where userid ='$userid' and actiontype='recharge' and status='1'");
					  $rdata = mysqli_fetch_array($sqlr);
					  $ramount = $rdata['trecharge'];
					  if($ramount)
					  {
					  echo $ramount;
					  }else{
					      echo 0;
					  }
					  ?>Rs
                </h3>
            <p>Recharge Total</p>
        </div>
        <div class="my-income-item">
            <h3>
                <?php
					  $sqlw = mysqli_query($com,"select sum(amount)as twithdraw from withdrawal where userid ='$userid' and status='1'");
					  $wdata = mysqli_fetch_array($sqlw);
					  $tamount = $wdata['twithdraw'];
					  if($tamount)
					  {
					  echo $tamount;
					  }else{
					      echo 0;
					  }
					  ?>Rs
            </h3>
            <p>Withdraw Total</p>
        </div>
        <div class="my-income-item">
            <h3>
                <?php
               date_default_timezone_set('Asia/Kolkata');
               $date = date('Y-m-d');
					  $sqli = mysqli_query($com,"select sum(amount)as toincome from total_reword where userid ='$userid' and date='$date'");
					  $idata = mysqli_fetch_array($sqli);
					  $iamount = $idata['toincome'];
					  if($iamount)
					  {
					  echo $iamount;
					  }else{
					      echo 0;
					  }
					  ?>
                Rs</h3>
            <p>Today Income</p>
        </div>
        <div class="my-income-item">
            <h3>
                <?php
               
					  $sqlte = mysqli_query($com,"select sum(level1)as toteam1,sum(level2)as toteam2 from bonus where userid ='$userid'");
					  $tedata = mysqli_fetch_array($sqlte);
					  $teamount = $tedata['toteam1'] + $tedata['toteam2'];
					  if($teamount)
					  {
					  echo $teamount;
					  }else{
					      echo 0;
					  }
					  ?>
                Rs</h3>
            <p>Team Income</p>
        </div>
        <div class="my-income-item">
            <h3>
                <?php
                      $sqlbo = mysqli_query($com,"select sum(amount)as tobonus from bonus where userid ='$userid'");
					  $bodata = mysqli_fetch_array($sqlbo);
					  $boamount = $bodata['tobonus'];
					  
					  $sqlint = mysqli_query($com,"select sum(amount)as tinterest from total_interest where userid ='$userid'");
					  $intdata = mysqli_fetch_array($sqlint);
					  $intamount = $intdata['tinterest'];
					  if($intamount)
					  {
					  echo $intamount + $boamount;
					  }else{
					      echo 0;
					  }
					  ?>
                Rs</h3>
            <p>Total Income</p>
        </div>
    </div>
    
    
    
    <div class="my-income-link">
        <p>My Assets</p>
        <a href="myaccount.php">
            <img src="assets/img/m_3.png" alt="">
            <span>My Account</span>
        </a>
        <a href="recharge.php">
            <img src="assets/img/m_1.png" alt="">
            <span>Recharge</span>
        </a>
        <a href="withdrawal.php">
            <img src="assets/img/m_2.png" alt="">
            <span>Withdraw</span>
        </a>
        <a href="myproduct.php">
            <img src="assets/img/m_4.png" alt="">
            <span>My Product</span>
        </a>
    </div>
   
</div>
            
        </div>
    </div>
    
    
</div>



<!-- App Header ->
<div class="container-fluid top-header "> 
  <div class="  text-white" style="    padding: 8px 0;">
    <div class="row">
      <div class="col-md-4 mb-1">
        <div class="user-block"> 
        <img class="img-circle bx-shadow img-bordered-lg" src="assets/img/avatar.svg"> 
        <dic style="margin-top:12px; display:inline-block;"></dic>
        User ID: <?php echo $_SESSION['mobile']; ?> <br>
        Mobile: +91 <?php echo $_SESSION['mobile']; ?><br>
        
        
        </div>
  </div>
  
  <div class="col-md-8 mb-1">
      <a href="#" class="btn btn-bell float-right" data-toggle="modal" data-target="#basicModal"><i class="fa fa-bell" aria-hidden="true"></i></a>
  </div>
  </div>
  
  <div class="row top-chunk" >
      <?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 class="float-left"><!---class pre --top-chunk-sub bgf->
          Rs <?php echo $amount ; ?> <br>
          Available Balance 
          <div class="recharge ">
              <a href="recharge.php" class="btn btn-sm btn-success pull-left m-0" style="background-color:#39b54a!important; color:#fff; border-radius: 6px; border:none;">Deposit</a>
          </div>
          
         
          
         
          
        </div>
        
      
      </div>
      
      
      </div>

</div>-->

<!-- searchBox --> 

<!-- * searchBox --> 
<!-- * App Header --> 
<!-- sigin modal -->
<div class="modal fade" id="signinModal" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel">Sign In</h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <ul>
            <li><p>Total：1 Days</p></li>
            <li><p>Today Rebates：₹ 0</p></li>
            <li><p>Total Rebates：₹ 0</p></li>
            <li><p>Status：Had signed in</p></li>
        </ul>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn " data-dismiss="modal">Cancel</button>
        <button type="button" class="btn ">Sign In</button>
      </div>
    </div>
  </div>
</div>


<style>
 .button {
	width:100%;
	display: block;
	margin: 1em;
	padding: 1em 2em;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

/* Text color adjustments (we could stick to the "inherit" but that does not work well in Safari) */
.bg-1 .button {
	color: #37474f;
	border-color: #37474f;
}
.bg-2 .button {
	color: #ECEFF1;
	border-color: #ECEFF1;
}
.bg-3 .button {
	color: #fff;
	border-color: #fff;
}

/* Sizes */
.button--size-s {
	font-size: 14px;
}
.button--size-m {
	font-size: 16px;
}
.button--size-l {
	font-size: 18px;
}

/* Typography and Roundedness */
.button--text-upper {
	letter-spacing: 2px;
	text-transform: uppercase;
}
.button--text-thin {
	font-weight: 300;
}
.button--text-medium {
	font-weight: 500;
}
.button--text-thick {
	font-weight: 600;
}
.button--round-s {
	border-radius: 5px;
}
.button--round-m {
	border-radius: 15px;
}
.button--round-l {
	border-radius: 40px;
}

/* Borders */
.button--border-thin {
	border: 1px solid;
}
.button--border-medium {
	border: 2px solid;
}
.button--border-thick {
	border: 3px solid;
}

/* Individual button styles */

/* Winona */
.button--winona {
	overflow: hidden;
	padding: 0px;
	margin:0px;
	    background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #3f51b5;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
.button--winona > span {
	display: block;
}
.button--winona.button--inverted {
	color: #7986cb;
}
.button--winona.button--inverted:after {
	color: #fff;
}
.button--winona::after,
.button--winona > span {
	padding: 1em 2em;
	text-align:left;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--winona:hover {
	border-color: #3f51b5;
	background-color: rgba(63, 81, 181, 0.1);
}
.button--winona.button--inverted:hover {
	border-color: #21333C;
	background-color: #21333C;
}
.button--winona:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.button--winona:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
}


</style>

        <div class="container-fluid" style="padding:19px 41px; margin-bottom:40px;">
    
  
        <div class="row">
          
          <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;">
              <a href="product.php" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="Product">
                  <span>Product</span></a>
          </div>
          <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;">
              <a href="obtain_bonus.php" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="Obtain Bonus">
                  <span>Obtain Bonus</span></a>
          </div>
           <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;">
              <a href="recharge.php" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="Deposit">
                  <span>Deposit</span></a>
          </div>
          
           <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;">
              <a href="withdrawal.php" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="Withdraw">
                  <span>Withdraw</span></a>
          </div>
          
           <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;">
              <a href="transactions.php" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="Transaction">
                  <span>Transaction</span></a>
          </div>
          
           <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;">
              <a href="promotion.php" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="Promotion">
                  <span>Promotion</span></a>
          </div>
          
           <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;My Product">
              <a href="manage_bankcard.php" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="Bankcard">
                  <span>Bankcard</span></a>
          </div>
          
           <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;">
              <a href="forgot-password.php" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="Forgot Password">
                  <span>Forgot Password</span></a>
          </div>
          
          <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;">
              <a href="<?php echo $role['telegram']; ?>" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="Telegram">
                  <span>Telegram</span></a>
          </div>
          
          <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;">
              <a href="diamond.apk" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="App Download">
                  <span>App Download</span></a>
          </div>
          
          <div class="col-md-12" style="padding:0px;margin: 7px 3px 9px;">
              <a href="logout.php" class="button button--winona button--border-thin button--text-thick button--inverted" data-text="Logout">
                  <span>Logout</span></a>
          </div>
            
        </div>
        
        
        
    
    </div>


 
  
  <?php
      
      $sql="select* FROM `telegram` WHERE id='1'";
      $query=mysqli_query($com,$sql);
       $role=mysqli_fetch_array($query);
   ?>
 
  

  
 
  
</ul>
        </div>
        
    </div>
    
    
    
</div>




<script>
    $(function() {
	var Accordion = function(el, multiple) {wewewewweewewe
		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>

   <!-- app Footer -->
   
  

  <!-- * app Footer --> 
  
</div>



<!--<button type="button" class="flt" data-toggle="modal" data-target="#form">
    
    <img style="width:81%;" src="assets/img/headphone.png">
    <p style="font-size: 12px; margin-top: -4px;">Online</p>
    
  </button> -->

<!---modal--->
<div class="modal fade" id="form" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered" role="document">
    <div class="modal-content">
      <div class="modal-header border-bottom-0">
        <h5 class="modal-title" id="exampleModalLabel">Feel free to message us</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <form action="support.php" method="post">
        <div class="modal-body">
          <div class="form-group">
            <label for="email1">Email address</label>
            <input type="email" class="form-control" id="email1" name="email" aria-describedby="emailHelp" placeholder="Enter email" value="shahinaprd@gmail.com" >
            <small id="emailHelp" class="form-text text-muted">Your information is safe with us.</small>
          </div>
          <div class="form-group">
            <label for="PhoneNumber">Phone Number</label>
            <input type="number" class="form-control" id="PhoneNumber" name="mobile" value="8074999901" placeholder="Phone Number" readonly>
          </div>
          <div class="form-group">
            <label for="message">Message</label>
            <input type="text" class="form-control" id="message" name="message" placeholder="Message">
          </div>
        </div>
        <div class="modal-footer border-top-0 d-flex justify-content-center">
          <!--<button type="submit" class="btn btn-success">Submit</button>-->
          <input type="submit" name="enquery" value="Submit" class="btn btn-success">
        </div>
      </form>
    </div>
  </div>
</div>

<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>
    <!-- Jquery --> 
<script src="assets/js/lib/jquery-3.4.1.min.js"></script> 
<!-- Bootstrap--> 
<script src="assets/js/lib/popper.min.js"></script> 
<script src="assets/js/lib/bootstrap.min.js"></script> 
<!-- Owl Carousel --> 
<script src="assets/js/plugins/owl.carousel.min.js"></script> 
<!-- Main Js File --> 
<script src="assets/js/app.js"></script>
</body>
</html>