/* -----------------------------------------------------------------------------
 * Page Template Meta-box
 * -------------------------------------------------------------------------- */
;(function( $, window, document, undefined ){
	"use strict";
	
	$( document ).ready( function () {
        var checkExist = setInterval(function() {
            if ($('#editor').length) {
                bk_page_composer_init();
                $('.edit-post-layout').bind("DOMSubtreeModified",function(){
                    if ($('.editor-page-attributes__template').length) {
                        bk_composer_template_change_rebind();
                    }
                });
                clearInterval(checkExist);
           }
        }, 100); // check every 100ms
        
        function bk_page_composer_init() {
            var container = $('#bk-container');
            if(container.length) {  
                container.addClass('bk-gutenberg-detected');
                container.insertAfter(".editor-block-list__layout");
            }
            bk_composer_template_change();

            wp.data.subscribe(function() {
                bk_gutenberg_save_composer();
            });
        }
        
        function bk_composer_template_change(){
            $('.editor-page-attributes__template select').unbind('change');
            $( '.editor-page-attributes__template select' ).change( function() {
                var template = $( '.editor-page-attributes__template select' ).val();            
                // Page Composer Template
                if ( 'page_builder.php' == template ) {
                	$('#editor').addClass('bk-composer-active');
                	$.page_builder( 'show' );
                	$( '.editor-block-list__layout' ).hide();
                    $( '#pagenav_pagebuilder').show();
                    
                    $('.bk-module-options').find('.all-option-tab').hide();
                    $('.bk-module-options').find('.all-option-tab-1').show();
                
                } else {
                    $('#editor').removeClass('bk-composer-active');
                	$.page_builder( 'hide' );
                	$( '.editor-block-list__layout' ).show();
                    $('#pagenav_pagebuilder').hide();
                }
            } ).triggerHandler( 'change' );       
        }
        
        function bk_composer_template_change_rebind(){
            $('.editor-page-attributes__template select').unbind('change');
            $( '.editor-page-attributes__template select' ).change( function() {
                var template = $( '.editor-page-attributes__template select' ).val();            
                // Page Composer Template
                if ( 'page_builder.php' == template ) {
                	$('#editor').addClass('bk-composer-active');
                	$.page_builder( 'show' );
                	$( '.editor-block-list__layout' ).hide();
                    $( '#pagenav_pagebuilder').show();
                
                } else {
                    $('#editor').removeClass('bk-composer-active');
                	$.page_builder( 'hide' );
                	$( '.editor-block-list__layout' ).show();
                    $('#pagenav_pagebuilder').hide();
                }
            } ).triggerHandler( 'change' );       
        }
        
        function bk_gutenberg_save_composer() {
            if (!wp.data.select("core/editor").isAutosavingPost() && wp.data.select("core/editor").isSavingPost()) {
                var currentPage = wp.data.select("core/editor").getCurrentPost();
                if (!currentPage.id || !currentPage.type || !currentPage.status) return;
                var dataTransfer = "action=bk_gutenberg_save_page";
                dataTransfer += "&post_ID=" + currentPage.id, dataTransfer += "&post_type=" + currentPage.type;
                $('#bk-container').find(".bk-section-order, .bk-section-type, .bk-sidebar-order, .bk-sidebarpos-order, .bk-module-type, .bk-field, .bk_module_order").each(function() {
                    dataTransfer += "&" + $(this).serialize()
                }), $.ajax({
                    type: 'POST',
                    async: !0,
                    dataType: 'json',
                    url: ajaxurl,
                    data: dataTransfer,
                    success: function(respond) {}
                    
                });                              
            }
        }
	} );
})( jQuery, window , document );