jQuery(document).ready(function($) {
    $('.submit-button').click(function(e) {
        e.preventDefault();
        $('#loading-spinner').show();

        // Use the closest method to find the form related to the clicked button
        var currentForm = $(this).closest('form');

        // Show loading spinner (assuming each form has its own spinner)
        currentForm.find('.loading-spinner').show();

        // Initialize and extract phone numbers
        var phoneInput = currentForm.find("#telephone").intlTelInput();
        var phoneFullNumber = phoneInput.intlTelInput("getNumber");

        var whatsappInput = currentForm.find("#whatsapp").intlTelInput();
        var whatsappFullNumber = whatsappInput.intlTelInput("getNumber");

        // Extract other form values
        var formData = {
            'firstname': currentForm.find('input[name=firstname]').val(),
            'email': currentForm.find('input[name=email]').val(),
            'telephone': phoneFullNumber,
            'whatsapp': whatsappFullNumber,
            'job': currentForm.find('input[name=job]').val(),
            'special': currentForm.find('select[name=special]').val()
        };

        // Send data to Pabbly webhook
        $.ajax({
            type: 'POST',
            url: '/wp-admin/admin-ajax.php?action=send_to_pabbly',
            data: JSON.stringify(formData),
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
        })
        .done(function(data) {
            console.log(data);

            // After successful submission to Pabbly, send data to WordPress to send email
            $.ajax({
                type: 'POST',
                url: '/wp-admin/admin-ajax.php', 
                data: {
                    'action': 'send_email',
                    ...formData
                },
                dataType: 'text',
            })
            .done(function(response) {
                console.log(response); 
                currentForm.find('#loading-spinner').hide();
                window.location.href = 'https://mba.learnersuae.com/thank-you/';
            })
            .fail(function(jqXHR, textStatus, errorThrown) {
                console.log('Email send error:', textStatus, errorThrown);
                alert("Error submitting form!");
                currentForm.find('#loading-spinner').hide();
            });
        })
        .fail(function(jqXHR, textStatus, errorThrown) {
            console.log('Error:', textStatus, errorThrown);
            alert("Error submitting form!");
            currentForm.find('#loading-spinner').hide();
        });
    });
});

// popup1

jQuery(document).ready(function($) {
    $('.submit-button-popup1').click(function(e) {
        e.preventDefault();
        $('#loading-spinner').show();

        // Use the closest method to find the form related to the clicked button
        var currentForm = $(this).closest('form');

        // Show loading spinner (assuming each form has its own spinner)
        // currentForm.find('.loading-spinner').show();

        // Initialize and extract phone numbers
        var phoneInput = currentForm.find("#telephone").intlTelInput();
        var phoneFullNumber = phoneInput.intlTelInput("getNumber");

        var whatsappInput = currentForm.find("#whatsapp").intlTelInput();
        var whatsappFullNumber = whatsappInput.intlTelInput("getNumber");

        // Extract other form values
        var formData = {
            'firstname': currentForm.find('input[name=firstname]').val(),
            'email': currentForm.find('input[name=email]').val(),
            'telephone': phoneFullNumber,
            'whatsapp': whatsappFullNumber,
            'job': currentForm.find('input[name=job]').val(),
            'special': currentForm.find('select[name=special]').val()
        };

        // Send data to Pabbly webhook
        $.ajax({
            type: 'POST',
            url: '/wp-admin/admin-ajax.php?action=send_to_pabbly',
            data: JSON.stringify(formData),
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
        })
        .done(function(data) {
            console.log(data);

            // After successful submission to Pabbly, send data to WordPress to send email
            $.ajax({
                type: 'POST',
                url: '/wp-admin/admin-ajax.php', 
                data: {
                    'action': 'send_email',
                    ...formData
                },
                dataType: 'text',
            })
            .done(function(response) {
                console.log(response); 
                currentForm.find('#loading-spinner').hide();
                window.location.href = 'https://mba.learnersuae.com/thank-you/';
            })
            .fail(function(jqXHR, textStatus, errorThrown) {
                console.log('Email send error:', textStatus, errorThrown);
                alert("Error submitting form!");
                currentForm.find('#loading-spinner').hide();
            });
        })
        .fail(function(jqXHR, textStatus, errorThrown) {
            console.log('Error:', textStatus, errorThrown);
            alert("Error submitting form!");
            currentForm.find('#loading-spinner').hide();
        });
    });
});

// popup 2

