/*global control_settings*/

/**
 * File customizer_sections_order.js
 *
 * The main file for sections order.
 */

jQuery(document).ready(function(){
    'use strict';

    var sections_container = control_settings.sections_container;
    var blocked_items = control_settings.blocked_items;
    var saved_data_input = control_settings.saved_data_input;

    jQuery( sections_container ).sortable({
        items: '> li:not(.panel-meta, '+ blocked_items +')',
        update: function(){
            update_order();
        },
        placeholder: "ui-state-highlight"
    });

    function update_order(){
        var values = {};
        var idsInOrder = jQuery( sections_container ).sortable({
            items: '> li:not(.panel-meta, '+ blocked_items +')',
            placeholder: "ui-state-highlight"
        });
        var sections = idsInOrder.sortable('toArray');
        for(var i = 0; i < sections.length; i++){
            var section_id =  sections[i].replace('accordion-section-','');
            values[section_id] = (i+2)*5;
        }
        var data_to_send = JSON.stringify(values);
        jQuery(saved_data_input).val(data_to_send);
        jQuery(saved_data_input).trigger('change');
    }
});