JezK
Edit File: index.php
<?php session_start(); include("app/DbOperations.php"); $db=new venueBooking(); if(isset($_POST['submit'])) { $email=$_POST['email']; $password=$_POST['password']; $_SESSION["super_admin_email"] =$email; $status=$db->superAdminLogin($email,$password); if($status==1) { echo "<script>alert('Logged in successfully');</script>"; echo "<script>location.replace('access_modules.php');</script>"; }else if($status==0) { echo "<script>alert('Invalid credentials');</script>"; echo "<script>location.replace('index.php');</script>"; } } $logo='images/dashboardlogo.png'; $res=$db->getLogoDetails(); if(isset($res['logo']) && $res['logo'] !=""){ $logo='../uploads/'.$res['logo']; } ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="Airsohoo"> <meta name="viewport" content="width=device-width, shrink-to-fit=no, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="../img/logo.png" type="image/gif" sizes="16x16"> <title>Venue Booking</title> <!-- Bootstrap Core CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Custom CSS --> <link href="css/simple-sidebar.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link href="css/login.css" rel="stylesheet"> </head> <style> .modal-dialog { right: auto; width: 600px; padding-top: 30px; padding-bottom: 30px; left: 0%; } </style> <body> <div class="disFlexColumn container-fluid login h-100 justify-content-center align-items-center"> <div class="row"> <div class="mx-auto vbLogin"> <!-- <div class="col-sm-4 col-sm-offset-4 div-border-radius"> --> <!-- <h1 class="text-heading">LOGIN</h1> --> <form action="" method="POST" class="vbForm" onSubmit="return logvalidation();"> <div class="text-center"> <img src="<?php echo $logo; ?>" class="airsohooLogo img-responsive" width="170" height=""> </div> <div class="form-group"> <label for="Username" class="vblabel">Email</label> <input type="text" class="form-control form-input" id="email" placeholder="Enter Email" name="email" > <span class="email_icon" ><img src="images/email.png" alt="email"></span> </div> <div id="divName"></div> <div class="form-group"> <label for="pwd" class="vblabel">Password</label> <input type="password" class="form-control form-input" id="password" placeholder="Enter Password" name="password"> <span class="select_icon" toggle="#password-field" class="toggle-password" onclick="myFunction()"><img src="./images/passwordhide.png" id="icon"></span> </div> <div id="divpassword"></div> <input type="submit" id="submit" class="btn submit-login" name="submit" value="SUBMIT"> </form> </div> </div> <!-- <div class="backgroundbg"> <div class="text-center"><br><br> <h2 style="color:#ef1f3f"></h2> </div><br> <div class="col-sm-4 col-sm-offset-4 div-border-radius"> <h1 class="text-heading">LOGIN</h1> <form action="" method="post" onSubmit="return logvalidation();"> <div class="row"> <div class="col-sm-12"> <div class="col-sm-12"><input type="email" id="email" placeholder="Email" class="form-control form-input" name="email" required autofocus></div> </div> </div> <br> <div class="row"> <div class="col-sm-12"> <div class="col-sm-12"><input type="password" id="password" placeholder="Password" class="form-control form-input" name="password" required></div> </div> </div><br> <div class="row"> <div class="col-sm-12"> <div class="col-sm-4"></div> <!-- <div class="col-sm-8 text-right"><a data-toggle="modal" data-target="#mymodal" class="forgotpass ">FORGOT PASSWORD</a></div> --> <!-- </div> </div><br> <div class="text-center"> <input type="submit" class="btn submit-login" id="submit" name="submit" value="SUBMIT"> </div><br> </form> </div> </div> --> <!-- modal--> <div class="modal fade" id="mymodal"role="dialog"> <div class="modal-dialog" style="background:white;"> <div class="modal_content"> <div class="modal-header"> <button type="button" class="close" class="btn btn-info" data-dismiss="modal">×</button> <h3 class="modal-title">Forgot Password</h3> </div> <div class="modal-body"> <form class="form-horizontal" method="post"> <div class="form-group"> <label for="month" class="col-sm-2">Email</label> <div class="col-sm-10"> <input type="text" class="form-control" id="forgot_email" name="forgot_email" placeholder="Enter Your E-mail" required> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" onclick="return forgotEmailValidation()" class="btn btn-primary " style="margin-left: 100px;background: #1f2272" id="forgot_submit" name="forgot_submit" value="submit">submit</button> </div> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" style="background: #1f2272" data-dismiss="modal">close</button> </div> </div> <!--modal--> <script src="js/jquery.js"></script> <!-- Bootstrap Core JavaScript --> <script src="js/bootstrap.min.js"></script> <script type="text/javascript"> function logvalidation() { var email=document.getElementById('email').value; var password=document.getElementById('password').value; var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; if(!email) { alert("Please enter email address"); return false; } if (reg.test(email) == false) { alert("Please enter valid email address"); return false; } if (password==null || password=="") { alert("Please enter the password"); return false; } } function forgotEmailValidation() { var forgot_email=document.getElementById('forgot_email').value; var reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; if(!forgot_email) { alert("Please enter email address"); return false; } if (reg.test(forgot_email) == false) { alert("Please enter valid email address"); return false; } } //password show hide icon function myFunction() { var x = document.getElementById("password"); var icon = document.getElementById("icon"); if(x.type === "password") { x.type = "text"; icon.src= "./images/passwordview.png" } else{ x.type = "password"; icon.src= "./images/passwordhide.png" } } </script> </body> </html>