<?php
session_start();
error_reporting(0);
date_default_timezone_set('Asia/Shanghai');

include "get_mysql_credentials.php";
$con = mysqli_connect("localhost", $mysql_username, $mysql_password, "lrr");

// Check database connection
if (mysqli_connect_errno()) {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
?>

<!DOCTYPE html>

<html>

    <head>

	<title>LRR - Lab Report Repository</title>
	<link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="./font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
	<!-- *this css file can be used across all the websites 
	     and any new css class can be added there.
	     * The reason is to make the css code reusable.
	     * the css file is used by submissions.php
	-->
	<link href = "./css/main.css" rel="stylesheet" type="text/css" />
	<script src="./css/jquery.min.js" type="text/javascript"></script>
	<script src="./css/bootsrap.min.js" type="text/javascript"></script>
	<script src="./css/jquery.datetimepicker.min.js" type="text/javascript"></script>


	<style>
	 .nav-item {
	     border-color: #00ff66;
	 }

	 .nav-tabs {
	     border-color: #00ff66;
	 }

	 .btn-default {
	     border: 2px solid #00ff66;
	     width: 100%;
	     text-align: left;
	     margin: 3px auto;
	     font-weight: bold;
	     font-size: 13pt;
	 }

	 .table-bordered {
	     padding: 5px !important;
	 }

	 .alert {
	     font-weight: bold;
	 }

	 h1,
	 h2,
	 h3,
	 h4 {
	     color: #03407B;
	 }

	 a {
	     color: #03407B;
	 }

	 .break-word {
	     word-wrap: break-word;
	     white-space: -moz-pre-wrap !important;
	     /* Mozilla, since 1999 */
	     white-space: -pre-wrap;
	     /* Opera 4-6 */
	     white-space: -o-pre-wrap;
	     /* Opera 7 */
	     white-space: pre-wrap;
	     /* css-3 */
	     word-wrap: break-word;
	     /* Internet Explorer 5.5+ */
	     white-space: -webkit-pre-wrap;
	     /* Newer versions of Chrome/Safari*/
	     word-break: break-all;
	     white-space: normal;
	 }

	 .ui-widget-content.ui-dialog {
	     border: 2px solid #03488B;

	 }

	 .ui-dialog>.ui-widget-header {
	     background: #03488B;
	     color: white
	 }

	 .ui-button {
	     background: #03488B;
	     color: white
	 }

	 /* [ Login Button ]*/
	 .btn-primary {
	     color: white;
	     border-radius: 5px;
	     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	     background: rgb(75, 184, 240);
	     padding:5px 100px;
	     font-family: Poppins-Regular;
	     font-size: 23px;
	     line-height: 1.5;
	 }

	 #footer{
	     position:fixed;
	     bottom:0;
	     left:0;
	     background-color:#03417C;
	     color:#FFF;
	     text-align:center;
	     width:100%;
	 }

	 .txt1 {
	     font-family: Poppins-Regular;
	     font-size: 18px;
	     line-height: 1.5;
	     color: #666666;
	 }

	 .txt2 {
	     font-family: Poppins-Regular;
	     font-size: 19px;
	     line-height: 1.5;
	     color: #2471A3;
	 }

	 .form-control{
	     padding-top: 1px;
	     padding-bottom:1px;
	 }

	 .col-md-4 {
	     border-right: 1px solid skyblue;
	 }

	</style>

    </head>

    <body>

	<nav class="navbar navbar-expand-lg navbar-dark bg-dark" style="padding-left:150px;padding-right:150px;margin:auto;">
	    <a class="navbar-brand" href="~\..\index.php"> <img src="logo.png" style="width:30px;height:30px;"> LRR </a>
	    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor02" aria-controls="navbarColor02" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	    </button>

	    <div class="collapse navbar-collapse" id="navbarColor02">

		<ul class="navbar-nav mr-auto">
		    <li class="nav-item active">
			<?php
			if (isset($_SESSION["user_fullname"])) {
			    echo "       <a class='nav-link' href='~\..\Courses.php'><i class='fa fa-book'></i> Courses <span class='sr-only'>(current)</span></a>";
			?>
		    </li>
		</ul>

		<form class="form-inline my-2 my-lg-0" style="color:#fff;">
		    Welcome &nbsp;
		    <b> <?php echo $_SESSION['user_fullname']; ?> </b>
		    &nbsp;

		    <?php
		    $c_date =  date("Y-m-d H:i");
		    if (isset($_SESSION['user_student_id']))
			echo "(" . $_SESSION['user_type'] . " - " . $_SESSION['user_student_id'] . ")   ";
		    else
			echo "(" . $_SESSION['user_type'] . ")   ";
		    ?>

		    <?php
		    if ($_SESSION['user_type'] == "Lecturer") { // Show Admin link
			echo "&nbsp;&nbsp;&nbsp;  <i class=\"fa fa-cog\" style=\"color:#fff;\"> </i>";
			echo "&nbsp;<a style='color:#fff !important' href=\"~\..\Admin.php\" id=\"admin_tab\">Admin</a>";
		    }
		    ?>


		    &nbsp;&nbsp;&nbsp; <i class="fa fa-user" style="color:#fff;"> </i>
		    &nbsp;<a href="#" style='color:#fff !important' onclick="updatePass(<?php echo $_SESSION['user_id']; ?>)">Update password</a>


		    &nbsp;&nbsp;&nbsp; <i class="fa fa-lock" style="color:#fff;"> </i>
		    &nbsp;<a style='color:#fff !important' href="~\..\logout.php">Logout </a>

			<?php
			}  // Confusing.  What is this for?
			?>
		</form>

	    </div>
	</nav>


	<script>
	 function updatePass(id) {

	     const pass = prompt("Enter your new password : ", "Enter a strong password");

	     if (!confirm('Are you sure you want to reset your password?')) {
		 return;
	     }

	     window.location.href = "\Script.php\?action=passchange&uid=" + id + "&pass=" + pass;
	 }

	 function blockUser(id, status) {
	     if (!confirm('Are you sure you want to change user status?')) {
		 return;
	     }
	     window.location.href = "\Script.php\?action=statuschange&uid=" + id + "&status=" + status;
	 }
	</script>