$(function() {
  'use strict';

  const $resultArea = $('.jsResultArea');
  const $resultProducts = $resultArea.find('.m_col__col');
  const $resultItem = $resultProducts.find('.m_col__item');
  const $selectArea = $('.jsSelectArea');
  const $sortArea = $('.jsSortArea');
  const param = location.search;

  //初期表示

  /* カテゴリー */
  if (param.match(/[\?&]search=([\d,]+)/)) {
    const paramValues = RegExp.$1.split(',');
    for (let i = 0; i < paramValues.length; i++) {
      const paramValue = paramValues[i];
      $selectArea.find('.m_radioBtn input[value="'+paramValue+'"]').prop('checked', true);
    }
  }

  execFilter();

  //絞りこみ検索
  $selectArea.find('.m_radioBtn input').on('change', function () {
    execFilter();
  });
  $sortArea.find(".m_selectboxA__menu > li").on('selectEvent', function () {
    execFilter();
  });

  function execFilter(){
    let checkedVal = $selectArea.find('.m_radioBtn input:checked').val(); //チェックした値

    //結果表示
    $resultItem.show().each(function () {
      let showFlg = true;
      /* カテゴリー */
      const dataSearchArr = $(this).attr('data-search') !== undefined ? $(this).attr('data-search').split(',') : [''];
      const checkedSearch = $selectArea.find('input[name="search"]:checked').val();
      const isSearch = dataSearchArr.includes(checkedSearch);

      //表示判定
      if (checkedVal !== '0' && !isSearch) {
        showFlg = false;
      }
      $(this).toggleClass('u_disNon', !showFlg)
    });
    changeResult();
  }

  function changeResult() {
    const isItem = $resultProducts.find('.m_col__item:not(.u_disNon)').length === 0;
    $('.jsZeroItems').toggle(isItem);
    $resultArea.toggle(!isItem);
  }

  function setResponsive() {
    let initFlag = true;
    $(window).on('resize', function () {
      const flag = COMMON.isMaxWidth(767);
      if (flag && !initFlag) {
        changeResult()
        initFlag = true;
      } else if (!flag && initFlag) {
        changeResult()
        initFlag = false;
      }
    });
  }
  setResponsive();
});