<!DOCTYPE html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge, chrome=1"/>
<meta charset="utf-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0' >

$id=$_SESSION["uid"] ;
$username=$_SESSION["username"];   //
$company=$_SESSION["company"];   //
$guser=$_SESSION["guser"];
$userid=$_SESSION["uid"] ;
//if (intval($guser)>0)  header("location: cosmos.php"); else  header("location: kosmo.php");

?>
</head>
<body>

<div id=sbcont><div  class="vsmenu">      	
	<a href="zlisalist60.php" >User</a>
	<a href="zlisalist60.php" class=active>&nbsp;&nbsp;&nbsp;&nbsp;My</a>
	<a href="zlisalist60a.php" >&nbsp;&nbsp;&nbsp;&nbsp;User Score All</a>
	<a href="zprog_list.php" >Program</a>
	<a href="zprog_list.php"  >&nbsp;&nbsp;&nbsp;&nbsp;Program</a>
	<a href="zprog_listd.php" >&nbsp;&nbsp;&nbsp;&nbsp;List Program</a>
	<a href="zlistq.php">&nbsp;&nbsp;&nbsp;&nbsp;List Question</a>
	<a href="zall_items.php"  >&nbsp;&nbsp;&nbsp;&nbsp;List all items</a>
	<a href="cloud3.php"  class=>&nbsp;&nbsp;&nbsp;&nbsp;Cloud3</a>
	<a href="zsuperu2.php" >SU</a>
<a href="cosmos.php" class="">&nbsp;&nbsp;&nbsp;&nbsp;cosmos</a>
	<a href="cloud.php" >&nbsp;&nbsp;&nbsp;&nbsp;cloud</a>
<a href=https://on.itlgx.xyz/zcreate_difa4.php?t=t>&nbsp;&nbsp;&nbsp;&nbsp;attcProfile</a>
<a href="sky.php" class="">&nbsp;&nbsp;&nbsp;&nbsp;Sky</a>
<a href="sky2.php" class="">&nbsp;&nbsp;&nbsp;&nbsp;Sky2</a>

<a href="zregister.php" >&nbsp;&nbsp;&nbsp;&nbsp;AddUserR1</a>
	<a href="zprof_list.php"  >&nbsp;&nbsp;&nbsp;&nbsp;Profile</a>
	<a href="zprof_listd.php">&nbsp;&nbsp;&nbsp;&nbsp;List Address</a>
	<a href="zlistpf.php">&nbsp;&nbsp;&nbsp;&nbsp;List Profile</a>
	<a href="zallpf_items.php"  >&nbsp;&nbsp;&nbsp;&nbsp;List all items</a>
	<a href="zallpfa_items.php"  >&nbsp;&nbsp;&nbsp;&nbsp;List all items/users</a>
	<a href="zallpfa2_items.php"  >&nbsp;&nbsp;&nbsp;&nbsp;all items/users</a>
	<div class=rsslbar_body>
       <a href="earth.php"  >earth</a>
	<center><center>
<h3>Rec.Numbers <span id="count3" </span></h3>
<br><br>
	<img src="venus.png" width=80px height=80px>
</div></div></div>

<div id="snackbar2">Data Saved <br>message<br>..</div>
<div id="snackbar5" > <span class=close5 onclick=closeme5("snackbar5"); >&#x2715;</span><div id=snackbar5cont></div><br></div>
<div id="snackbar6" > <span class=close6 onclick=closeme6("snackbar6"); >&#x2715;</span><div id=snackbar6cont></div><br></div>
<div id="snackbarx" > <span class=closex onclick=closemex("snackbarx"); >&#x2715;</span><br></div>
<div id="rsslbar" class="rsslbar vrmenu">
  <div class=rsslbar_title onclick="rsslbar_off()"><span title="Setting"></span> </div><br><br>
  <a href="javascript:void(0)" class="closebtnr" onclick="rsslbar_off()">&times;</a>  
  
  <a href="#" class="active">Q/A</a>
  <a href="#">Services</a>
  <a href="#">Clientss</a>
  <a href="#">Contact</a>  
  <div class=rsslbar_body>  
	<br>
	User Name:songpon_K:0  <hr>
Current LANG:<span id=lang>en</span>
<br><button class="button1 grey" onclick=setlang("th")>TH</button>/<button class="button1 grey" onclick=setlang("en")>EN</button>
  </div>

