/**
 * File capri-update-controls.js
 *
 * This file syncs Customizer text editor control and Section background after you make set the front page as static
 *
 * @author Themeisle
 * @version 1.1.2
 * @package capri-pro
 */

/* global requestpost */
/* global wp */
/* global tinyMCE */
( function( $ ) {
    'use strict';
    wp.customize( 'page_on_front', function( value ) {
        value.bind( function( newval ) {
            $.ajax({
                url: requestpost.ajaxurl,
                type: 'post',
                data: {
                    action: 'capri_ajax_call',
                    pid: newval
                },

                success: function (result) {
                    if(result !== '' && result !== 'undefined' ){
                        result = JSON.parse(result);
                        var id = 'capri_page_editor';
                        var editor = tinyMCE.get(id);

                        editor.setContent(result.post_content);

                        if(result.post_thumbnail !== '' && result.post_thumbnail !== 'undefined'){
                            wp.customize.instance(requestpost.thumbnail_control).set(result.post_thumbnail);
                            wp.customize.control(requestpost.thumbnail_control).container['0'].innerHTML = '<label for="capri_feature_thumbnail-button">' +
                                '<span class="customize-control-title">'+ requestpost.control_title_label +'</span>' +
                                '</label>' +
                                '<div class="attachment-media-view attachment-media-view-image landscape">' +
                                '<div class="thumbnail thumbnail-image">' +
                                '<img class="attachment-thumb" src="'+result.post_thumbnail+'" draggable="false" alt=""> ' +
                                '</div>' +
                                '<div class="actions">' +
                                '<button type="button" class="button remove-button">'+ requestpost.control_remove_label +'</button>' +
                                '<button type="button" class="button upload-button control-focus" id="capri_feature_thumbnail-button">'+ requestpost.control_change_label +'</button> ' +
                                '<div style="clear:both"></div>' +
                                '</div>' +
                                '</div>';
                        }
                        wp.customize.instance(requestpost.editor_control).previewer.refresh();
                    }
                }
            });
        } );
    } );
} )( jQuery );