81 lines
3.5 KiB
PHP
81 lines
3.5 KiB
PHP
<?php include_once('header02.php') ?>
|
|
<style>
|
|
@media (min-width: 991px) {
|
|
.container {
|
|
max-width: 720px;
|
|
padding: 0 15px; /* Ensure padding doesn't cause overflow */
|
|
}
|
|
</style>
|
|
<!-- Contact Form Area start -->
|
|
<section class="contact-form-area py-120 rel z-1">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<!-- <div class="col-lg-6">
|
|
<div style="text-align: center;">
|
|
<img style="width:400px;" src="assets/images/logos/weblogo.png" alt="About">
|
|
</div>
|
|
</div> -->
|
|
|
|
<div class="">
|
|
<div class="comment-form bgc-lighter z-1 rel mb-30 rmb-55">
|
|
<form id="loginForm" class="loginForm" name="loginForm" method="post" data-aos="fade-left" data-aos-duration="1500" data-aos-offset="50">
|
|
<div class="section-title">
|
|
<h2>Forgot your password?</h2>
|
|
<div class="pt-20" style="text-align: center;" id="responseMessage"></div> <!-- Message display area -->
|
|
</div>
|
|
<div class="row mt-35">
|
|
<div class="col-md-12">
|
|
<div class="form-group">
|
|
<label for="email">Email Address</label>
|
|
<input type="email" id="email" name="email" class="form-control" placeholder="Enter Email" value="" required data-error="Please enter a valid Email address">
|
|
<div class="help-block with-errors"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<div class="form-group mb-0">
|
|
<button type="submit" class="theme-btn style-two" style="width:100%;">Send Link</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- Contact Form Area end -->
|
|
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#loginForm').on('submit', function(event) {
|
|
event.preventDefault(); // Prevent the default form submission
|
|
|
|
$.ajax({
|
|
url: 'send_reset_link.php',
|
|
type: 'POST',
|
|
data: $(this).serialize(),
|
|
dataType: 'json',
|
|
success: function(response) {
|
|
// Parse response if needed
|
|
if (typeof response === "string") {
|
|
response = JSON.parse(response);
|
|
}
|
|
|
|
if (response.status === 'success') {
|
|
|
|
$('#responseMessage').html('<div class="alert alert-success">' + response.message + '</div>');
|
|
} else {
|
|
$('#responseMessage').html('<div class="alert alert-danger">' + response.message + '</div>');
|
|
}
|
|
},
|
|
error: function() {
|
|
$('#responseMessage').html('<div class="alert alert-danger">Error sending link. Please contact support.</div>');
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<?php include_once("insta_footer.php"); ?>
|