$(document).ready(function () {

        var currentdate = new Date();
        var formattedDate = currentdate.getDate() + "/"
            + (currentdate.getMonth() + 1) + "/"
            + currentdate.getFullYear() + " "
            + currentdate.getHours() + ":"
            + currentdate.getMinutes() + ":"
            + currentdate.getSeconds();

        var utm_source = "";
        var utm_medium = "";
        var utm_content = "";
        var utm_campaign = "";
        
        utm_source = getUrlParameter("utm_source");
        utm_medium = getUrlParameter("utm_medium");
        utm_content = getUrlParameter("utm_content");
        utm_campaign = getUrlParameter("utm_campaign");
        var origin = window.location.href;

        $(".utm_source").val(utm_source);
        $(".utm_medium").val(utm_medium);
        $(".utm_content").val(utm_content);
        $(".utm_campaign").val(utm_campaign);
        $(".lead_source").val(origin);

        $("img[title]").each(function () {
          $(this).removeAttr("title");
        });

    $("#sendOtpBtn").click(function () {
        let phone = $("#Phone").val();
        
        if (phone && phone.length === 10) {
            $.ajax({
                url: 'send_otp.php',
                type: 'POST',
                data: { phone: phone },
                success: function (response) {

                    console.log(response);
                    if (response === 'success') {
                        $(".otp-section").show();
                        $('#sendOtpBtn').attr('disabled',true);
                        $("#otpMessage").text("OTP sent to your mobile number.").removeClass('text-danger').addClass('text-success');
                    } else {
                        $("#otpMessage").text("Failed to send OTP. Try again.").removeClass('text-success').addClass('text-danger');
                    }
                }
            });
        } 

        else {
            $("#otpMessage").text("Enter a valid 10-digit phone number.").removeClass('text-success').addClass('text-danger');
        }
    });

    $("#verifyOtpBtn").click(function () {
        let otp = $("#Otp").val();
        let phone = $("#Phone").val();
        $.ajax({
            url: 'verify_otp.php',
            type: 'POST',
            data: { otp: otp, phone: phone },
            success: function (response) {
                if (response === 'verified') {
                    $('#PhoneNumber').val(phone);
                    $("#otpMessage").text("OTP verified. Please fill in the remaining details.").removeClass('text-danger').addClass('text-success');
                    $(".MobileVerificationForm, .otp-section, .verificationBox").hide();
                    $(".Contactform").show();
                } else {
                    $("#otpMessage").text("Invalid OTP. Please try again.").removeClass('text-success').addClass('text-danger');
                }
            }
        });
    });


$('#ContactForm').submit(function(ev) {
    ev.preventDefault();
    
    var name = $('#Name').val();
    var email = $('#Email').val();
    var phoneNumber = $('#PhoneNumber').val();
    var location = $('#Location').val();
    var message = $('#Message').val();

    var lead_source = $('.lead_source').val();
    var utm_source = $('.utm_source').val();
    var utm_medium = $('.utm_medium').val();
    var utm_content = $('.utm_content').val();
    var utm_campaign = $('.utm_campaign').val();

    // Validation for each field with border color indication
    if(name === '') { 
        $('#Name').css('border', 'solid 2px #ff291a'); 
    } else { 
        $('#Name').css('border', 'solid 2px #1af01a'); 
    }

    if(email === '' || !validateEmail(email)) { 
        $('#Email').css('border', 'solid 2px #ff291a'); 
    } else { 
        $('#Email').css('border', 'solid 2px #1af01a'); 
    }

    if(phoneNumber === '') { 
        $('#PhoneNumber').css('border', 'solid 2px #ff291a'); 
    } else { 
        $('#PhoneNumber').css('border', 'solid 2px #1af01a'); 
    }

    if(location === '') { 
        $('#Location').css('border', 'solid 2px #ff291a'); 
    } else { 
        $('#Location').css('border', 'solid 2px #1af01a'); 
    }

     if(message === '') { 
        $('#Message').css('border', 'solid 2px #ff291a'); 
    } else { 
        $('#Message').css('border', 'solid 2px #1af01a'); 
    }


    // Check if all fields are filled correctly
    if(name !== '' && email !== '' && validateEmail(email) && phoneNumber !== '' && location !== '' && message !== '') {
        $.ajax({
            url: 'contact_form_handler.php',
            type: 'POST',
            data: { Name: name, Email: email, Phone: phoneNumber, Location: location, Message: message, lead_source: lead_source, utm_source: utm_source, utm_medium: utm_medium, utm_campaign: utm_campaign, utm_content: utm_content },
            success: function (response) {
                console.log(response);
                $('.contact').hide();
                $('#ResultBox').show();
                $('#msg').html(response); // Display the response message
                sendtogooglesheet(name,phoneNumber,email,location,message,lead_source,utm_source,utm_medium,utm_campaign,utm_content,currentdate);
                setTimeout(function() {
                window.location.href = "https://kumarmission1000.com/thank-you"; // Replace with your target page URL
                }, 3000);
            },
            error: function (xhr, status, error) {
                $('#ResultBox').show();
                $('#msg').html("An error occurred: " + error);
                console.log(response);
            }
        });
    }
});

// Email validation function
function validateEmail(email) {
    const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
    return emailPattern.test(email);
}

// RERA ID validation function
function validateReraId(reraID) {
    const reraIdPattern = /^A\d{12}$/;
    return reraIdPattern.test(reraID);
}

function getUrlParameter(sParam) {
    let sPageURL = window.location.search.substring(1),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
        }
    }
    return false;
}

function sendtogooglesheet(name,phone,email,location,message,lead_source,utm_source,utm_medium,utm_campaign,utm_content,currentdate) {
            var formData = new FormData();
            formData.append('Date', currentdate);
            formData.append('Name', name);
            formData.append('Phone', phone);
            formData.append('Email', email);
            formData.append('Location', location);
            formData.append('RERA Id', message);
            formData.append('Lead Source', lead_source);
            formData.append('UTM Source', utm_source);
            formData.append('UTM Medium', utm_medium);
            formData.append('UTM Campaign', utm_campaign);
            formData.append('UTM Content', utm_content);

            $.ajax({
                url: "https://script.google.com/macros/s/AKfycbz5KAHCg6VrxafZDFV7l1MMLvhajB-QsQoO_OGE0S2d1afF7A7hvCMgBplFhO2CHki2yw/exec",
                data: formData,
                processData: false,
                crossDomain: true,
                contentType: false,
                type: 'POST',
                success: function(response) {
                    console.log(response);
                    return true;
                },
                error: function(response) {
                    console.log(response);
                    return true;
                }
            });
        }



});