jQuery(document).ready(function($) {
    $('.submit-button-popup2').click(function(e) {
        e.preventDefault();
        $('#loading-spinner').show();

        // Use the closest method to find the form related to the clicked button
        var currentForm = $(this).closest('form');

        // Show loading spinner (assuming each form has its own spinner)
        // currentForm.find('.loading-spinner').show();

        // Initialize and extract phone numbers
        var phoneInput = currentForm.find("#telephone").intlTelInput();
        var phoneFullNumber = phoneInput.intlTelInput("getNumber");

        var whatsappInput = currentForm.find("#whatsapp").intlTelInput();
        var whatsappFullNumber = whatsappInput.intlTelInput("getNumber");

        // Extract other form values
        var formData = {
            'firstname': currentForm.find('input[name=firstname]').val(),
            'email': currentForm.find('input[name=email]').val(),
            'telephone': phoneFullNumber,
            'whatsapp': whatsappFullNumber,
            'job': currentForm.find('input[name=job]').val(),
            'special': currentForm.find('select[name=special]').val()
        };

        // Send data to Pabbly webhook
        $.ajax({
            type: 'POST',
            url: '/wp-admin/admin-ajax.php?action=send_to_pabbly',
            data: JSON.stringify(formData),
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
        })
        .done(function(data) {
            console.log(data);

            // After successful submission to Pabbly, send data to WordPress to send email
            $.ajax({
                type: 'POST',
                url: '/wp-admin/admin-ajax.php', 
                data: {
                    'action': 'send_email',
                    ...formData
                },
                dataType: 'text',
            })
            .done(function(response) {
                console.log(response); 
                currentForm.find('#loading-spinner').hide();
                window.location.href = 'https://mba.learnersuae.com/thank-you/';
            })
            .fail(function(jqXHR, textStatus, errorThrown) {
                console.log('Email send error:', textStatus, errorThrown);
                alert("Error submitting form!");
                currentForm.find('#loading-spinner').hide();
            });
        })
        .fail(function(jqXHR, textStatus, errorThrown) {
            console.log('Error:', textStatus, errorThrown);
            alert("Error submitting form!");
            currentForm.find('#loading-spinner').hide();
        });
    });
});

jQuery(document).ready(function($) {
    $('.submit-button-inner').click(function(e) {
        e.preventDefault();
        $('#loading-spinner').show();

        // Use the closest method to find the form related to the clicked button
        var currentForm = $(this).closest('form');

        // Show loading spinner (assuming each form has its own spinner)
        // currentForm.find('.loading-spinner').show();

        // Initialize and extract phone numbers
        var phoneInput = currentForm.find("#telephone").intlTelInput();
        var phoneFullNumber = phoneInput.intlTelInput("getNumber");

        var whatsappInput = currentForm.find("#whatsapp").intlTelInput();
        var whatsappFullNumber = whatsappInput.intlTelInput("getNumber");

        // Extract other form values
        var formData = {
            'firstname': currentForm.find('input[name=firstname]').val(),
            'email': currentForm.find('input[name=email]').val(),
            'telephone': phoneFullNumber,
            'whatsapp': whatsappFullNumber,
            'job': currentForm.find('input[name=job]').val(),
            'special': currentForm.find('select[name=special]').val()
        };

        // Send data to Pabbly webhook
        $.ajax({
            type: 'POST',
            url: '/wp-admin/admin-ajax.php?action=send_to_pabbly',
            data: JSON.stringify(formData),
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
        })
        .done(function(data) {
            console.log(data);

            // After successful submission to Pabbly, send data to WordPress to send email
            $.ajax({
                type: 'POST',
                url: '/wp-admin/admin-ajax.php', 
                data: {
                    'action': 'send_email',
                    ...formData
                },
                dataType: 'text',
            })
            .done(function(response) {
                console.log(response); 
                currentForm.find('#loading-spinner').hide();
                window.location.href = 'https://mba.learnersuae.com/thank-you/';
            })
            .fail(function(jqXHR, textStatus, errorThrown) {
                console.log('Email send error:', textStatus, errorThrown);
                alert("Error submitting form!");
                currentForm.find('#loading-spinner').hide();
            });
        })
        .fail(function(jqXHR, textStatus, errorThrown) {
            console.log('Error:', textStatus, errorThrown);
            alert("Error submitting form!");
            currentForm.find('#loading-spinner').hide();
        });
    });
});

// Downlaod Brochure

