(function ($) {
    $(function () {
        // Add Color Picker to all inputs that have 'color-field' class
        // $('.tf-color').wpColorPicker();
        if (typeof $.fn.wpColorPicker !== 'undefined') {
            $('.uacf7-color-picker').wpColorPicker();
        }
    });

    $(document).ready(function () {

        // Create an instance of Notyf
        const notyf = new Notyf({
            ripple: true,
            dismissable: true,
            duration: 3000,
            position: {
                x: 'right',
                y: 'bottom',
            },
        });

        function uacf7_backup_filed_copy(textarea) {
            // Check if the Clipboard API is supported
            if (navigator.clipboard && navigator.clipboard.writeText) {
                navigator.clipboard.writeText(textarea.val())
                    .then(function () {
                        console.log("Text copied to clipboard.");
                        notyf.success("Text copied to clipboard.");
                    })
                    .catch(function (err) {
                        console.error("Error copying text to clipboard:", err);
                    });
            } else {
                console.warn("Clipboard API is not supported. Consider copying manually.");

                // Provide a fallback for manual copy
                textarea.select();
                alert("Clipboard copy is not supported. Please use Ctrl+C (Cmd+C on Mac) to copy the text.");
            }
        }

        // Import and Export Option
        function initializeImportExportFunctions() {
            const backupfields = $('#import_export').find('.tf-field-backup .tf-fieldset');
            const exportArea = backupfields.find('.tf-export-field');
            const uACF7SettingExportButton = backupfields.find('.tf-export-button');
            const copyIndicator = backupfields.find('#copyIndicator');

            // Ensure the textarea is enabled
            if (exportArea.is(':disabled')) {
                exportArea.prop('disabled', false);
            }

            // Ensure when textarea gets hover showing copy text
            exportArea.hover(function () {
                copyIndicator.text('Click to copy');
                copyIndicator.css({ 'display': 'block' });
            }, function () {
                copyIndicator.text('');
                copyIndicator.css({ 'display': 'none' });
            });

            // Clean up existing click event handlers to avoid duplication
            copyIndicator.hover(function () {
                copyIndicator.text('Click to copy');
                copyIndicator.css({ 'display': 'block' });
            }, function () {
                copyIndicator.text('');
                copyIndicator.css({ 'display': 'none' });
            });

            copyIndicator.off('click');
            copyIndicator.on('click', function (e) {
                uacf7_backup_filed_copy(exportArea);
            });

            // Clean up existing click event handlers to avoid duplication
            exportArea.off('click');
            exportArea.on('click', function (event) {
                event.preventDefault();
                var textarea = $(this);

                // Call the copyer function
                uacf7_backup_filed_copy(textarea);

                // Re-disable the textarea if necessary
                textarea.prop('disabled', true);
            });

            // Clean up existing click event handlers to avoid duplication for Export button
            uACF7SettingExportButton.off('click');
            uACF7SettingExportButton.on('click', function (event) {
                event.preventDefault();

                var textarea = $('.tf-export-field');

                // Call the copyer function
                uacf7_backup_filed_copy(textarea);

                // Re-disable the textarea if necessary
                textarea.prop('disabled', true);
            });
        }

        // Import and Export option 
        initializeImportExportFunctions();

        // Clean up existing click event handlers to avoid duplication for Global Export button
        const globalbackup = $('#uacf7_import_export').find('.tf-field-backup .tf-fieldset');
        const globalButton = globalbackup.find('.tf-export-button');
        globalButton.off('click');
        globalButton.on('click', function (event) {
            event.preventDefault();
            var textarea = $('.tf-export-field');

            // Call the copyer function
            uacf7_backup_filed_copy(textarea);

            // Re-disable the textarea if necessary
            textarea.prop('disabled', true);
        });

    });

})(jQuery);



function uacf7_settings_tab(event, tabName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("uacf7-tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName(" tablinks ");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace("active", "");
    }
    document.getElementById(tabName).style.display = "block";
    event.currentTarget.className += " active";
}


//Add style to all UACF7 tags
jQuery('.thickbox.button').each(function () {
    var str = jQuery(this).attr('href');

    if (str.indexOf("uacf7") >= 0) {
        jQuery(this).css({ "backgroundColor": "#487eb0", "color": "white", "border-color": "#487eb0" });
    }
    if (str.indexOf("uarepeater") >= 0) {
        jQuery(this).css({ "backgroundColor": "#487eb0", "color": "white", "border-color": "#487eb0" });
    }
    if (str.indexOf("conditional") >= 0) {
        jQuery(this).css({ "backgroundColor": "#487eb0", "color": "white", "border-color": "#487eb0" });
    }
});

//Multistep script
jQuery(document).ready(function () {
    uacf7_progressbar_style();
});

jQuery('#uacf7_progressbar_style').on('change', function () {
    uacf7_progressbar_style();
});

