EVOLUTION-NINJA
Edit File: login.php
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <title>Urban Nest</title> <link rel="stylesheet" href="<?php echo base_url('public/assets/admin_dashboard/css/main.css');?>" /> <link rel="stylesheet" href="<?php echo base_url('public/assets/admin_dashboard/css/rashmi.css');?>" /> <link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/admin_dashboard/css/bootstrap.min.css');?>"> <link rel="stylesheet" href="<?php echo base_url('public/assets/admin_dashboard/css/font-awesome.min.css');?>" /> <link rel='shortcut icon' type='image/x-icon' href="<//?php echo base_url('public/assets/admin_dashboard/images/favicon.png');?>" /> <link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css');?>"> <script type="text/javascript" src="<?php echo base_url('public/assets/admin_dashboard/js/jquery.min.js');?>"></script> <script type="text/javascript" src="<?php echo base_url('public/assets/admin_dashboard/js/bootstrap.min.js');?>"></script> <script src="<?php echo base_url('public/assets/toastr/toastr.min.js');?>"></script> </head> <body> <div class="main-body"> <div class="container"> <div class="mainbox col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2" style="padding-top: 3%;"> <img src="<?php echo base_url('public/assets/admin_dashboard/images/URBAN NEST1.svg');?>" class="img-responsive center-block"/> </div> <div id="loginbox" style="margin-top:30px;" class="mainbox col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2"> <div class="panel panel-info" > <div class="panel-heading"> <div class="panel-title">Sign In</div> </div> <div style="padding-top:30px" class="panel-body" > <div style="display:none" id="login-alert" class="alert alert-danger col-sm-12"></div> <form id="loginform" class="loginform" role="form"> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope-o" aria-hidden="true"></i></span> <!--<input type="email" class="form-control email" placeholder="Email id *" id="email-id" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" title="Example: abc@example.com" required="required" aria-required="true"> --> <input type="email" class="form-control email" placeholder="Email id *" id="email-id" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" title="Example: abc@example.com" required="required" aria-required="true" oninput="this.value = this.value.replace(/[A-Z]/g, '')"> </div> <div class="input-group"> <span class="input-group-addon"><i class="fa fa-unlock-alt" aria-hidden="true"></i></span> <input id="login-password" type="password" class="form-control password" name="password" placeholder="Password" title="min 6 char with one uppercase lowercase and numeric char" required="required" aria-required="true"> </div> <div class="row"> <!-- <div class="checkbox col-sm-6" style="padding-left: 34px;"> <input id="login-remember" type="checkbox" name="remember" value=""> Remember me </div> --> <div class="forgot col-sm-6" > <!-- <a id="btn-forgot" href="#" class="" data-toggle="modal" data-target="#forgotModal"> Forgot Password ?</a> --> </div> </div> <!-- Button --> <div class="row"> <div class="col-sm-4"></div> <div class="col-sm-4"> <button id="btn-login" type="submit" value="submit" href="#" class="btn btn-default submit">Submit</button> </div> <div class="col-sm-4"></div> </div> </form> <!-- form --> </div> </div> </div> </div><!-- container --> </div><!-- main-body --> <!-- Modal --> <div id="forgotModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Forgot Password ?</h4> </div> <div class="modal-body"> <form id="loginform" class="form-horizontal" role="form"> <div style="margin-bottom: 25px" class="input-group"> <span class="input-group-addon"><i class="fa fa-envelope-o" aria-hidden="true"></i></span> <input type="email" class="form-control" placeholder="Email id *" id="email-id" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" title="Example: abc@example.com" required="required" aria-required="true"> </div> <div style="margin-top:10px" class="form-group modal-sub"> <!-- Button --> <div class="col-sm-12 controls"> <button id="btn-login" href="#" type="submit" value="submit" class="btn btn-default pull-right">Send code</button> </div> </div> </form> </div> <p class="para-graph">Enter your email and we will send you a code to recover your account</p> </div> </div> </div> <script> $(document).ready(function(){ $('.loginform').submit(function(e){ e.preventDefault(); var formdata = new FormData($(this)[0]); $(".submit").text("Loading..."); $.ajax({ type: 'post', url: '<?php echo base_url("login") ?>', data: formdata, contentType: false, processData: false, dataType: "json", // Ensures response is automatically parsed as JSON success: function(response) { console.log("Response:", response); if (response.result == 1) { toastr["success"]("Login Successful"); window.location = '<?php echo base_url("admin-dashboard") ?>'; } else { toastr["error"](response.message); $(".submit").text("Submit"); } }, error: function(xhr, status, error) { console.error("AJAX Error:", status, error); console.log("Response Text:", xhr.responseText); toastr["error"]("Something went wrong. Please try again."); $(".submit").text("Submit"); } }); }); }); </script> </body> </html> <style> #btn-login{ margin-left:0px !important; width:100% !important; margin-top:-10px; } </style>