LOGIN.php

<html>
<head>
<title>LOGIN|BEDUINS HOTEL</title>
<style type="text/css">
<!--
a:hover {
  text-decoration: none
  }
hr {
  color: #002157;
  }
body {
  margin: 0px;
  }
.background-wrap{
position:fixed;
z-index: -1000;
width: 100%;
height:100%;
overflow: hidden;
top: 0;
left: 0;
}
#video-bg-elem
{
position: fixed;
top: 50%;
left: 50%;
min-height: 100%;
min-width: 100%;
width: auto;
height: auto;
transform:translate(-50%, -50%);
}
.b {
  font-family: verdana,arial,helvetica;
  font-size: 8pt;
  margin: 0px;
  }
.date {
  font-family: verdana,arial,helvetica;
  font-size: 9pt;
  }
.side {
  font-family: verdana,arial,helvetica;
  color: #404040;
  font-size: 10px;
  }
.title {
  font-family: verdana,arial,helvetica;
  color: #002157;
  font-size: 20pt;
  letter-spacing:6px;
  }
.header {
  font-family: verdana,arial,helvetica;
  color: #002157;
  font-size: 35px;
  }

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
}

li a {
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111;
}
.active {
    background-color: #002157;
}
div#back_glob {
background-color:white; border:1px solid #002157; width:450px; margin:0 auto; box-shadow:1px 0px 15px #af883d;
}

input {
display:block; margin:15px;
}

div#back_header {
background-color: #002157; text-align:center; font-size:22px; font-weight:bold; color:white; padding:20px;
}

input[type=text], input[type=password] {
font-size:15px; padding:10px; border-radius:3px; border:1px solid #ddd;
}

input[type=submit], input[type=reset] {
background-color:#002157; padding:5px 10px 5px 10px; border-radius:3px; border:1px solid #af883d; color:white; font-weight:bold;
}

div#back_form {
display:flex; justify-content: center;
}


-->
</style>
</head>
<body>
<center>
<table border=0 cellpadding=20 cellspacing=0>
 <tr>
  <td align=center colspan=2 bgcolor="#F4EFF7" height=70>
   <span class=title><img src="logo.jpg" style="width:975px;height:176px;float:topright;"></span>
      <nav>
<ul class="nav">
<li><a href="HOTELS BEDUINS.html">HOTELS</a></li>
<li><a href="ABOUT BEDUINS.html">ABOUT</a></li>
<li><a href="CONTACT BEDUINS.html">CONTACT US</a></li>
<li><a href="FEEDBACK BEDUINS.html">FEEDBACK</a></li>
<li style="float:right;"><a class="active" href="SIGNUP.php">SIGN UP  </a></li>
</ul>
</nav>
  </td>
  </tr>
  <tr>
   <td valign=top width=300 bgcolor="#FFFFFF">
   <center><span class=header><b></b></span><br></center>
<div id="back_glob">
<div id="back_header">
LOGIN
</div>
<div id="back_form">
<form method="POST">
<input type="text" name="username" placeholder="USERNAME" />
<input type="password" name="password" placeholder="PASSWORD" />
<input type="submit" name="submit" value="LOGIN"><a/>

	<?php
if(isset($_POST["submit"])){
$username=$_POST['username'];
$password=$_POST['password'];

$connect=@mysql_connect('localhost','root','') or die(mysql_error());
mysql_select_db('beduins') or die("cannot select DB");

$sql=mysql_query("SELECT * FROM signup WHERE  username='".$username."' AND password='".$password."'");
$result=mysql_query($sql);

$numrows=mysql_num_rows($sql);
if($numrows!=0){
while($row=mysql_fetch_assoc($sql))
{
$dbusername=$row['username'];
$dbpassword=$row['password'];
$dbUserType=$row['UserType'];
}

if($username==$dbusername && $password==$dbpassword)
{
session_start();
$_SESSION['sess_user']=$username;
$row=mysql_fetch_array($sql);
if ($row['UserType']==0){
        header("location:BOOKING.php");
}
elseif ($row['UserType']==1) {
        header("location:ADMIN.php");
}
}
}
else{
echo "Invalid username or password!";
}
}
?>
</form>
</div>
<br>
   </td>
   <td valign=top width=1 bgcolor="#FFFFFF">
    <table border=0 cellpadding=0 cellspacing=0 width="100%">
      <td bgcolor="#808080">
       </table>
      </td>
    </table>
   </td>
  </tr>
 </table>
</center>
<div class="background-wrap">
	<video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted">
	<source src="video2.mp4" type="video/mp4">
	video not supported
	</video>

</body>
</div>
</html>