<!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:<?php echo htmlspecialchars($username).":".$guser;?>
  <hr>
Current LANG:<span id=lang><?php echo $_SESSION['lang'];?></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:<?php echo htmlspecialchars($username);?>	
	</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:<?php echo htmlspecialchars($username);?>	
	</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('<?php echo htmlspecialchars($username);?>	');"><span class="icon icon-user" title="HELLO <?php echo htmlspecialchars($username);?>	"></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="#" onclick=sbconth2no();><span class="icon icon-menufold" title="wider"></span></a>							
		</span>
</div>
<link rel="stylesheet" type="text/css" href="shirt.css">
<script type="text/javascript" src="shoes.js"></script>

$progress=$row['progress']; 
//$title=$row['title']; 
if ($_SESSION['lang']=="en") $title=$row['title']; else $title=$row['title_th'];
$packid=$row['packid']; 
$tas=$row["tas"];
$register=$row["register"];
$submit=$row["submit"];
$score=$row["ibox"];
$acore=$row["ibox"];
$percent=number_format(floor(($row["ibox"]/$tas)*100),2);
$percent=number_format(($row["ibox"]/$tas)*100,2);
$percentx=number_format(($row["ibox"]/$tas)*100,2);
$perc=($row["ibox"]/$tas)*100;
 $grade="A";
if ($perc<80) $grade="B";
if ($perc<70) $grade="C";
if ($perc<59) $grade="D";
//$links.= "<a href=zform53v.php?packid=".$row['id']."&ownid=".$row["ownerid"]."&title=".urlencode($row['title'] ).$title."</a><br>";
$links.="<tr><td><h4><a href=?packid=$packid&progress=$progress&pscore=$percent&ascore=$percent&submit=$submit&registered=$register&grade=$grade&userid=".$row["ownerid"]."&ownid=".$row["ownerid"]."&title=$title>$title</a></td><td><a href=zform53v.php?packid=$packid&ownid=".$row["ownerid"]."&title=$title>&#128196;</a></h4></td></tr>";
$slink="zform53v.php?packid=".$row['id']."&ownid=".$row["ownerid"]."&title=".urlencode($row['title'] ).$title;
$rows++;
}
                 mysqli_free_result($result);
                        } else{
                            echo "<p class='lead'><em>No records were found.</em></p>";
                        }
                    } else{
                        echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
                    }
 
                    // Close connection
             //       mysqli_close($link);

//echo $registered;echo $startf;echo $approve;
if ($rows<=1) {
?>
<script>
//window.location.replace("<?php echo $slink;?>");
</script>
<?php } 
?>
<?php
$total=$_GET['total'];
if (!$progress) $progress=$_GET['progress'];
if (!$grade) $grade=$_GET['grade'];
//$registered=$_GET['registered'];
$submit=$_GET['submit'];
if (!$percent)  $ascore=$_GET['ascore']; else $ascore=$percent;

if (!$percent) $pscore=$_GET['pscore'];
$percent=number_format(floor(($registered/$total)*100),2);
?>
		<center><h3>Progress <?php echo $progress;?>%</h3><hr><br>
<div class="pie" data-pie='{ "percent": <?php echo $progress;?> }'></div>
        <div class="code">
        		  		
        </div><br>
		TIME LEFT
		<p id=demo></p></center>
      </section>
	
      <section>
        <div class="flex info">
          <div class="info-name">Program:All</div>
          <div class="info-code"></div>
        </div>
        <div class="profile_pic">
		<img style="max-width:100%" src=img/clist.jpg>
        </div>
Check-List for <br>
		<br>
<table><?php echo $links;?></table>
        <div class="code">
          
        </div>
      </section>
   
    
	    <section class=section2>
        <div class="flex info">
          <div class="info-name"><a href=zcreate_difan.php?t=f&id=<?php echo $id;?>>+Profile</a>,<a href=zcreate_difan.php?t=s&id=<?php echo $id;?>>+ Address</a></div>
          <div class="info-code">   <?php   echo "<a href='zprof_listdn.php?id=". $id ."' title='Update' data-toggle='tooltip' class='button1 grey' style='color:black;'>&#x1F4DD;Update</a>";                                          ?> </div>
        </div><center>
               <div class="code">                 </div>
