jQuery(function ($) {

    change_tab_menu();
    order_list();

    change_search_per_page();
    change_search_order_options();
    change_cat_per_page();
    change_tag_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.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_search_per_page() {
        let per_page_cat = $('.per_page_search');
        let per_page_input = $('.per_page_search_input');
        change_per_page(per_page_cat, per_page_input);
    }

    function change_cat_per_page() {
        let per_page_cat = $('.per_page_cat');
        let per_page_input = $('.per_page_cat_input');
        change_per_page(per_page_cat, per_page_input);
    }

    function change_tag_per_page() {
        let per_page_cat = $('.per_page_tag');
        let per_page_input = $('.per_page_tag_input');
        change_per_page(per_page_cat, per_page_input);
    }

    function change_tax_per_page() {
        let per_page_cat = $('.per_page_tax');
        let per_page_input = $('.per_page_tax_input');
        change_per_page(per_page_cat, per_page_input);
    }

    function change_per_page(per_page_cat, per_page_input) {
        if (per_page_input.val() == '') {
            per_page_input.prop('disabled', true);
        } else {
            per_page_input.prop('disabled', false);
        }
        per_page_cat.click(function () {
            if ($(this).val() == 'set') {
                per_page_input.prop('disabled', false);
            } else {
                per_page_input.val('');
                per_page_input.prop('disabled', true);
            }
        })
    }

    function change_search_order_options() {
        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();
        $('.search_sort_box:eq(' + default_index + ')').show();

        s_radio.click(function () {
            let target_index = $(this).val() - 1;
            s_box.hide();
            $('.search_sort_box:eq(' + target_index + ')').show();
        })
    }

});