jQuery(function() {
    jQuery( "#sortable" ).sortable();
    jQuery( "#sortable" ).disableSelection();
    jQuery( "#sortable3" ).sortable();
    jQuery( "#sortable3" ).disableSelection();
});
jQuery(function() {
    jQuery( "#sortable1" ).sortable();
    jQuery( "#sortable1" ).disableSelection();
});
jQuery(document).ready(function(){
    jQuery("#select_position_menu1").change(function(){
        jQuery("#img_change_menu1").removeClass('hide');
        jQuery.ajax({
            url: ajaxurl,
            data: {
                action: "set_position_menu",
                pos : this.value,
                menu : 1
            },
            success:function(data) {
                jQuery("#img_change_menu1").addClass('hide');
                data = data.substring(0,data.length -1);
            }
        });
    });
    jQuery("#select_account_menu1").change(function(){
        jQuery("#img_account_menu1").removeClass('hide');
        jQuery.ajax({
            url: ajaxurl,
            data: {
                action: "set_account_menu1",
                pos : this.value,
                menu : 1
            },
            success:function(data) {
                jQuery("#img_account_menu1").addClass('hide');
                data = data.substring(0,data.length -1);
            }
        });
    });
    jQuery("#select_account_menu3").change(function(){
        jQuery("#img_account_menu3").removeClass('hide');
        jQuery.ajax({
            url: ajaxurl,
            data: {
                action: "set_account_menu3",
                pos : this.value,
                menu : 3
            },
            success:function(data) {
                jQuery("#img_account_menu3").addClass('hide');
                data = data.substring(0,data.length -1);
            }
        });
    });
    jQuery("#select_position_menu3").change(function(){
        jQuery("#img_change_menu3").removeClass('hide');
        jQuery.ajax({
            url: ajaxurl,
            data: {
                action: "set_position_menu",
                pos : this.value,
                menu : 3
            },
            success:function(data) {
                jQuery("#img_change_menu3").addClass('hide');
                data = data.substring(0,data.length -1);
            }
        });
    });
    jQuery("#select_position_menu2").change(function(){
        jQuery("#img_change_menu2").removeClass('hide');
        jQuery.ajax({
            url: ajaxurl,
            data: {
                action: "set_position_menu",
                pos : this.value,
                menu : 2
            },
            success:function(data) {
                jQuery("#img_change_menu2").addClass('hide');
                data = data.substring(0,data.length -1);
            }
        });
    });

    jQuery('#select_action_menu1 , #select_action_menu3').change(function(){
        var id = jQuery(this).attr('id');
        id = id.replace("select_action_menu", "");
        if (id == 1) id = ""

        jQuery("#inviter_help" + id).addClass("hide");
        jQuery("#custom_paragraph" + id).addClass("hide");
        jQuery("#title_menu" + id).removeClass('hide');
        if(id == ""){
            jQuery("#add_item_hami_div1").removeClass('hide');
            jQuery("#div_image_item_hami1").removeClass('hide');
        }
        else{
            jQuery("#add_item_hami_div"+id).removeClass('hide');
            jQuery("#div_image_item_hami"+id).removeClass('hide');
            jQuery("#btn_sel_pic_banner" + id).removeClass('hide');
            jQuery("#div_image_item_hami" + id).removeClass('hide');
        }

        if (this.value == 1) {
            jQuery("#product_list"+id).addClass("hide");
            jQuery("#category_list"+id).addClass("hide");
            jQuery("#link_list"+id).addClass("hide");
            jQuery("#sort_product_list"+id).addClass("hide");
            jQuery("#product_list"+id).removeClass("hide");
        }else if (this.value == 2) {
            jQuery("#product_list"+id).addClass("hide");
            jQuery("#category_list"+id).addClass("hide");
            jQuery("#link_list"+id).addClass("hide");
            jQuery("#sort_product_list"+id).addClass("hide");
            jQuery("#category_list"+id).removeClass("hide");
        }else if (this.value == 3) {
            jQuery("#product_list"+id).addClass("hide");
            jQuery("#category_list"+id).addClass("hide");
            jQuery("#link_list"+id).addClass("hide");
            jQuery("#sort_product_list"+id).addClass("hide");
            jQuery("#link_list"+id).removeClass("hide");
        }
        else if (this.value == 5) {
            jQuery("#product_list"+id).addClass("hide");
            jQuery("#category_list"+id).addClass("hide");
            jQuery("#link_list"+id).addClass("hide");
            jQuery("#sort_product_list"+id).removeClass("hide");
        }
        else if (this.value == 16) {
            jQuery("#product_list"+id).addClass("hide");
            jQuery("#category_list"+id).addClass("hide");
            jQuery("#link_list"+id).addClass("hide");
            jQuery("#sort_product_list"+id).addClass("hide");
            jQuery("#tell_list"+id).removeClass("hide");
        }
        else{
            jQuery("#product_list"+id).addClass("hide");
            jQuery("#category_list"+id).addClass("hide");
            jQuery("#link_list"+id).addClass("hide");
            jQuery("#sort_product_list"+id).addClass("hide");
            jQuery("#tell_list"+id).addClass("hide");
        }

        if (this.value == 19){
            jQuery("#inviter_help" + id).removeClass("hide");
        }
        if (this.value == 22){
            jQuery("#custom_paragraph" + id).removeClass("hide");
        }
        //alert(this.value);
        if(this.value == 0){
            if(id == ""){
                jQuery("#add_item_hami_div1").addClass('hide');
                jQuery("#div_image_item_hami1").addClass('hide');
            }
            else{
                jQuery("#btn_sel_pic_banner" + id).addClass('hide');
                jQuery("#div_image_item_hami" + id).addClass('hide');
            }
            jQuery("#title_menu" + id).addClass('hide');
        }

    });
    jQuery('#select_action_menu2').change(function(){
        var id = jQuery(this).attr('id');
        id = id.replace("select_action_menu", "");

        jQuery("#inviter_help2").addClass("hide");

        if (id == 1) id = ""
        if (this.value == 1) {
            jQuery("#product_list2").addClass("hide");
            jQuery("#category_list2").addClass("hide");
            jQuery("#link_list2").addClass("hide");
            jQuery("#product_list2").removeClass("hide");
            jQuery("#sort_product_list2").addClass("hide");
        }else if (this.value == 2) {
            jQuery("#product_list2").addClass("hide");
            jQuery("#category_list2").addClass("hide");
            jQuery("#link_list2").addClass("hide");
            jQuery("#category_list2").removeClass("hide");
            jQuery("#sort_product_list2").addClass("hide");
        }else if (this.value == 3) {
            jQuery("#product_list2").addClass("hide");
            jQuery("#category_list2").addClass("hide");
            jQuery("#link_list2").addClass("hide");
            jQuery("#link_list2").removeClass("hide");
            jQuery("#sort_product_list2").addClass("hide");
        }
        else if (this.value == 5) {
            jQuery("#product_list2").addClass("hide");
            jQuery("#category_list2").addClass("hide");
            jQuery("#link_list2").addClass("hide");
            jQuery("#sort_product_list2").removeClass("hide");
        }
        else if (this.value == 16) {
            jQuery("#product_list"+id).addClass("hide");
            jQuery("#category_list"+id).addClass("hide");
            jQuery("#link_list"+id).addClass("hide");
            jQuery("#sort_product_list"+id).addClass("hide");
            jQuery("#tell_list"+id).removeClass("hide");
        }
        else{
            jQuery("#product_list2").addClass("hide");
            jQuery("#category_list2").addClass("hide");
            jQuery("#link_list2").addClass("hide");
            jQuery("#sort_product_list2").addClass("hide");
            jQuery("#tell_list"+id).addClass("hide");
        }

        if(this.value == 19) jQuery("#inviter_help2").removeClass("hide");
    });
    jQuery("#btn_form_menu1, #btn_form_menu3").click(function(){
        var id = jQuery(this).attr('id');
        id = id.replace("btn_form_menu", "");
        var action = jQuery("#select_action_menu" + id).val();
        var title = jQuery("#value_title_menu" + id).val();
        var pic = jQuery("#txt_url_item_hami" + id).val();
        if(action == 0) title = jQuery("#title_separator").html()
        if(title == ""){
            alert(jQuery("#error_title").html());
            return false;
        }
        jQuery("#img_load" + id).removeClass("hide");
        if(action == 1){
            action_type = jQuery("#value_post_items_menu"+ id).val();
        }else if (action == 2) {
            action_type = jQuery("#value_cat_items_menu"+ id).val();
        }else if (action == 3) {
            action_type = jQuery("#value_link_items_menu"+ id).val();
        }else if (action == 5) {
            action_type = jQuery("#sort_product_value"+ id).val();
        }
        else if (action == 16) {
            action_type = jQuery("#value_tell_items_menu"+ id).val();
        }
        else if (action == 19) {
            action_type = jQuery("#value_moaref_items_menu"+ id).val();
        }
        else if (action == 22) {
            action_type = jQuery("#p_custom_paragraph" + id).val();
        }
        else{
            action_type = "";
        }
        jQuery.ajax({
            url: ajaxurl,
            data: {
                action: "set_menu1_item",
                action_t : action , title : title , pic : pic , action_type : action_type ,
                menu : id
            },
            success:function(data) {
                jQuery("#img_load"+ id).addClass("hide");
                jQuery("#img_load_menu"+ id).removeClass("hide");
                jQuery("#img_load_menu"+ id).addClass("hide");
                jQuery("#select_action_menu"+ id).val("1").change();
                jQuery("#value_title_menu"+ id).val("");
                jQuery("#value_post_items_menu"+ id).val("");
                jQuery("#value_link_items_menu"+ id).val("");
                jQuery("#value_tell_items_menu"+ id).val("");
                jQuery("#value_moaref_items_menu"+ id).val("");
                jQuery("#p_custom_paragraph"+ id).val("");
                jQuery("#sort_product_value"+ id).val("");
                jQuery("#div_image_item_hami"+ id).attr("src" , 'http://placehold.it/96x96&text=icon');
                jQuery("#txt_url_item_hami"+ id).val("");
                data = data.substring(0,data.length -1);
                jQuery.ajax({
                    url: ajaxurl,
                    data: {
                        action: "list_menu1_item",
                        menu : id
                    },
                    success:function(data) {
                        data = data.substring(0,data.length -1);
                        if(id == 1){
                            jQuery("#sortable").html(data);
                        }
                        else{
                            jQuery("#sortable" + id).html(data);
                        }
                    }
                });
            }
        });
    });
    jQuery("#btn_form_menu2").click(function(){
        jQuery("#img_load2").removeClass("hide");
        var action = jQuery("#select_action_menu2").val();
        var title = jQuery("#value_title_menu2").val();
        var pic = jQuery("#txt_url_item_hami2").val();
        if(action == 1){
            action_type = jQuery("#value_post_items_menu2").val();
        }else if (action == 2) {
            action_type = jQuery("#value_cat_items_menu2").val();
        }else if (action == 3) {
            action_type = jQuery("#value_link_items_menu2").val();
        }else if (action == 5) {
            action_type = jQuery("#sort_product_value2").val();
        }
        else if (action == 16) {
            action_type = jQuery("#value_tell_items_menu2").val();
        }
        else if (action == 19) {
            action_type = jQuery("#value_moaref_items_menu2").val();
        }

        else{
            action_type = "";
        }
        jQuery.ajax({
            url: ajaxurl,
            data: {
                action: "set_menu2_item",
                action_t : action , title : title , pic : pic , action_type : action_type
            },
            success:function(data) {
                jQuery("#img_load2").addClass("hide");
                jQuery("#img_load_menu2").removeClass("hide");
                jQuery("#select_action_menu2").val("1").change();
                jQuery("#value_title_menu2").val("");
                jQuery("#value_post_items_menu2").val("");
                jQuery("#value_link_items_menu2").val("");
                jQuery("#value_tell_items_menu2").val("");
                jQuery("#value_moaref_items_menu2").val("");
                jQuery("#p_custom_paragraph2").val("");
                jQuery("#sort_product_value2").val("");
                jQuery("#div_image_item_hami2").attr("src" , 'http://placehold.it/96x96&text=icon');
                jQuery("#txt_url_item_hami2").val("");
                data = data.substring(0,data.length -1);
                jQuery.ajax({
                    url: ajaxurl,
                    data: {
                        action: "list_menu2_item",
                    },
                    success:function(data) {
                        jQuery("#img_load_menu2").addClass("hide");
                        data = data.substring(0,data.length -1);
                        jQuery("#sortable1").html(data);
                    }
                });
            }
        });
    });
    jQuery("#img_load_menu1").removeClass("hide");
    jQuery("#img_load_menu3").removeClass("hide");
    jQuery("#img_load_menu2").removeClass("hide");
    load_sortable(1);
    load_sortable(3);
    load_sortable(2);
    function load_sortable(id){
        jQuery.ajax({
            url: ajaxurl,
            data: {
                action: "list_menu1_item",
                menu : id
            },
            success:function(data) {
                jQuery("#img_load_menu"+id).addClass("hide");
                data = data.substring(0,data.length -1);
                if(id == 1){
                    jQuery("#sortable").html(data);
                }
                else if(id == 2){
                    jQuery("#sortable1").html(data);
                }
                else{
                    jQuery("#sortable" + id).html(data);
                }
            }
        });
    }
    jQuery("#btn_form_order_menu1 , #btn_form_order_menu3").click(function(){
        var id = jQuery(this).attr('id');
        id = id.replace("btn_form_order_menu", "");
        var r ="";
        var x = jQuery("#form_sort_menu"+ id).serializeArray();
        jQuery("#img_load_sort_menu"+id).removeClass('hide');
        jQuery.each(x, function(i, field){
            r += (field.value + "_");
        });
        jQuery.ajax({
            url: ajaxurl,
            data:{
                action:'save_order_woo_menu1',
                id : r,
                menu : id
            } ,
            type : "post" ,
            success:function(data) {
                data = data.substring(0,data.length -1);
                jQuery("#img_load_sort_menu"+id).addClass('hide');
                if(data == 1){
                    jQuery("#alert_sort"+id).removeClass("hide");
                    jQuery("#alert_sort"+id).removeClass("alert-danger");
                    jQuery("#alert_sort"+id).removeClass("alert-success");
                    jQuery("#alert_sort"+id).addClass("alert-success");
                    jQuery("#alert_sort"+id).html("مرتب سازی انجام شد.");
                }
            }
        });
    });

    jQuery("#btn_form_order_menu2").click(function(){
        var r ="";
        var x = jQuery("#form_sort_menu2").serializeArray();
        jQuery("#img_load_sort_menu2").removeClass('hide');
        jQuery.each(x, function(i, field){
            r += (field.value + "_");
        });
        jQuery.ajax({
            url: ajaxurl,
            data:{
                action:'save_order_woo_menu2',
                id : r
            } ,
            type : "post" ,
            success:function(data) {
                jQuery("#img_load_sort_menu2").addClass('hide');
                data = data.substring(0,data.length -1);
                if(data == 1){
                    jQuery("#alert_sort2").removeClass("hide");
                    jQuery("#alert_sort2").removeClass("alert-danger");
                    jQuery("#alert_sort2").removeClass("alert-success");
                    jQuery("#alert_sort2").addClass("alert-success");
                    jQuery("#alert_sort2").html("مرتب سازی انجام شد.");
                }
            }
        });
    });
});

