jQuery(document).ready(function() {
    //Code used to remove the Button (Add new site metadata) from the CPT Named Site-Meta
    var txt =  jQuery('.page-title-action').text();

    if(txt == 'Add New Site Metadata'){
        jQuery('.page-title-action').hide();
    }

    // Get the element with id="defaultOpen" and click on it to make it the default open tab
    var i;
    var defaults = document.getElementsByClassName('nav-tab-active');
    for (i = 0; i < defaults.length; i++) {
        defaults[i].click();
    }

    //Making sure that the parents selection in the properties of each type is is on the default value
    jQuery('.selectParent').val('parents');

    //Simple fix for the settings to save properly, without this the settings for choosing schema Types,
    //will not save properly
    jQuery('.active-schemas-forms').submit(function() {
        jQuery('.property-settings').remove();
    });

    //Handling the overwrite_prop_clean button
    jQuery('.property-overwrite').change(function(){
        var btn = this.id + '_btn';
        var btn2 = this.id + '_btn2';

        if ( jQuery(this).is(':checked') ) {
            if (!this.classList.contains('disabledProp')) {
                document.getElementById(btn2).style.display = 'none';
            }
            document.getElementById(btn).style.display = 'none';
        }
        else {
            if (!this.classList.contains('disabledProp')) {
                document.getElementById(btn2).style.display = 'inline-block';
            }
            document.getElementById(btn).style.display = 'inline-block';
        }
    });

    //TODO Here we need to cancel all requests before making a new one, this approach will make the submission faster
    //Submitting information for the property settings
    jQuery('.property-checkbox').on('click',function(){
        var form = jQuery(this).closest('form');
        var savingMessage = jQuery('.saving-message');
        block_screen();
        savingMessage.hide();
        var data =  form.serialize();
        jQuery.post( 'options.php', data ).error(
            function() {
                savingMessage.text('Error Disabling Properties');
                savingMessage.css('color','red');
                savingMessage.show();
                hideMessage(savingMessage);
            }).success( function() {
                savingMessage.show();
                savingMessage.css('color','green');
                hideMessage(savingMessage);
        });
    });

    //Activating schema type
    jQuery('.type-button').on('click',function(){
        block_screen();
        var form = jQuery(this).closest('form');
        document.getElementById(this.name).value = 1;
        var data =  form.serialize();
        jQuery.post( 'options.php', data ).error(
            function() {

            }).success( function() {
                location.reload();
        });
    });

    //Submitting information for the property settings
    jQuery('.type-button-deact').on('click',function(){
        block_screen();
        var form = jQuery(this).closest('form');
        document.getElementById(this.name).value = 0;
        var data =  form.serialize();
        jQuery.post( 'options.php', data ).error(
            function() {

            }).success( function() {
            location.reload();
        });
    });

    //Function that handles the display of the parent types properties in the properties section
    jQuery('.selectParent').change(function() {
        var form = jQuery(this).parent();
        var name = jQuery(form).find('.selectParent :selected').val();
        jQuery(form).find('.parents').hide();
        jQuery(form).find('#' + name).show();
    });


    //Handling the overwrite_prop_disable
    jQuery('.overwrite_prop_disable').click(function(event) {
        event.preventDefault();
        var propId = jQuery(this).attr('id');
        if(confirm('Note that by continuing you are disabling this property from all relevant posts')){
            block_screen();
            var data = {
                'action': 'overwrite_prop_disable',
                'property': propId
            };
            jQuery.post( 'admin-ajax.php', data ).error(
                function() {
                    let savingMessage = jQuery('.saving-message');
                    savingMessage.text('Error Disabling Properties');
                    savingMessage.css('color','red');
                    savingMessage.show();
                    hideMessage(savingMessage);
                }).success( function() {
                    let savingMessage = jQuery('.saving-message');
                    savingMessage.show();
                    savingMessage.css('color','green');
                    hideMessage(savingMessage);
            });
        }
    });

    //Handling the deact-prop-net
    jQuery('.deact-prop-net').click(function(event) {
        event.preventDefault();
        var propId = jQuery(this).prev('input').attr('id');
        if(confirm('Note that by continuing you are disabling this property in Site-Meta over all blogs in your network')){
            block_screen();
            document.getElementsByName('property_network_value_share['+propId+'_share]')[0].value = 0;

            var form = jQuery(this).closest('form');
            var data = form.serialize();
            jQuery.post( 'edit.php?action=update_network_options', data ).error(
                function() {
                }).success( function() {
            });

            data = {
                'action': 'network_property_deactivate',
                'property': propId
            };

            jQuery.post( 'edit.php?action=update_network_options_deact', data ).error(
                function() {
                    alert('Error deactivating property.');
                }).success( function() {
                    alert('Property deactivated.');
                    location.reload();
            });

        }
    });

    //Handling the act-prop-net
    jQuery('.act-prop-net').click(function(event) {
        event.preventDefault();
        var propId = jQuery(this).prev('input').attr('id');
        if(confirm('Note that by continuing you will enable this property in Site-Meta over all blogs in your network')){
            block_screen();
            var form = jQuery(this).closest('form');
            document.getElementsByName('property_network_value_share['+propId+'_share]')[0].value = 1;
            var data =  form.serialize();
            jQuery.post( 'edit.php?action=update_network_options', data ).error(
                function() {
                    alert('Error activating property.');
                }).success( function() {
                alert('Property activated.');
                location.reload();
            });
        }
    });

    //Handling clean-prop-net
    jQuery('.clean-prop-net').click(function(event) {
        event.preventDefault();
        var propId = jQuery(this).prev().prev('input').attr('id');
        if(confirm('Note that by continuing you are deleting the values of this property in Site-Meta over all blogs in your network')){
            block_screen();
            var data = {
                'action': 'network_property_clean',
                'property': propId
            };
            jQuery.post( 'edit.php?action=update_network_options_clean', data ).error(
                function() {
                    alert('Error cleaning property values.');
                }).success( function() {
                    alert('Property values deleted');
            });
        }
    });

    //Handling the overwrite_prop_clean
    jQuery('.overwrite_prop_clean').click(function(event) {
        event.preventDefault();
        var propId = jQuery(this).attr('id');
        if(confirm('Note that by continuing you are deleting this property from all relevant posts')){
            block_screen();
            var data = {
                'action': 'overwrite_prop_clean',
                'property': propId
            };
            jQuery.post( 'admin-ajax.php', data ).error(
                function() {
                    let savingMessage = jQuery('.saving-message');
                    savingMessage.text('Error Disabling Properties');
                    savingMessage.css('color','red');
                    savingMessage.show();
                    hideMessage(savingMessage);
                }).success( function() {
                    let savingMessage = jQuery('.saving-message');
                    savingMessage.show();
                    savingMessage.css('color','green');
                    hideMessage(savingMessage);
            });
        }
    });

    //Clicking on the last visited tab
    var buttonGroups = ['tablinks-level','tablinks-activeSch','tablinks-vocab'];
    for (i = 0; i < buttonGroups.length; i++) {
        var buttons = document.getElementsByClassName(buttonGroups[i]);
        var lastClickedTab = localStorage.getItem(buttonGroups[i]);
        if(buttons[0] == null) continue;
        if(lastClickedTab == null){
            buttons[0].className += " nav-tab-active";
            buttons[0].click();
        }else{
            let found = false;
            for (j = 0; j < buttons.length; j++) {
                if(buttons[j].textContent == lastClickedTab){
                    buttons[j].className += " nav-tab-active";
                    buttons[j].click();
                    found = true;
                    break;
                }
            }
            if(found == false){
                buttons[0].className += " nav-tab-active";
                buttons[0].click();
            }
        }
    }

    //Selecting a parent by default
    var inputs =  jQuery('#parent_filter_form input:radio');
    var toEnable = null;
    var isEnabled = false;
    inputs.each(function( index ) {
        if(jQuery(this).attr('checked') == 'checked'){
            isEnabled = true;
        }
        if(jQuery(this).attr('value') == 'organization_properties'){
            toEnable = this;
        }
    });
    if(isEnabled == false){
        jQuery(toEnable).prop('checked', true);
    }

    //Autosaving parent filters on change
    jQuery('#parent_filter_form :input').change(function(){
        let data = jQuery('#parent_filter_form').serialize();
        jQuery.post( 'options.php', data ).error(
            function() {
                alert('Error filtering, please refresh')
            }).success( function() {
                location.reload();
        });
    });

    //Function that alerts when all property settings are saved
    jQuery(document).ajaxStop(function() {
        window.onbeforeunload = null;
        unblock_screen();
    });

    //Function for hiding the message after its displayed
    function hideMessage(message){
        setTimeout( function(){
            message.hide();
        }  , 2000 );
    }


    //Function to create blocking screen while ajax request is processed
    function block_screen() {
        var image = jQuery('.properties-loading-image')[0];
        jQuery('<div class="screenBlock"><span class="loading-message">Processing'+ image.innerHTML +'</span></div>').appendTo('body');
        jQuery('.screenBlock').addClass('blockDiv');
        jQuery('.screenBlock').animate({opacity: 0.7}, 200);
    }

    //Function to remove blocking screen after ajax request completed
    function unblock_screen() {
        jQuery('.screenBlock').animate({opacity: 0}, 200, function() {
            jQuery('.screenBlock').remove();
        });
    }

    //Function for switching active type in network settings page
    jQuery('.change-type').click(function(event){
        if (confirm('By activating this type, you will not be able to manage the type which was chosen before (if there was one).')) {
            block_screen();
            var data = {
                'action': 'network_property_change_type',
                'active_schema_type': jQuery(this).attr('id')
            };
            jQuery.post('edit.php?action=update_network_options_change_type', data).error(
                function () {
                    alert('Error filtering, please refresh')
                }).success(function () {
                location.reload();
            });
        }
    });
});

//Functions for the settings page
function openSett(evt,tablink, settName, tabType) {
    //Saving the last visited tab
    localStorage.setItem(tablink,evt.currentTarget.textContent);
    var i, tablinks,tabcontent;
    tabcontent = document.getElementsByClassName(tabType);
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName(tablink);
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" nav-tab-active", "");
    }
    document.getElementById(settName).style.display = "block";
    evt.currentTarget.className += " nav-tab-active";
}