Initial commit

forgot_password.php

@@ -0,0 +1,81 @@
+<?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"); ?>