</div>
<div id="lsslbar" class="lsslbar vlmenu" onclick="lsslbar_off()">
<div class=lsslbar_title><></div><br><br>
    <a href="javascript:void(0)" class="closebtn" onclick="lsslbar_off()">&times;</a>  
  <a href="#" class="active"  >About</a>
  <a href="#">Services</a>
  <a href="#">Clients</a>
  <a href="#">Contact</a>
</div>

<div id="extbar" class="extbar" onclick="extbar_off()">
<a href="javascript:void(0)" class="closebtn" onclick="extbar_off()">&times;</a> 
	<br><br><div class=extbar_title >info</div>
	<div class=extbar_body>
	<div class=extbar_body_in>
	iNfO<br>
	User Name:songpon_K	
	</div>
	<button class="button red d-center" onclick="extbar_off()"></span>Close</button>
	</div>
	
</div>
<div id="alertbar" class="alertbar" onclick="alertbar_off()">

<div class=extbar_body_in>
	info<br>	
	User Name:songpon_K	
	</div>
	
	
	
</div>
<div id=maincont>
	
	<span class="breadcrumb">	<a  href="welcome.php">Home</a>&nbsp;/
	<a  href="kosmo.php" class=active>Dashboard</a>&nbsp;/ 
        <a href="logout.php" class="btn btn-danger">Sign Out of Your Account</a>
	</span>

<div id=topbar>		
		<span class=whead>WMenu</span><span class=mhead >&#10216;</span>
		<span id="logo" class="icon icon-logo" ></span>	
		<span class=right >				
			<a  style="padding-left:1px;" href="#\" onclick="extbar_on();"><span class="icon icon-warning" title="connected"></span></a>
			<a  style="padding-left:1px;" href="#\" onclick="snackbar('user');"><span class="icon icon-user" title="HELLO "></span></a>
			<a  style="padding-left:1px;" href="#\" onclick=reloadme();><span class="icon icon-sync" title="sync data"></span></a>
			<a  style="padding-left:1px;" href="#\" onclick="rsslbar_on();"><span class="icon icon-gear" title="Setting"></span></a>

			<a  style="padding-left:1px;" href="logout.php" ><span class="icon icon-logout" title="Logout"></span></a>			
		</span>
</div>
<link rel="stylesheet" type="text/css" href="shirt.css">
<script type="text/javascript" src="shoes.js"></script>

<section class=section4>
        <div class="flex info">
<?php 
$g=$_GET['grade'];
$registered=$_GET['registered'];
$title=$_GET['title'];
$bt=$_GET['bt'];
$noact=$_GET['noact'];
if ($bt="1") $g="DRY FOOD";
if ($bt="2") $g="FRESH FOOD";
if ($bt="3") $g="NONE FOOD";
?>
        <div class="info-name">NOT ACTIVE  <?php echo $noact;?> </div>
          <div class="info-code"><?php echo date("Y-m-d"). ":".date("h:i:sa");?></div>		  
        </div>
<?php
$total=$_GET['total'];
$progress=$_GET['progress'];
$grade=$_GET['grade'];
$bt=$_GET['bt'];
$registered=$_GET['registered'];
$submit=$_GET['submit'];
$packid=$_GET['packid'];
$ascore=$_GET['ascore'];
$pscore=$_GET['pscore'];
$percent=number_format(floor(($registered/$total)*100),2);
?>
<center>
<input type="text" id="mySTInput" onkeyup="mySTFunction()" 
placeholder="Search for .." title="Type for searching...">
<input type="button" value=">" onclick=mySTFunction();>
    <select id=selecti onchange="newr(this.options[this.selectedIndex].value)">
        <option value=20>20</option>
        <option value=200 selected="selected">200</option>
        <option value=100>100</option>
        <option value=150>150</option>
    </select>
