:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/soulmeetvivah.com/**
:: Editing File: contact-us.php
<?php include('header.php'); ?> <style type="text/css"> .titles{ width: 100%; height: 150px; margin-top: -75%; } .slider-title{ color: white!important; } .slider-short-desc{ color: white!important; } .get-started-btn{ width: 150px; height: 50px; background: #cd4251; border:none; color: white; margin-top: 10px; border-radius: 10px; } .get-started-btn:hover{ background: transparent!important; border:2px solid #cd4251; } .center-title{ color: white!important; margin-top: -10%; } @media (max-width: 767px) { .titles{ margin-top: -20%; margin-bottom: 250px!important; } .slider-title { font-size: 35px !important; } .slider-content { margin-top: 35%; } } </style> <!-- ================ Banner Section start Here =============== --> <section class="banner-section"> <div class="container"> <div class="section-wrapper"> <center> <h1 class="center-title">Contact Us</h1> </center> <br><br><br> </div> </div> </section> <div class="contact-section bg-ash"> <div class="contact-top padding-tb aside-bg padding-b"> <div class="container"> <div class="row"> <div class="col-lg-8"> <article class="contact-form-wrapper"> <div class="contact-form"> <h4>Don't Be A Stranger, Just Say Hello.</h4> <p class="mb-5">We are here to assist you with finding your perfect match. Feel free to connect with us anytime.</p> <form action="javascript:void(0);" method="POST" id="commentform" class="comment-form"> <input type="text" name="name" id="contact_name" placeholder="Name*" required> <input type="email" name="email" id="contact_email" placeholder="Email*" required> <input type="text" name="sub" id="contact_subject" placeholder="Subject*" required> <input type="text" name="number" id="contact_number" placeholder="Mobile Number*" required> <textarea name="text" id="contact_message" cols="30" rows="8" placeholder="Message*" required></textarea> <button type="submit" class="lab-btn" id="contactSubmitBtn"> <span>Send Message</span> </button> </form> <div id="contactFormMessage" style="display:none; margin-top:15px; padding:10px; border-radius:5px;"></div> </div> </article> </div> <div class="col-lg-4"> <div class="contact-info-wrapper"> <div class="contact-info-title"> <h5>Get In Touch</h5> <p>Our contact details and address information. Follow us on social media too!</p> </div> <div class="contact-info-content"> <div class="contact-info-item"> <div class="contact-info-inner"> <div class="contact-info-thumb"> <img src="images/icons/location.png" alt="location"> </div> <div class="contact-info-details"> <span class="fw-bold">Office Address</span> <p>Thane, Mumbai, Pune</p> </div> </div> </div> <div class="contact-info-item"> <div class="contact-info-inner"> <div class="contact-info-thumb"> <img src="images/icons/mobile.png" alt="location"> </div> <div class="contact-info-details"> <span class="fw-bold">Phone Number</span> <p>9860944646</p> </div> </div> </div> <div class="contact-info-item"> <div class="contact-info-inner"> <div class="contact-info-thumb"> <img src="images/icons/email.png" alt="location"> </div> <div class="contact-info-details"> <span class="fw-bold">Email Address</span> <p>support@soulmeetvivah.com</p> </div> </div> </div> <div class="contact-info-item"> <div class="contact-info-inner"> <div class="contact-info-thumb"> <img src="images/icons/website.png" alt="location"> </div> <div class="contact-info-details"> <span class="fw-bold">Our Website</span> <p>www.soulmeetvivah.com</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- <div class="contact-bottom"> <div class="contac-bottom"> <div class="row justify-content-center g-0"> <div class="col-12"> <div class="location-map"> <div id="map"> <iframe src="https://www.google.com/maps?q=Bhiwandi%2C+Thane+421302&output=embed" allowfullscreen="" loading="lazy"></iframe> </div> </div> </div> </div> </div> </div> --> </div> <?php include('footer.php'); ?> <style> #contactFormMessage { font-size: 14px; font-weight: 500; } #contactFormMessage.alert-success { background-color: #d4edda; border: 1px solid #c3e6cb; color: #155724; } #contactFormMessage.alert-danger { background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; } </style> <script type="text/javascript"> jQuery(document).ready(function($) { console.log('Contact form script loaded'); $('#commentform').on('submit', function(e) { e.preventDefault(); e.stopPropagation(); console.log('Form submitted'); // Prevent multiple submissions var $submitBtn = $('#contactSubmitBtn'); var $messageDiv = $('#contactFormMessage'); if ($submitBtn.data('submitting')) { console.log('Already submitting, ignoring...'); return false; } // Disable button and show loading state $submitBtn.data('submitting', true); var originalText = $submitBtn.find('span').html(); $submitBtn.prop('disabled', true).find('span').html('Sending...'); $messageDiv.hide(); // Get form values var name = $('#contact_name').val().trim(); var email = $('#contact_email').val().trim(); var subject = $('#contact_subject').val().trim(); var number = $('#contact_number').val().trim(); var message = $('#contact_message').val().trim(); console.log('Form data:', {name: name, email: email, subject: subject, number: number, message: message}); // Basic validation if (!name || !email || !subject || !number || !message) { $messageDiv.removeClass('alert-success').addClass('alert-danger').html('Please fill in all required fields.').show(); $submitBtn.data('submitting', false); $submitBtn.prop('disabled', false).find('span').html(originalText); return false; } // Email validation var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (!emailRegex.test(email)) { $messageDiv.removeClass('alert-success').addClass('alert-danger').html('Please enter a valid email address.').show(); $submitBtn.data('submitting', false); $submitBtn.prop('disabled', false).find('span').html(originalText); return false; } // Send data to PHP via AJAX $.ajax({ url: 'backend/contact_form.php', method: 'POST', data: { name: name, email: email, sub: subject, number: number, text: message }, dataType: 'json', success: function(response) { console.log('Success response:', response); if (response && response.status === 'success') { $messageDiv.removeClass('alert-danger').addClass('alert-success').html(response.message).show(); // Reset form $('#commentform')[0].reset(); // Scroll to message $('html, body').animate({ scrollTop: $messageDiv.offset().top - 100 }, 500); } else { var errorMsg = (response && response.message) ? response.message : 'An error occurred. Please try again.'; $messageDiv.removeClass('alert-success').addClass('alert-danger').html(errorMsg).show(); } }, error: function(xhr, status, error) { console.error("AJAX Error:", status, error); console.error("Response:", xhr.responseText); try { var response = JSON.parse(xhr.responseText); $messageDiv.removeClass('alert-success').addClass('alert-danger').html(response.message || 'An error occurred. Please try again.').show(); } catch(e) { $messageDiv.removeClass('alert-success').addClass('alert-danger').html('An error occurred. Please try again. Error: ' + error).show(); } }, complete: function() { // Re-enable button after request completes (with delay to prevent rapid clicks) setTimeout(function() { $submitBtn.data('submitting', false); $submitBtn.prop('disabled', false).find('span').html(originalText); }, 2000); // Wait 2 seconds before re-enabling } }); return false; }); }); </script>