jQuery(function ($) {

    //tab menu
    change_tab_menu();

    //custom orders
    order_list();

    //order type
    // change_search_order();
    // change_normal_order();
    change_sort_box();

    //Tax select
    select_tax();

    //per page
    change_search_per_page();
    change_tax_per_page();


    function change_tab_menu() {
        let submit_type = $('.post-order-box-outer').data('submit_type');
        let order_nav_list = $('.post-order-nav li');
        let order_box = $('.post-order-box');

        order_nav_list.removeClass('en');
        order_box.hide();
        $('.post-order-nav li:eq(' + submit_type + ')').addClass('en');
        $('.post-order-box:eq(' + submit_type + ')').show()

        order_nav_list.on('click', function () {
            if (!$(this).hasClass('en')) {
                let target_index = $(this).index();
                order_nav_list.removeClass('en');
                $(this).addClass('en');
                order_box.hide();
                $('.post-order-box:eq(' + target_index + ')').show();
            }
        });
    }

    function order_list() {
        let cat_ul_count = $('.post-order-list').length; //カテゴリ総数
        for (let i = 0; i < cat_ul_count; i++) {
            let my_list = $('.post-order-list:eq(' + i + ')');
            my_list.sortable(
                {
                    update: function () {
                        let list_count = $('.product-list', my_list).length;
                        for (let j = 0; j < list_count; j++) {
                            let list_order = j + 1;
                            $('.list_order:eq(' + j + ')', my_list).val(list_order);
                            $('.list_order:eq(' + j + ')', my_list).siblings('.sort-num-label').text(list_order);
                        }
                    }
                }
            );
            my_list.disableSelection();
        }
    }

    function change_normal_order() {
        let s_radio = $('.apop_normal_order');
        let s_box = $('.normal_sort_box');
        let default_index = $('.apop_normal_order_target').data('normal_order_target') - 1;

        s_box.hide().find('input').each(function () {
            $(this).prop('disabled', true);
        });
        $('.normal_sort_box:eq(' + default_index + ')').show().find('input').prop('disabled', false);

        s_radio.on('click', function () {
            let target_index = $(this).val() - 1;
            s_box.hide().find('input').each(function () {
                $(this).prop('disabled', true);
            });
            $('.normal_sort_box:eq(' + target_index + ')').show().find('input').prop('disabled', false);
        })
    }

    function change_search_order() {
        let s_radio = $('.apop_search_order');
        let s_box = $('.search_sort_box');
        let default_index = $('.apop_search_order_target').data('search_order_target') - 1;

        s_box.hide().find('input').each(function () {
            $(this).prop('disabled', true);
        });

        $('.search_sort_box:eq(' + default_index + ')').show().find('input').prop('disabled', false);

        s_radio.on('click', function () {
            let target_index = $(this).val() - 1;
            s_box.hide().find('input').each(function () {
                $(this).prop('disabled', true);
            });
            $('.search_sort_box:eq(' + target_index + ')').show().find('input').prop('disabled', false);
        })
    }


    function change_sort_box() {
        let parent_selector = $('.list-orders-inner');
        let parent_selector_size = parent_selector.length;
        let s_radio = $('.sort_menu');
        let s_box = $('.sort_box');

        s_box.hide().find('input').each(function () {
            $(this).prop('disabled', true);
        });

        for (let i = 0; i < parent_selector_size; i++) {
            let my_target = $('.list-orders-inner:eq(' + i + ')');
            let default_index = my_target.find('.sort_menu_list').data('order_target') - 1;
            if (typeof default_index !== "undefined") {
                my_target.find('.sort_box:eq(' + default_index + ')').show().find('input').prop('disabled', false);
            } else if (isNaN(default_index)) {
                my_target.find('.sort_box:eq(0)').show().find('input').prop('disabled', false);
            }
        }

        s_radio.on('click', function () {
            let target_index = $(this).val() - 1;
            $(this).parents('.list-orders-inner')
                .find('.sort_box').hide()
                .find('input').each(function () {
                $(this).prop('disabled', true);
            });
            $(this).parents('.list-orders-inner')
                .find('.sort_box:eq(' + target_index + ')').show()
                .find('input').prop('disabled', false);
        })
    }


    function select_tax() {
        let select_cat_checkbox = $('.select_cat_checkbox');
        let input_chk_size = select_cat_checkbox.length;
        let i = 0;

        for (i; i < input_chk_size; i++) {
            let chk = $('.select_cat_checkbox:eq(' + i + '):checked').length;
            if (chk == 1) {
                $('.select_cat:eq(' + i + ')').siblings('.select_per_page').show();
            } else {
                $('.select_cat:eq(' + i + ')').siblings('.select_per_page').hide();
            }
        }

        select_cat_checkbox.on('click', function () {
            let checked = $(this).prop('checked');
            if (checked) {
                $(this).parent().parent().siblings('.select_per_page').show(200);
            } else {
                $(this).parent().parent().siblings('.select_per_page').hide(200);
            }
        });

    }

    function change_search_per_page() {
        let per_page_cat = $('.per_page_search');
        let per_page_input = $('.per_page_search_input');

        if (per_page_input.val() == '') {
            per_page_input.prop('disabled', true);
        } else {
            per_page_input.prop('disabled', false);
        }

        per_page_cat.on('click', function () {
            if ($(this).val() != 'default' && $(this).val() != '-1' && $(this).val() != 'all') {
                per_page_input.prop('disabled', false);
            } else {
                per_page_input.val('');
                per_page_input.prop('disabled', true);
            }
        })
    }

    function change_tax_per_page() {
        let set_number = $('.set_number');
        let input_chk_size = set_number.length;

        let i = 0;
        for (i; i < input_chk_size; i++) {
            let input_num_box = $('.set_number:eq(' + i + ')').siblings('.per_page_cat_input');
            if (input_num_box.val() == '') {
                input_num_box.prop('disabled', true);
            } else {
                input_num_box.prop('disabled', false);
            }
        }

        $('.per_page_cat').on('click', function () {
            if ($(this).hasClass('set_number')) {
                $(this).siblings('.per_page_cat_input').prop('disabled', false);
            } else {
                $(this).parents('li').find('.per_page_cat_input').val('').prop('disabled', true);
            }
        });
    }

});