<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;"> -->
<meta http-equiv="Content-Security-Policy" content="default-src * 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src * 'self' 'unsafe-inline'; script-src * 'self' 'unsafe-inline'; connect-src * https: http:">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link href="css/ionicons.css" media="all" rel="stylesheet" type="text/css">
<!-- <link rel="stylesheet" type="text/css" href="css/index.css"> -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/materialize.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--<script type="text/javascript" src="cordova.js"></script>-->
<script type="text/javascript" src="js/jquery.js"></script>
<link type="text/css" rel="stylesheet" href="css/lightslider.css" />
<title>Star</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<style>
body {
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div class="row col s12" style="padding: 0px;">
<div class="col s12" style=" background: black;
color: white;
padding: 15px 7px;
font-weight: bold;
/* display: flex; */
/* justify-content: space-between; */
">
<i onclick="window.history.back();" class="col s2 fa fa-arrow-left" style="font-size: 20px!important;" aria-hidden="true"></i>
<span class="col s8" style=" text-align: center;">Level VIII Member</span>
<span class="col s2" style="visibility:hidden">Nothing</span>
</div>
</div>
<div class="main-container" id="main-container" style="margin-top:20px!important;padding: 0px!important">
<div class="all-my-orderdetails" style="overflow:scroll;">
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
var oldDetails = JSON.parse(localStorage['userDetails'].toString());
var phone = oldDetails.phone;
var data = '';
$.ajax({
url: base + '/appcode/self_member_user_all.php',
type: 'post',
dataType: 'json',
data: {phone:phone},
beforeSend: function() {
$('body').append('<div class="supreme-container"><div id="loader"></div></div>');
$('.supreme-container').show();
},
success: function(response) {
console.log("self_member_user");
console.log(response);
if(response.length >= 1){
var i = 1;
var total = 0;
data += `<table>
<thead>
<tr>
<th>#</th>
<th>Name</th>
<th>Phone</th>
<th>Email</th>
<th>Image</th>
<th>Member</th>
</tr>
</thead>
<tbody>`;
var levellnth = '';
$.each(response, function(index, item) {
var slist = item.sponsors_list;
var splist = slist.split(',');
console.log(splist)
$.each(splist, function(index, itemm) {
console.log(itemm);
if(itemm == localStorage.username){
levellnth = index+1;
}
});
if(levellnth==8){
if(item.profile_pic){
var pic = base+"/img/"+item.profile_pic;
}else{
var pic = 'img/men.jpg';
}
let member="No";
if(item.member == 'Y' )
{
member="Yes"
}
data +=`<tr>
<td>${i}</td>
<td>${item.name}</td>
<td>${item.phone}</td>
<td>${item.email}</td>
<td><img src="${pic}" class="img-responsivex circle" style=" height: 50px; width: 50px;"></td>
<td>${member}</td>`;
data +=`</tr>`;
i++;}
});
data += `</tbody></table>`;
}else{
data +=`<div class="card" style="color:red; padding:5%;text-align:center;">No Members</div>`;
}
$('.all-my-orderdetails').empty().append(data);
},
error: function(response) {
// console.log(response);
$('#main-container').empty().append('Sorry, an unexpected error occured while processing your request please try again after some time.');
},
complete: function() {
$('.supreme-container').hide();
}
});
});
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/myfunctions.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
</body>
</html>