Untitled

<?php include('connection.php'); ?>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <title>ADMINISTRATIVE LOGIN</title>
        <link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
        <link rel="stylesheet" href="css/my.css" />
        <script src="javascript/jquery.min.js">
        </script>
        <script src="javascript/jquery.mobile-1.2.0.min.js">
        </script>
        <script src="javascript/my.js">
        </script>
        <!-- User-generated css -->
        <style>
        </style>
        <!-- User-generated js -->
        <script>
            try {

    $(function() {

    });

  } catch (error) {
    console.error("Your javascript has an error: " + error);
  }
        </script>
    </head>

        <!-- Home -->
     <body>

     <?php
		if(isset($_POST['cmdSubmit']))
		{
			$user = $_POST['txtusername'];
			$pass = $_POST['txtpassword'];

			if($user == "" || $pass == "")
			{
				echo "Either username or password field is empty.";
				echo "<br/>";
				echo "<a href='login.php'>Go back</a>";
			}
			else
			{
				$result = mysql_query($con,"select * from USER_ACCOUNTS where USERNAME='$user' and USERPASS='$pass'")
				or die("Could not execute the select query.");

				$row = mysql_fetch_assoc($result);

				if(is_array($row) && !empty($row))
				{
					$validuser = $row['USERNAME'];
					$_SESSION['valid'] = $validuser;
				}
				else
				{
					echo "Invalid username or password.";
					echo "<br/>";
					echo "<a href='login.php'>Go back</a>";
				}
				if(isset($_SESSION['valid']))
				{
					echo "Welcome ".$_SESSION['valid']."! | <a href='logout.php'>Logout</a>";
					echo "<br/>";
					echo "<br/>";
					echo "<br/>";
					echo '<div data-role="nested-list" data-theme="a" data-content-theme="e">
							<div data-role="nested-list">
                        		<ul data-role="listview" data-inset="false" data-theme="c">
									<li><a href="occupants.php" data-transition="slide"><img src="images/home_32.png" alt="Rooms" class="ui-li-icon"><font face = "Eurostile">OCCUPANTS</font></a></li>
								</ul>
									<div data-role="collapsible-set" data-theme="a" data-content-theme="e">
										<div data-role="collapsible">
											<h3><font face = "Eurostile">VIEW</font></h3>
												<ul data-role="listview" data-inset="false" data-theme="e">
                            						<li><a href="studClassSched.php" data-transition="slide"><img src="images/home_32.png" alt="Rooms" class="ui-li-icon"><font face = "Eurostile">CLASS SCHEDULE</font></a></li>
													<li><a href="stulogged.php" data-transition="slide"><img src="images/home_32.png" alt="Rooms" class="ui-li-icon"><font face = "Eurostile">STUDENT LOGGED RECORD</font></a></li>
                        						</ul>
                 							</div>
                 					</div>
				 			</div>
						</div>';
				}
	}
}
else
{
?>
    <div data-role="page" id="page1">
     <h2 id="banner"> Login </h2>
           <br><br><br><br><br><br>
           <div data-theme="a" data-role="header">
            	<a href="login.php" data-icon="back">Back</a>
                	<h5>
                    	<font face="Eurostile">Administrative Login</font>
                </h5>
          </div>

            <div data-role="content">
                <form id="loginForm" name="loginForm" action="" method="post">
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup" data-mini="true">
                        <font face="Eurostile" size="+1">
                            <label>Username:</label>
                            <input name="txtusername" placeholder="Username" value="" type="text"/>
                            </font>
                            </fieldset>
                    </div>

                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup" data-mini="true">
                        <font face="Eurostile" size="+1">
                            <label>Password:</label>
                            <input name="txtpassword" placeholder="Password" value="" type="password"/>
                            </font></fieldset>
                    </div>
                    <font face="Eurostile" size="+1">
                    <input type="submit" data-inline="true" data-icon="check" data-iconpos="left" value="Login"  name="cmdSubmit"/>
                    </font>
                </form>

  </div>
<?php
}
?>

    </body>
</html>