<?php include("includes/db_config.php");
if(isset($_POST["fpass_submit"])) 
{  extract($_POST);
$contact_no = $_POST["contact_no"]; 
$password = md5($_POST["password"]); 
$mob_no = stripslashes($contact_no);
$password = stripslashes($password);
$sql ="SELECT count(*) as num FROM user_profile WHERE contact_no = '".$mob_no."'";
$result = mysqli_query($conn, $sql) or die(mysqli_error($conn));
$res= mysqli_fetch_array($result);
$count=$res['num']; 
if($count > 0 )
{ 
$sql1 ="UPDATE user_profile SET password='$password' WHERE contact_no='".$mob_no."'"; 
$resss=mysqli_query($conn,$sql1) or die(mysqli_error());
echo '<script>alert("Password Updated successfully")</script>'; 
echo "<script>window.location.href='login.php'</script>";
}else{ echo '<script>alert("The Mobile no or password are incorrect!")</script>'; 
}
}

?> 
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Telangana Journalist Reporter Association</title>
    <?php include("includes/css.php");?>
    <link rel="canonical" href="https://www.tjra.in/" />
    <meta property="og:locale" content="en_Us" />
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Telangana Journalist Reporter Association" />
    <meta property="og:description" content="Telangana Journalist Reporter Association provides " />
    <meta property="og:url" content="https://www.tjra.in//" />
    <meta property="og:site_name" content="Telangana Journalist Reporter Association" />
    <meta charset="utf-8">
    <meta name="keywords" content="" />
    <meta name="author" content="Telangana Journalist Reporter Association">
    <meta name="description" content="" />
    <style>
        .team-one--about {
            padding: 100px 0px 100px 0px;
        } 
        .login-page {
            padding: 35px 0;
        }
        .login-page__wrap {
  position: relative;
  padding: 30px;
  background-color: var(--careox-gray, #f1f6f7);margin: 0px;
}
        .login-page__wrap__title{
         color:#b91e4d;
        text-transform:uppercase;text-align: center
        }
        label{font-weight:600}
        .login-page .careox-btn { 
  width: 100%;
}
.page-header {
            padding-top: 10px;
            padding-bottom:5px;
        }

        .page-header__bg {
            background-image: none;
            background-color: #fff;
        }

        .page-header__bg::before {
            background-color: #000
        } .comments-one__card:not(:first-of-type) {
    margin-top: 25px;
    padding-top: 25px;
  }
         @media (min-width: 320px) and (max-width: 640px) {
             .page-header {
                 padding-top:40px;
                 padding-bottom: 5px;
             }
         }
    </style>
</head>

<body class="custom-cursor">
    <div class="custom-cursor__cursor"></div>
    <div class="custom-cursor__cursor-two"></div>

    <div class="page-wrapper">
        <?php include("includes/header.php");?>

        <section class="page-header">
            <div class="page-header__bg"></div>
            <div class="container-fluid">
                <ul class="careox-breadcrumb list-unstyled">
                    <li><a href="index.php">Home</a></li>
                    <li><span>Change Password</span></li>
                </ul>
            </div>
        </section>
        <section class="login-page" style="background-color:#f5f6f7">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-4"></div>
                    <div class="col-md-4 login-page__wrap" style="background-color:#fff;border: 1px solid #e8e8e8;">
                        <h3 class="login-page__wrap__title">Change Password</h3>
                        <form class="login-page__form" action="" method="post">
                            <div class="login-page__form-input-box">
                                <label>Mobile Number :</label>
                                <input type="tel" id="contact_no" name="contact_no" class="contactno-login" placeholder="Enter Registered Mobile Number*" required>
                                <div class="alert alert-warning" id="result" style="display: none;"> </div>
                               <span style="color: red" id="contactno_alert"></span>
                            </div>
                            <div class="login-page__form-input-box">
                                <label>Password :</label>
                                <input type="password" onkeyup="checkPass()" name="password" id="password" placeholder="Password *">
                            </div>
                            <div class="login-page__form-input-box">
                                <label>Confirm Password :</label>
                                <input type="password" onkeyup="checkPass()" name="cpassword" id="cpassword" placeholder="Password *">
                            </div>
                            <center> 
                                <button type="submit" name="fpass_submit" class="btn btn-sm careox-btn"><span>Submit</span></button><br/>
                            <a href="register.php">Don't have any account? Register Here</a>
                            </center>
                        </form>
                    </div>
                   
                </div>
            </div>
        </section>
        <?php include("includes/newsletter.php");?>
    </div>
    <?php include("includes/footer.php");?>
    <?php include("includes/js.php");?>
    <script type="text/javascript">
       $(document).ready(function(){
    $(".contactno-login").keyup(function()
    {
    searchid = $(this).val();
    dataString = 'searchlg='+ searchid;
    if(searchid!='')
    {
    $.ajax({
    type: "POST",
    url: "reg_validation.php",
    data: dataString,
    cache: false,
    success: function(html)
    {
    $("#result").html(html).show();
    }
    });
    }return false;
    });
    }); 
    function checkPass()
    {
        var pass1 = document.getElementById('password');
        var pass2 = document.getElementById('cpassword');
        var message = document.getElementById('error-nwl');
        var goodColor = "#66cc66";
        var badColor = "#ff6666";
      
        if(pass1.value.length > 5)
        {
            pass1.style.backgroundColor = goodColor;
            message.style.color = goodColor;
            message.innerHTML = "character number ok!"
        }
        else
        {
            pass1.style.backgroundColor = badColor;
            message.style.color = badColor;
            message.innerHTML = " you have to enter at least 6 digit!"
            return;
        }
      
        if(pass1.value == pass2.value)
        {
            pass2.style.backgroundColor = goodColor;
            message.style.color = goodColor;
            message.innerHTML = "Password Match!"
        }
      else
        {
            pass2.style.backgroundColor = badColor;
            message.style.color = badColor;
            message.innerHTML = " These passwords don't match"
        }
    } 
</script>
</body>

</html>