(function($) {
    function resetColorsToDefault() {
        // Define default values for your color settings
        const defaultColors = {
            'background_color': '#ffffff',
            'beauty_salon_spa_primary_color': '#639edb',
            'beauty_salon_spa_heading_color': '#232323',
            'beauty_salon_spa_text_color': '#63646d',
            'beauty_salon_spa_primary_fade': '#dcedff',
            'beauty_salon_spa_footer_bg': '#232323',
            'beauty_salon_spa_post_bg': '#ffffff',
        };

        // Iterate over each setting and set it to its default value
        for (let settingId in defaultColors) {
            wp.customize(settingId).set(defaultColors[settingId]);
        }

        // Optionally refresh the preview
        wp.customize.previewer.refresh();
    }

    // Attach reset function to global scope
    window.resetColorsToDefault = resetColorsToDefault;

    $(document).ready(function() {
        $('.color-reset-btn').val('RESET'); // This adds the 'RESET' text inside the button
    });
})(jQuery);