jQuery(document).ready(function($) {
    $('.submit-button-brochure').click(function(e) {
        e.preventDefault();
        $('#loading-spinner').show();

        // Use the closest method to find the form related to the clicked button
        var currentForm = $(this).closest('form');

        // Show loading spinner (assuming each form has its own spinner)
        // currentForm.find('.loading-spinner').show();

        // Initialize and extract phone numbers
        var phoneInput = currentForm.find("#telephone").intlTelInput();
        var phoneFullNumber = phoneInput.intlTelInput("getNumber");

        var whatsappInput = currentForm.find("#whatsapp").intlTelInput();
        var whatsappFullNumber = whatsappInput.intlTelInput("getNumber");

        var brochure = currentForm.find("#brochure").val();

        // Extract other form values
        var formData = {
            'firstname': currentForm.find('input[name=firstname]').val(),
            'email': currentForm.find('input[name=email]').val(),
            'telephone': phoneFullNumber,
            'whatsapp': whatsappFullNumber,
            'job': currentForm.find('input[name=job]').val(),
            'special': currentForm.find('select[name=special]').val()
        };

        // Send data to Pabbly webhook
        $.ajax({
            type: 'POST',
            url: '/wp-admin/admin-ajax.php?action=send_to_pabbly',
            data: JSON.stringify(formData),
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
        })
        .done(function(data) {
            console.log(data);

            // After successful submission to Pabbly, send data to WordPress to send email
            $.ajax({
                type: 'POST',
                url: '/wp-admin/admin-ajax.php', 
                data: {
                    'action': 'send_email',
                    ...formData
                },
                dataType: 'text',
            })
            .done(function(response) {
                console.log(response); 
                currentForm.find('#loading-spinner').hide();
                window.open(brochure, '_blank');
                window.location.href = 'https://mba.learnersuae.com/thank-you/';
            })
            .fail(function(jqXHR, textStatus, errorThrown) {
                console.log('Email send error:', textStatus, errorThrown);
                alert("Error submitting form!");
                currentForm.find('#loading-spinner').hide();
            });
        })
        .fail(function(jqXHR, textStatus, errorThrown) {
            console.log('Error:', textStatus, errorThrown);
            alert("Error submitting form!");
            currentForm.find('#loading-spinner').hide();
        });
    });
});


jQuery(document).ready(function($) {
    
    // Initialize international telephone input for all phone inputs
    $(".phone-input").intlTelInput({
        utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",
        preferredCountries: ["ae"],
        separateDialCode: true
    });
    
    // Check for change event on every checkbox with class 'same'
    $('.same').change(function() {
        // Identify the form containing the changed checkbox
        var currentForm = $(this).closest('form');
        
        if($(this).prop('checked')) {
            // If checkbox is checked, copy value from telephone to whatsapp within the current form
            var phoneNumber = currentForm.find('.telephone').val();
            currentForm.find('.whatsapp').val(phoneNumber);
            
            // Update intl-tel-input for whatsapp with the same country data as telephone
            currentForm.find('.whatsapp').intlTelInput("setCountry", 
                currentForm.find('.telephone').intlTelInput("getSelectedCountryData").iso2);
        } else {
            // If checkbox is unchecked, clear the value of whatsapp input within the current form
            currentForm.find('.whatsapp').val('');
        }
    });

});


    // jQuery(document).ready(function($) {
    //     // Check for change event on the checkbox
    //     $('#same').change(function() {
    //         if($(this).prop('checked')) {
    //             // If checkbox is checked, copy value from telephone to whatsapp
    //             var phoneNumber = $('#telephone').val();
    //             $('#whatsapp').val(phoneNumber);
    //         } else {
    //             // If checkbox is unchecked, clear the value of whatsapp input
    //             $('#whatsapp').val('');
    //         }
    //     });
    // });
    

    // jQuery(document).ready(function($) {
    //     // Initialize international telephone input
    //     $(".phone-input").intlTelInput({
    //         utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/utils.js",
    //         preferredCountries: ["ae"],  // you can change or remove this based on preference
    //         separateDialCode: true
    //     });
        
    //     // Check for change event on the checkbox
    //     $('#same').change(function() {
    //         if($(this).prop('checked')) {
    //             // If checkbox is checked, copy value from telephone to whatsapp
    //             var phoneNumber = $('#telephone').val();
    //             $('#whatsapp').val(phoneNumber);
    //             // Update intl-tel-input for whatsapp with the same country data as telephone
    //             $('#whatsapp').intlTelInput("setCountry", $('#telephone').intlTelInput("getSelectedCountryData").iso2);
    //         } else {
    //             // If checkbox is unchecked, clear the value of whatsapp input
    //             $('#whatsapp').val('');
    //         }
    //     });
    // });