<?php
 $rows=0;
		$sql = "SELECT * FROM difa where status='1'  and ( scode like 'f%'  or scode like 's%' or scode like 't%') and  owndifaid=".$id." order by scode";
  if($result = mysqli_query($link, $sql)){
                            echo "<table id=tble >";

echo "<tr>";
	echo "<th onclick='sortTableX(0)'  style='width:5%;'>item</th><th onclick='sortTableX(1)'  style='width:10%;'>Description</th>";						echo "</tr>";
						if(mysqli_num_rows($result) > 0){
                                while($row = mysqli_fetch_array($result)){
									$tlink="<a href=superuser_va.php?id=".$row['ownerid']."&username=".$row['username']."&guser=".$row['guser']."&packid=".$row['id']."&title=".urlencode($row['title'] ).">";
									$mlink="<a href=zprog_listi.php?id=".$row['ownerid']."&username=".$row['username']."&guser=".$row['guser']."&packid=".$row['id']."&title=".urlencode($row['title'] ).">";
$loca="zprog_listi.php?packid=".$row['id'];
//									echo "<tr onclick=window.location='".$loca."'>";
echo "<tr>";
									//echo "<td>".substr($row["title"],0,150)."(".$row["packid"].")"."</td>";		
							
									echo "<td  >".$row["title"]."</a></td>";	
							if (strtolower($row["title"])=="attachment" || strtolower($row["title"])=="profile_pic") $description="<a href='".$row["description"]."' target='_blank' class='button1 grey' style='font-size:12px;color:red;'>&#128279;</a>"; else $description=$row["description"];
//if (strtolower($row["title"])=="profile_pic") $description="<a href='".$row["description"]."' target='_blank' class='button1 grey' style='font-size:12px;color:red;'>&#128279;</a>"; else $description=$row["description"];
if (strtolower($row["title"])=="profile_pic")  $imgprofile=$row["description"];
if (strlen($imgprofile)<=0)  $imgprofile="img/user.png";
if (strtolower($row["title"])=="company")  $companyprofile=$row["description"];
if (strtolower($row["title"])=="company_contact")  $company_contact=$row["description"];
if (strtolower($row["title"])=="contact_tel")  $contact_tel=$row["description"];
									echo "<td>".$description."</a></td>";	
									//echo "<td>".$row["username"]."(".$row["ownerid"].")"."</td>";
									//echo "<td>".$row["ibox"]."</td>";

//		echo "<td>".$tlink ."fEdiT</a></td>";
										$rows++;			
									
								
}					
									
									//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);

?>
 </center>
      </section>
<section class=section4>
        <div class="flex info">
          <div class="info-name">USER <a href=zcreate_difa4n.php?id=<?php echo $id;?>&t=t>+Pic</a></div>
          <div class="info-code"></div>
        </div>
        <div class="profile_pic">
		<img style="max-width:100%; border-radius: 50%;" src=<?php echo $imgprofile;?>>
        </div>
		<br>
<?php $sql="select * from users where id=".$id;
        if($result = mysqli_query($link, $sql)){
		if(mysqli_num_rows($result) > 0){
            while($row = mysqli_fetch_array($result)){
			$username=$row["username"];
			$company=$row["company"];
			}
                 mysqli_free_result($result);
                        } else{
                            echo "<p class='lead'><em>No records were found.</em></p>";
                        }
                    } else{
                        echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
                    }
 
                    // Close connection
             //       mysqli_close($link);
?>
		Name: <?php echo htmlspecialchars($username);?><br>Company: <?php echo htmlspecialchars($company);?>
<br><?php echo "ID:$id";?>     <?php echo "<a href='setpassn.php?id=". $id ."&username=".$username."' title='reset password' data-toggle='tooltip' class='button1 red' style='color:white;'>&#128273;reset</a>";?>
        <div class="code">
          <pre>
            <code class="language-json">data-pie='{ 
  "lineargradient": ["yellow","#ff0000"],
  "round": true,
  "percent": 75,
  "colorCircle": "#e6e6e6"
}'</code>
          </pre>
        </div>
      </section>

<section>
        <div class="flex info">
          <div class="info-name">RANKING</div>
          <div class="info-code">code</div>
        </div>
       <center> <div class="pie"
          data-pie='{ "rotation": 90, "percent": 75, "colorSlice": "red", "colorCircle": "#f1f1f1", "fontWeight": 100 }'>
        </div>
WAITING FOR SCORE
		</center>
        <div class="code">
          
        </div>
      </section>
          <section class=section2>
        <div class="flex info">
          <div class="info-name">LOG</div>
          <div class="info-code"><?php echo date("Y-m-d"). ":".date("h:i:sa");?></div>
        </div>
       <center> 
TIME LINE RECORDED
		</center>
<div class = "outertb">

<div class="vtl">
<?php
//$id=50;
                    // Include config file
        require_once "config.php";
$d[]="";
$data = array( 
             array('Business', date,date),

);
        $rows=0;
        // Attempt select query execution
$sql="select * from dyna left join users on dyna.ownerid=users.id left join fixa on fixa.id=dyna.packid order by fixa.id desc,ibox desc";
$sql = "SELECT * FROM fixa where fixa.scode like 'p%' or fixa.scode like 'q%' order by scode ";
$sql="select * from titan left join users on titan.titanid=users.id where titanid=".$id;
        if($result = mysqli_query($link, $sql)){

if(mysqli_num_rows($result) > 0){
            while($row = mysqli_fetch_array($result)){
			  echo "<tr> <div class='event'>";
if ($_SESSION['lang']=="en") $title=$row['title']; else $title=$row['title_th'];
//                                        echo "<td>" . $title. "</td>";
if ($row['status']=='3') $title="<a href=zform53v.".$title;
if ($row['status']=='8') $title="<a href=zform53v.".$title;
						//			echo "<td>".$title."</td>";	
									//echo "<td>".$title."(".$row["packid"].")"."</td>";									
//									echo "<td>".$row["username"]."(".$row["ownerid"].")"."</td>";
	//								echo "<td>".$row["ibox"]."</td>";
										//echo "<td>"."<a href=zlisalist53.php?packid=".$row['id']."&title=".urlencode($row['title'] ).">" ."&#128221;debug</a></td>";
										//echo "<td>"."<a href=v_form53.php?packid=".$row['id']."&ownid=".$row["ownerid"]."&title=".urlencode($row['title'] ).">" ."&#128221;EdiT</a></td>";
		//								echo "<td>".$row['company']."</td>";
if ($row['status']=='1') $status="Registered";
if ($row['status']=='2') $status="Start FillIn";
if ($row['status']=='3') $status="Submit";
if ($row['status']=='6') $status="UnRegistered";
if ($row['status']=='8') $status="Approved";
			//						echo "<td>".$status."</td>"; //&#128441;
//									echo "<td>".$row['datetime']."</td>"; //&#128441;
									//echo "<td>";
								             $rows++;		
//$dt="new Date('".$row['datetime']."')";
//$d=array($status,$dt,$dt);

//$d=array('date',34);
//$data[]=$d;   
?>
    <strong class="edate"><?php echo $row['datetime'];?></strong>
    <p class="etxt"><?php echo $status;?> (<?php echo $title;?>)</p>
<?php
                                    echo "</tr>  </div>";
                                }
  //                              echo "</tbody>";

// Free result set
                            mysqli_free_result($result);
$dataj=json_encode($data);
                        } else{
                            echo "<p class='lead'><em>No records were found.</em></p>";
//start insert new to titan
 $sql = "INSERT INTO titan (titanid,status) VALUES (?, ?)";
  if($stmt = mysqli_prepare($link, $sql)){
    // Bind variables to the prepared statement as parameters
    mysqli_stmt_bind_param($stmt, "ii", $param_titanid,$param_status);
    // Set parameters
    $param_titanid = $id;
    $param_status=1;
    //$param_password = password_hash($password, PASSWORD_DEFAULT); // Creates a password hash
            // Attempt to execute the prepared statement
            if(mysqli_stmt_execute($stmt)){
                // Redirect to login page
                // header("location: login.php");
                echo " created user" .$param_titanid;
//echo '<script>window.location.reload();</script>';
            } else{
                $rest="ERROR: Could not able to execute $sql. " . mysqli_error($link);
                echo "Err$rest.";
            }

// Close statement
//            mysqli_stmt_close($stmt);
    }
//end insert new to titan

}
                    } else{
                        echo "ERROR: Could not able to execute $sql. " . mysqli_error($link);
                    }
 
                    // Close connection
                    mysqli_close($link);
				//	echo "<pre>";

</div>
</div>

/* (B) DRAW TIMELINE USING ::BEFORE */
.vtl::before {
  /* (B1) DRAW THE TIMELINE */
  content: '';
  width: 5px;
  background-color: #DE421A;
  /* (B2) POSITION IT TO THE LEFT */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
}

/* (C) STYLES FOR THE EVENTS */
div.event {
  padding: 20px 30px;
  background-color: #ffebeb;
  position: relative;
  border-radius: 6px;
  margin-bottom: 10px;
}

/* (D) STYLES FOR THE DATE & TEXT */
strong.edate {
  font-size: 1.1em;
  font-weight: bold;
  color: #ff6a00;
}
p.etxt {
  margin: 10px 0 0 0;
  color: #222;
}

/* (E) ADD "SPEECH BUBBLE TRIANGLE" TO THE EVENTS */
div.event::before {
  content: '';
  border: 10px solid transparent;
  border-right-color: #ffebeb;
  border-left: 0;
  position: absolute;
  top: 20%;
  left: -10px;
}

/* (F) ADD A CIRCLE ON THE TIMELINE TO INDICATE AN EVENT */
div.event::after {
  content: '';
  background: #fff;
  border: 4px solid #DE421A;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  position: absolute;
  top: 20%;
  left: -44px;
}

/* (X) DOES NOT MATTER */
html, body { font-family: arial, sans-serif; }
</style>
        <div class="code">
          
        </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>
	    <sscript src="presentation.js"></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>

max-width:360px;

}
@media screen and (max-width: 900px) {
section {
 max-width: 440px;
}
}
.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:kosmoo.php33154