File: /home/barbeatleanalyti/public_html/api.beatleanalytics.com/email/password_recovery.php
<?php
session_start();
require_once '../db_connect.php';
$db = new DB_CONNECT();
if (isset($_POST['data'])){
//do your stuff
if(isset($_SESSION['mUidBeatle'])){
$uid = $_SESSION['mUidBeatle'];
$mPass = md5($_POST['data']);
//$result = mysql_query("SELECT * FROM beatle_userlogin WHERE userId = '$uid' ")or die(mysql_error());
$result = mysql_query("UPDATE beatle_userlogin SET db_password = '$mPass' WHERE userId = '$uid' ");
if (!empty($result)) {
// check for empty result
echo "success";
unset($_SESSION['mUidBeatle']);
}else{
echo "fail";
}
}
exit;
}
?>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<?php
if(isset($_SESSION['mUidBeatle'])){
$uid = $_SESSION['mUidBeatle'];
$result = mysql_query("SELECT * FROM beatle_userlogin WHERE userId = '$uid' ")or die(mysql_error());
if (!empty($result)) {
// check for empty result
if (mysql_num_rows($result) > 0) {
$result = mysql_fetch_array($result);
$uname = $result["db_username"];
}
}else{
echo "error";
}
?>
<div class="container w3-display-middle">
<div class="lockscreen-logo">
<b>Beatle</b>Analytics
</div>
<div class="row justify-content-center">
<div class="col-md-3"></div>
<div class="col-12 col-md-8 col-lg-6 pb-5">
<!--Form with header-->
<div class="card border-primary rounded-0">
<div class="card-header p-0">
<div class="bg-info text-white text-center py-2">
<h3 style="padding: 11px 0;">Forget Password </h3>
</div>
</div>
<h4 class="hi_client">Hi.. <?php echo $uname;?></h4>
<div class="card-body p-3">
<!--Body-->
<div class="form-group" style=" margin-top: 29px;">
<div class="input-group mb-2 col-md-6">
<div class="input-group-prepend">
<div class="input-group-text"><i class="fa fa-lock" style="font-size: 16px;
color: #317090;"></i></div>
</div>
<input type="text" class="form-control" id="password" name="pass" placeholder="Enter Password" required>
</div>
</div>
<div class="form-group" style=" margin-bottom: 37px;">
<div class="input-group mb-2 col-md-6">
<div class="input-group-prepend">
<div class="input-group-text"><i class="fa fa-lock" style="font-size: 16px;
color: #317090;"></i></div>
</div>
<input type="text" class="form-control" id="confirm_password" name="cpass" placeholder="Enter Re-password" required>
</div>
<div id="message"></div>
</div>
<div class="text-center">
<!-- <input type="submit" value="submit" class="btn btn-info btn-block rounded-0 py-2"> -->
<BUTTON class="btn btn-info btn-block rounded-0 py-2 submit">submit</BUTTON>
</div>
</div>
</div>
<!--Form with header-->
<script type="text/javascript">
$('.submit').click(function(){
var pass = document.getElementById('password').value;
var cpass = document.getElementById('confirm_password').value
if (pass != cpass) {
$('#message').html("password not Matching. Please enter right password").css('color', 'red');
}else{
$.ajax({
url: '<?php echo basename($_SERVER['PHP_SELF']);?>',
type: "POST",
data: {
data:pass
},
success: function(response) {
alert("exito!!! "+ response);
},
error: function(xhr) {
alert("error");
}
});
}
//document.getElementById('message').html('Matching').css('color', 'green');
// document.getElementById('message').html('Not Matching').css('color', 'red');
//alert();
// your statements;
});
</script>
</div>
<div class="col-md-3"></div>
</div>
</div>
<?php }else{ ?>
<div class="error">
<div class="w3-display-middle">
<div class="col-md-6 er_404"><h1>404</h1></div>
<div class="content col-md-6 er_text">
<i class="fa fa-exclamation-triangle" style="font-size:48px;color:#4a98be;"></i>
<h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</h3>
<form>
<input type="submit" value="Go to website">
</form>
</div>
</div>
<div class="copyright w3-display-bottommiddle w3-hide-small">
<p>© 2018 All rights reserved | Design by <a href="http://beatleanalytics.com" target="_blank">beatleanalytics </a></p>
</div>
</div>
<?php }
?>
<style>
<!-------404-error------>
.error .w3-display-middle { box-shadow: 1px 1px 12px 1px #848484; padding: 31px 0;}
.error .w3-display-middle { box-shadow: 1px 1px 10px 0px #848484; padding: 43px 0;}
.er_404 h1 { font-size: 127px; color: #4a98bf; line-height: 1.5; font-weight: 900; text-align: right;}
.er_404 { border-right: 1px solid #4a98c0;}
.content.col-md-6.er_text input { background: #4a98c0; color: #FFF; padding: 5px 22px; border: none; float: left;}
.er_text h3 { font-size: 17px; margin: 28px 0; text-align: left; color: #7b7b7b;}
.content .er_text i { font-size: 73px !IMPORTANT;}
@media (min-width: 200px) and (max-width: 991px) {
.error .w3-display-middle { width: 94%; text-align: center;}
.er_404 h1 { text-align: center;}
.er_text h3 {text-align: center;}
.content .er_text input { float: none;}
.er_404 { border-right: none;}
.error .copyright.w3-display-bottommiddle.w3-hide-small {text-align:center;}
.content.col-md-6.er_text input {float: none;}
}
<!------//-404-error------>
<!----password-reserved------>
.input-group-text { margin-top: 7px;}
.form-group {text-align:center;}
.input-group-text { float: left;}
.form-group input { float: left;width: 91% !IMPORTANT; margin-left: 10px;}
.input-group {margin:0 auto;}
h3 { margin: 0px;}
.card.border-primary.rounded-0 { border: 1px solid #daeef8;}
.container.w3-display-middle h2 { margin-bottom: 34px;}
b, strong {font-weight: 700;}
.lockscreen-logo a { color: #444;}
.lockscreen-logo { font-size: 35px; text-align: center; margin-bottom: 25px; font-weight: 300;}
.hi_client { text-align: center; margin-top: 22px; margin-bottom: 0px !IMPORTANT; font-weight: 600;}
.input-group-text i { padding-top: 7px;}
@media (min-width: 200px) and (max-width: 991px) {
.form-group input { width: 87% !IMPORTANT;}
.input-group-text i { padding-top: 7px;}
}
<!--//--password-reserved------>
</style>