function set_bg_menu(id , bg){
    jQuery("#img_account_menu"+id).removeClass('hide');
    jQuery.ajax({
        url: ajaxurl,
        data: {
            action: "set_bg_menu",
            menu : id,
            bg : bg
        },
        success:function(data) {
            jQuery("#img_account_menu" + id).addClass('hide');
            if(bg == ''){
                jQuery("#img_bg_menu" + id).attr('src' , 'http://placehold.it/150x75&text=2x1');
            }
            else{
                jQuery("#img_bg_menu" + id).attr('src' , bg);
            }
        }
    });
}
function delete_item_menu1_woo(id){
    jQuery("#img_load_sort_menu1 , #img_load_sort_menu3").removeClass("hide");
    jQuery.ajax({
        url: ajaxurl,
        data: {
            action: "delete_item_menu1_woo",
            id : id
        },
        success:function(data) {
            jQuery("#img_load_sort_menu1 , #img_load_sort_menu3").addClass("hide");
            data = data.substring(0,data.length -1);
            if(data == 1){
                jQuery("#1menu" + id).remove();
            }
        }
    });
}
function update_item_menu1_woo(id){
    var title = jQuery("#1menu_txt_" + id).val();
    var img = jQuery("#1menu_img_" + id).attr('src');
    jQuery("#img_load_sort_menu1 , #img_sort_menu2 , #img_load_sort_menu3").removeClass("hide");
    jQuery.ajax({
        url: ajaxurl,
        data: {
            action: "update_item_menu1_woo",
            id : id ,
            title : title,
            img : img
        },
        success:function(data) {
            data = data.substring(0,data.length -1);
            console.log(data);
            console.log(title);
            if(data == 1){
                jQuery("#img_load_sort_menu1 , #img_sort_menu2 , #img_load_sort_menu3").addClass("hide");
                unshow_update_item_menu1_woo(id);
                jQuery("#1menu_label_" + id).html(title);
            }
            else{
                jQuery("#img_load_sort_menu1 , #img_sort_menu2 , #img_load_sort_menu3").addClass("hide");
                unshow_update_item_menu1_woo(id);
            }
        }
    });
}

function delete_item_menu2_woo(id){
    jQuery("#img_sort_menu2").removeClass("hide");
    jQuery.ajax({
        url: ajaxurl,
        data: {
            action: "delete_item_menu2_woo",
            id : id
        },
        success:function(data) {
            jQuery("#img_sort_menu2").addClass("hide");
            data = data.substring(0,data.length -1);
            if(data == 1){
                jQuery("#2menu" + id).remove();
            }
        }
    });
}

function show_update_item_menu1_woo(id){
     jQuery("#1menu_txt_" + id).removeClass('hide');
     jQuery("#1menu_save_cancel_" + id).removeClass('hide');
     jQuery("#1menu_del_edit_" + id).addClass('hide');
    jQuery("#1menu_img_" + id).addClass('hide');
}

function unshow_update_item_menu1_woo(id){
    jQuery("#1menu_txt_" + id).addClass('hide');
    jQuery("#1menu_save_cancel_" + id).addClass('hide');
    jQuery("#1menu_del_edit_" + id).removeClass('hide');
    jQuery("#1menu_img_" + id).removeClass('hide');
}