<span id="pageNavPosition" style="float:right;margin-top:4px;margin-right:15%;"></span>
<div class = "outertb">
<?php
$crurl= (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

// Include config file
                    require_once "configs.php";
                             $rows=0;
                    // Attempt select query execution
//                    $sql = "SELECT * FROM fixa where scode like "."'q%'"."order by id,scode,title";
//	$sql="select * from dyna left join users on dyna.ownerid=users.id left join fixa on fixa.id=dyna.packid where dyna.packid=".$packid." order by dyna.ibox";
//
//if ($bt=="1") $sql= $sql="SELECT * FROM `dyna` left join users on users.id=dyna.ownerid where businesstype=1 and packid=$packid order by ibox desc";
//if ($bt=="2") $sql= $sql="SELECT * FROM `dyna` left join users on users.id=dyna.ownerid where businesstype=2 and packid=$packid order by ibox desc";
//if ($bt=="3") $sql= $sql="SELECT * FROM `dyna` left join users on users.id=dyna.ownerid where businesstype=3 and packid=$packid order by ibox desc";
//if ($grade=="a") $sql="select * from dyna left join users on dyna.ownerid=users.id left join fixa on fixa.id=dyna.packid where dyna.ibox>=(tas*80/100) and dyna.packid=".$packid." order by ibox DESC";
//if ($grade=="b") $sql="select * from dyna left join users on dyna.ownerid=users.id left join fixa on fixa.id=dyna.packid where dyna.ibox>=(tas*70/100) and dyna.ibox<(tas*80/100) and dyna.packid=".$packid." order by ibox DESC";
//if ($grade=="c") $sql="select * from dyna left join users on dyna.ownerid=users.id left join fixa on fixa.id=dyna.packid where dyna.ibox>=(tas*60/100) and dyna.ibox<(tas*70/100) and dyna.packid=".$packid." order by ibox DESC";
//if ($grade=="d") $sql="select * from dyna left join users on dyna.ownerid=users.id left join fixa on fixa.id=dyna.packid where  dyna.ibox<(tas*60/100) and dyna.packid=".$packid." order by ibox DESC";

$sql="SELECT * FROM `dyna` left join users on users.id=dyna.ownerid where progress<=0 and dyna.packid=".$packid." order by ibox desc";
         $res = $db->query($sql);
if ($res) {
        echo '<table id="tble" align="center" class="tbs">';
        echo "<thead ><tr id='tableHeader' >";
                                        echo "<th style='width:13%;' onclick='sortTableX(0)'>Company</th>";
                                        echo "<th style='width:30%;' onclick=sortTable('tbs',1); >User</th>";
echo "<th style='width:10%;' onclick=sortTable('tbs',2);>Score</th>";
echo "<th  style='width:5%;' >view</th>";
echo "</tr></thead>";

$title=$_GET['title']; 
                     while ($row = $res->fetchArray()) {
                                    		$tlink="<a href=superuser_venusa.php?id=".$row['ownerid']."&username=".$row['username']."&ownid=".$row["ownerid"]."&guser=".$row['guser']."&packid=".$row['id']."&title=".urlencode($row['title'] ).">";
									$rlink="<a href=removeransap.php?userid=".$row['ownerid']."&username=".$row['username']."&guser=".$row['guser']."&packid=".$packid."&title=".urlencode($row['title'] ).">";						
$sclink="<a href=zlistscsn.php?userid=".$row['ownerid']."&company=".urlencode($row['company'])."&score=".($row['ibox'])."&username=".$row['username']."&guser=".$row['guser']."&packid=".$packid."&
title=".urlencode($row['title'] ).">";
$comolink="<a href=cosmo.php?userid=".$row['ownerid']."&company=".$row['company']."&username=".$row['username']."&guser=".$row['guser']."&packid=".$packid."&title=".urlencode($row['title'] ).">";
$mlink="<a href=zuseraddp.php?userid=".$row['ownerid']."&username=".$row['username']."&guser=".$row['guser']."&packid=".$packid."&title=".urlencode($row['title'] ).">";
									echo "<tr>";
									//echo "<td>".$mlink.substr($row["title"],0,150)."(".$row["packid"].")"."</a></td>";									
echo "<td>".$comolink.$row["company"]."</a></td>";
									echo "<td>".$row["username"]."(".$row["ownerid"].")"."</td>";
//echo "<td>".$row['ibox']."</td>";	
$percent=number_format(floor(($row["ibox"]/$tas)*100),2);
$percent=number_format(($row["ibox"]/$tas)*100,2);
$perc=number_format((($row["ibox"]/$row["tas"])*100),2);
 $grade="A";
if ($perc<80) $grade="B";
if ($perc<70) $grade="C";
if ($perc<59) $grade="D";
$nmb=str_pad($perc, 4, '0', STR_PAD_LEFT);			
//									echo "<td>".$perc."%</a></td>";
									//echo "<td>".$grade."</td>";

$gnmb=intval($row["ibox"])*1;			
$ggnmb=str_pad($gnmb, 3, '0', STR_PAD_LEFT);

echo "<td>".$gnmb."</td>";
									echo "<td>".$sclink. "📄</a></td>";
									//echo "<td>".$rlink ."DONT -REAL DELETE</a></td>";										
							//	echo "<td>".$tlink ."-AEdiT</a></td>";
$rows++;
							?>		
<script>

<?php $percent=($row["ibox"]/$tas)*100;?>
//var ibox=<?php echo $row["ibox"];?>;
 ibox=<?php echo $percent;?>;

</script>
<?php
								
}					
									
									//echo "</td>";
						
									echo "</tr>";	
							
                                								
                            // Free result set
                      //     mysqli_free_result($result);
                        } else{
                            echo "<p class='lead'><em>No records were found.</em></p>";
                        }
						echo "</table>";
//                    } else{
  //                      echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
    //                } 
                    // Close connection
                    //mysqli_close($link);
					
?>
</div> 

</section>	  
     
</div>
	
<script>
      window.addEventListener('DOMContentLoaded', () => {
        const circle = new CircularProgressBar('pie');

const pie = document.querySelectorAll('.pie');
        const range = document.querySelector('[type="range"]');

range.addEventListener('input', (e) => {
          pie.forEach((el, index) => {
            const options = {
              index: index + 1,
              percent: e.target.value
            }
            circle.animationTo(options);
          })
        })

document.querySelectorAll('pre code').forEach((el) => {
          hljs.highlightElement(el);
        });

const infoCode = document.querySelectorAll('.info-code');
        infoCode.forEach(info => {
          info.addEventListener('click', (e) => {
            e.target.closest('section').classList.toggle('show-code');
          })
        })

});
</script>
<script src="circularProgressBar.min.js"></script>

// Update the count down every 1 second
var x = setInterval(function() {

// Get today's date and time
  var now = new Date().getTime();

// Find the distance between now and the count down date
  var distance = countDownDate - now;

// Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

// Display the result in the element with id="demo"
  document.getElementById("demo").innerHTML = days + " day(s) " + hours + "h "
  + minutes + "m " + seconds + "s ";

// If the count down is finished, write some text
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }
}, 1000);
</script>
<style>
#main {
margin:auto;
}
section {
  position: relative;
  background-color: rgba(169,169,169,.19);//#fff;
  border-radius: 7px;
  padding: 5px 40px 30px;
  margin: 10px;
  max-width: 180px;
  	box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
                0 2px 4px rgba(0,0,0,0.07), 
                0 4px 8px rgba(0,0,0,0.07), 
                0 8px 16px rgba(0,0,0,0.07),
                0 16px 32px rgba(0,0,0,0.07), 
                0 32px 64px rgba(0,0,0,0.07);
				flex: 31%;
				
}
.section2 {
 //margin: 50px;
 //padding: 5px 30px 30px;
max-width: 320px;
//max-width: 660px;
min-width: 140px;
  //max-width: 100%;
}
.section3 {
 //margin: 50px;
 //padding: 5px 30px 30px;
max-width: 620px;
min-width: 300px;
  max-width: 100%;
}
.section4 {
  max-width: 460px;
  max-width: 1040px;
  
}
@media screen and (max-width: 900px) {
section {
 max-width: 100%; 
  //max-width: 160px;
}
.section2 img {
max-width:50px;
}
.section2 {
  max-width: 100%;
  max-width: 930px;
}
.section3 {
  max-width: 100%;
}
}
@media screen and (min-width: 900px) and (max-width: 1140px) {
section {
 max-width: 175px; 
 
}
.section2 {
  max-width: 445px;
  //max-width: 520px;
  
}
.section3 {
  max-width: 400px;
  //max-width: 500px;
  max-width:720px;
  
}
.section4 {
  //max-width: 460px;
  max-width: 720px;
  min-width: 720px;
}
}
@media screen and (min-width: 1140px) {
.section2 {
  max-width: 320px;
  //max-width: 520px;
  
}
.section3 {
  max-width: 400px;
  //max-width: 500px;
  max-width:600px;
  
}
.section4 {
  //max-width: 460px;
  max-width: 1020px;
  
}
}
.flex {
  display: flex;
}

.container {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1400px;
  margin: auto;
}

.info {
  justify-content: space-between;
  border-bottom: 1px solid rgba(169,169,169,.59);
  padding: 10px 0;
  text-transform: uppercase;
  font-size: 90%;
  margin: auto -15px 30px;
}

.code {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 160px;
  height: 0;
  left: 0;
  margin: auto;
  line-height: 1.6;
  transition: visibility 0s, opacity 0.5s linear;
}

</style>

Edit file:kosmos2.php23730