function uacf7_progressbar_style() {
    if (jQuery('#uacf7_progressbar_style').val() == 'default' || jQuery('#uacf7_progressbar_style').val() == 'style-1') {
        jQuery('.multistep_field_column.show-if-pro').hide();
    } else {
        jQuery('.multistep_field_column.show-if-pro').show();
    }

    if (jQuery('#uacf7_progressbar_style').val() == 'style-2' || jQuery('#uacf7_progressbar_style').val() == 'style-3' || jQuery('#uacf7_progressbar_style').val() == 'style-6') {
        jQuery('.multistep_field_column.show-if-left-progressbar').show();
    } else {
        jQuery('.multistep_field_column.show-if-left-progressbar').hide();
    }

    if (jQuery('#uacf7_progressbar_style').val() == 'style-6') {
        jQuery('.multistep_field_column.show-if-style-6').show();
    } else {
        jQuery('.multistep_field_column.show-if-style-6').hide();
    }

    if (jQuery('#uacf7_progressbar_style').val() == 'style-6') {
        jQuery('.step-title-description').show();
    } else {
        jQuery('.step-title-description').hide();
    }
}


jQuery(document).ready(function ($) {

    let urlParams = new URLSearchParams(window.location.search);
    let pageSlug = urlParams.get("page");

    let noticeContainer;
    if (pageSlug === "uacf7_addons") {
        noticeContainer = $('.tf-setting-dashboard .tf-setting-top-bar');
    } else if (pageSlug === "uacf7-setup-wizard") {
        noticeContainer = $('.uacf7-single-step-content.chooes-addon').find('.hydra-installation-notice');
    } else {
        return; 
    }

    $('#uacf7_enable_hydra_booking_form').on('change', function () {
        if ($(this).is(':checked')) {

            $('.uacf7-notice').remove();

            let notice = $(`
                <div class="uacf7-notice">
                    <span class="uacf7-loader"></span> Hydra Booking plugin is installing... Please do not reload the page.
                </div>
            `);

            noticeContainer.after(notice);
            notice.fadeIn(500);

            $.ajax({
                url: ajaxurl,
                type: 'POST',
                data: {
                    action: 'uacf7_install_hydra_booking',
                    security: uacf7_admin_data.uacf7_nonce
                },
                success: function (response) {
                    if (response.success) {
                        notice.html(`<span class="uacf7-checkmark"><i class="fa-regular fa-circle-check"></i></span> ${response.data.message}`)
                              .removeClass('error')
                              .addClass('success')
                              .fadeIn(500);
                    } else {
                        notice.html(`<span class="uacf7-error"><i class="fa-regular fa-circle-xmark"></i></span> ${response.data.message}`)
                              .removeClass('success')
                              .addClass('error')
                              .fadeIn(500);
                    }
                },
                error: function () {
                    notice.html('<span class="uacf7-error"><i class="fa-regular fa-circle-xmark"></i></span> An error occurred while installing the plugin.')
                          .removeClass('success')
                          .addClass('error')
                          .fadeIn(500);
                }
            });
        }
    });
});

jQuery(document).ready(function($) {
    $('.uacf7-plugin-button').not('.pro').on('click', function(e) {
        e.preventDefault();

        let button = $(this);
        let action = button.data('action');
        let pluginSlug = button.data('plugin');
        let pluginFileName = button.data('plugin_filename');

        if (!action || !pluginSlug) return;

        let loader = button.find('.loader');
        let originalText = button.clone().children().remove().end().text().trim();

        if (action === 'install') {
            button.contents().first().replaceWith('Installing..');
        } else if (action === 'activate') {
            button.contents().first().replaceWith('Activating..');
        }

        button.addClass('loading').prop('disabled', true);
        loader.show();

        $.ajax({
            url: ajaxurl,
            type: 'POST',
            data: {
                action: 'uacf7_themefic_manage_plugin',
                security: uacf7_admin_data.themefic_nonce,
                plugin_slug: pluginSlug,
                plugin_filename: pluginFileName,
                plugin_action: action
            },
            success: function(response) {
                button.removeClass('loading').prop('disabled', false);
                loader.hide();

                if (response.success) {
                    if (action === 'install') {
                        button.contents().first().replaceWith('Activate');
                        button.data('action', 'activate').removeClass('install').addClass('activate');
                    } else if (action === 'activate') {
                        button.replaceWith('<span class="uacf7-plugin-button plugin-status active">Activated</span>');
                    }
                } else {
                    button.contents().first().replaceWith(originalText);
                    alert('Error: ' + response.data);
                }
            },
            error: function() {
                button.contents().first().replaceWith(originalText).removeClass('loading').prop('disabled', false);
                loader.hide();
                alert('An error occurred. Please try again.');
            }
        });
    });
});










