var language = (window.location.href.indexOf("GA30E") >= 0 ? "english" : "chinese");
var PID = (window.location.href.indexOf("GA30E") >= 0 ? "GA30E" : (window.location.href.indexOf("GA31") >= 0 ? "GA31" : "GA30"));
var goodsText = (language == "english" ? "Commodity" : "貨品別");
var countryText = (language == "english" ? "Country(Area)" : "國家(地區)別");


$(window).unload(function () {
  $("#blocker").hide();
});

$(window).load(function () {
  changeTimeRange($('input:radio:checked[name="searchInfo.TypeTime"]')[0]);
  getPreviousDate();
  changeColSeqList();
  changeCaptchaPic();
});

function showPic() {
  $("#info").attr('class', 'showPic');
}
function hidePic() {
  $("#info").attr('class', 'hidePic');
}

function onReset() {
  $('#' + PID + '_FORM')[0].reset();
  changeTimeRange($('input:radio:checked[name="searchInfo.TypeTime"]')[0]);
  changeColSeqList();
}

function onSubmit() {
  if ($("input[name='searchInfo.ExportType']:checked").val() != "web") {
    $("#blocker div").text(language == "chinese"?"檔案下載中，請確認下載紀錄。":"Your file is downloading.\n Please check your download history.");
  }
  $("#blocker").show();
  setPreviousDate();
  $("#SEARCH").click();

  if ($("input[name='searchInfo.ExportType']:checked").val() == "web") {
    document.getElementById(PID + "_FORM").submit();
  }
  else {
    $.ajax({
      url: 'GA30_LIST',
      type: "POST",
      processData: false,
      contentType: false,
      data: new FormData(document.getElementById(PID + "_FORM")),
      success: function (data) {
        setTimeout(function(){
          $("#blocker").fadeOut();
        }, 5000);
        setTimeout(function(){
          $("#blocker div").text(language == "chinese"?"資料讀取中……":"Loading……");
        }, 10000);
        changeCaptchaPic();
      }
    });
  }
}

function changeTimeRange(timeRangeType) {
  var col = timeRangeType.value;

  var maxyear = (col == 0) ? parseInt($("#MAXYEAR").val()) : parseInt($("#MAXYEARBYYEAR").val());
  var maxmonth = $("#MAXMONTH").val();
  var minyear = parseInt($("#MINYEAR").val());
  var minmonth = $("#MINMONTH").val();

  var htmlDataRange = '<td class="hd">'+(language=="chinese"?"資料期間":"Period")+'</td><td align="left">';

  var htmlstartYearRange = '<select name="searchInfo.StartYear" id="START_YEAR"  onchange="check_MaxMonth(0)">';
  for (i = maxyear; i >= minyear; i--) {
    htmlstartYearRange += '<option value="' + i + '">' + i + '</option>';
  }
  htmlstartYearRange += '</select> '+(language=="chinese"?"年":"");

  var htmlendYearRange = '<select name="searchInfo.EndYear" id="END_YEAR"  onchange="check_MaxMonth(1)">';
  for (i = maxyear; i >= minyear; i--) {
    htmlendYearRange += '<option value="' + i + '">' + i + '</option>';
  }
  htmlendYearRange += '</select> '+(language=="chinese"?"年":"");


  var htmlStartMonthRange = '<select name="searchInfo.StartMonth" id="START_MONTH">';
  for (i = 1; i <= maxmonth; i++) {
    htmlStartMonthRange += '<option value="' + i + '">' + i + '</option>';
  }
  htmlStartMonthRange += '</select> '+(language=="chinese"?"月":"")+' ～ ';
  var htmlEndMonthRange = '<select name="searchInfo.EndMonth" id="END_MONTH" >';
  for (i = 1; i <= maxmonth; i++) {
    htmlEndMonthRange += '<option value="' + i + '">' + i + '</option>';
  }
  htmlEndMonthRange += '</select> '+(language=="chinese"?"月":"")+' ';

  var htmlNote = '<br/> (105年起按一般貿易制度編製，詳<a href="GA02" title="資料庫說明" alt="資料庫說明" target="_blank" rel="noreferrer noopener">說明</a>)';

  var htmlCheck = '<div id="GENERAL_TRADE_NOTE" class="div_info"><fieldset><div class="checkbox checkbox-info checkbox-inline"><input id="GeneralTradeNote" type="checkbox" name="searchInfo.Notes" value="Y"><label for="GeneralTradeNote">103、104年採一般貿易制度回溯資料</label><i class="fa fa-question-circle" onmouseenter="showPic()" onmouseleave="hidePic()"></i><img id="info" src="/APGA/inc/img/GA/GA30_1.jpg" class="hidePic"></div></fieldset></div>';

  if(PID=="GA30"||PID=="GA31"){
    // 按月
    if (col == 0) {
      $("#timeRange").html(htmlDataRange + htmlstartYearRange + htmlStartMonthRange + htmlendYearRange + htmlEndMonthRange + htmlNote + htmlCheck + '</td>');
    }
    // 按年
    if (col == 1) {
      $("#timeRange").html(htmlDataRange + htmlstartYearRange + '～' + htmlendYearRange + htmlNote + '<select name="searchInfo.StartMonth" id="START_MONTH"  style="display:none"><option selected="selected" value="1">1</option></select><select name="searchInfo.EndMonth" id="END_MONTH"  style="display:none"><option selected="selected" value="12">12</option></select>' + htmlCheck + '</td>');
    }

    // 判斷是否顯示「103、104年採一般貿易制度回溯資料」
    var startyear = $("#START_YEAR").val();
    if (startyear == 103 || startyear == 104) {
      $("#GENERAL_TRADE_NOTE").show();
    }
    else {
      $("#GENERAL_TRADE_NOTE").hide();
      $("#GeneralTradeNote").prop("checked", false);
    }
  }
  else{
    // Monthly
    if (col==0) { 
      $("#timeRange").html(htmlDataRange+htmlstartYearRange+" / "+htmlStartMonthRange+htmlendYearRange+" / "+htmlEndMonthRange+'</td>');
    }
    // Annual
    if (col==1) { 
      $("#timeRange").html(htmlDataRange+htmlstartYearRange+' ～ '+htmlendYearRange+'<select name="searchInfo.StartMonth" id="START_MONTH"  style="display:none"><option selected="selected" value="1">1</option></select><select name="searchInfo.EndMonth" id="END_MONTH"  style="display:none"><option selected="selected" value="12">12</option></select></td>');
    }
  }
}

// 動態變動時間選單
function check_MaxMonth(changeType) {

  var maxyear = $("#MAXYEAR").val();
  var maxmonth = $("#MAXMONTH").val();
  var minyear = $("#MINYEAR").val();
  var minmonth = $("#MINMONTH").val();
  var startyear = $("#START_YEAR").val();
  var endyear = $("#END_YEAR").val();
  var minMonth = 1;
  var maxMonth = 12;

  if (changeType == 0) {
    if (startyear == maxyear) {
      maxMonth = maxmonth;
    }
    if (startyear == minyear) {
      minMonth = minmonth;
    }
  }
  else {
    if (endyear == maxyear) {
      maxMonth = maxmonth;
    }
    if (endyear == minyear) {
      minMonth = minmonth;
    }
  }

  var changeName = changeType == 0 ? '#START_MONTH' : '#END_MONTH';
  $(changeName).empty();
  for (i = minMonth; i <= maxMonth; i++) {
    $(changeName).append('<option value="' + i + '">' + i + '</option>');
  }

  // 判斷是否顯示「103、104年採一般貿易制度回溯資料」
  if(PID=="GA30"||PID=="GA31"){
    if ((startyear <= 103 || startyear <= 104) && (endyear >= 103 || endyear >= 104)) {
      $("#GENERAL_TRADE_NOTE").show();
    }
    else {
      $("#GENERAL_TRADE_NOTE").hide();
      $("#GeneralTradeNote").prop("checked", false);
    }
  }
}

//動態變動欄位順序
function changeColSeqList() {
  var list = $("#COLUMN_SEQ_LIST").text().split(" / ");
  var columnSeqArray = new Array();

  list.forEach(function (element) {
    columnSeqArray.push(element);
  });

  //貨品別
  var typeHsVal = $("input[name='searchInfo.goodsType']:checked").val();
  if (typeHsVal == "0") {
    if (columnSeqArray.indexOf(goodsText) >= 0) {
      columnSeqArray.splice(columnSeqArray.indexOf(goodsText), 1);
    }
  }
  else {
    if (columnSeqArray.indexOf(goodsText) < 0) {
      columnSeqArray.push(goodsText);
    }
  }
  // 統計值的"數量(限11碼貨品)"只有指定貨品號列的時後才出現
  if (typeHsVal == "2") {
    $("#CHECKBOX_QTY").show();
  }
  else {
    $("#CHECKBOX_QTY").hide();
    $("#Statistics4").prop("checked", false);

    $('#goodsCodeValue').val("");
  }

  //國家(地區)別
  var typeCountryVal = $("input[name='searchInfo.groupType']:checked").val();
  if (typeCountryVal == "0") {
    if (columnSeqArray.indexOf(countryText) >= 0) {
      columnSeqArray.splice(columnSeqArray.indexOf(countryText), 1);
    }
  }
  else {
    if (columnSeqArray.indexOf(countryText) < 0) {
      columnSeqArray.push(countryText);
    }
  }

  if (typeCountryVal != "2") {
    $("#nationalCodeValue").val("");
  }

  $("#COLUMN_SEQ_LIST").text(columnSeqArray.join(" / "));
  $("#ORDER_TYPE").val($("#COLUMN_SEQ_LIST").text());
}

function check() {
  var errorMsg = "";

  // 檢核進出口別
  if ($("input[name='searchInfo.TypePort']:checked").length == 0) {
    errorMsg += (language=="chinese"?"請選擇進出口別\n":'"Imports/Exports" must be specified.\n');
  }

  // 檢核資料期間
  var startyear = parseInt($("#START_YEAR").val());
  var endyear = parseInt($("#END_YEAR").val());
  var starmonth = parseInt($("#START_MONTH").val());
  var endmonth = parseInt($("#END_MONTH").val());

  if ((startyear - endyear) > 0) {
    errorMsg += (language=="chinese"?"起始年度必須小於等於結束年度\n":'Start the year must be less than or equal to the end of the year\n');
  }
  else {
    if (((startyear * 100 + starmonth) - (endyear * 100 + endmonth)) > 0) {
      errorMsg += (language=="chinese"?"起始年月必須小於等於結束年月\n":'Start month must be less than or equal to the end of the month\n');
    }
  }

  // 檢核貨品別
  if ($("input[name='searchInfo.goodsType']:checked").val() == "2") {
    if ($("input[name='searchInfo.goodsCodeGroup']").val() == "") {
      errorMsg += (language=="chinese"?"請輸入2/4/6/8/10(11)碼貨品號列\n":'Please fill in 2/4/6/8/10(11)-digits commodity code.\n');
    }
  }

  // 檢核國家(地區)別
  if ($("input[name='searchInfo.groupType']:checked").val() == "2") {
    if ($("input[name='searchInfo.CountryName']").val() == "") {
      errorMsg += (language=="chinese"?"請選擇國家(地區)別\n":'"Partner" must be specified.\n');
    }
  }

  // 檢核統計值
  if ($("input[name='searchInfo.Type']:checked").length == 0) {
    errorMsg += (language=="chinese"?"請選擇統計值\n":'"Measure" must be specified.\n');
  }

  // 檢核輸出模式
  if ($("input[name='searchInfo.ExportType']:checked").length == 0) {
    errorMsg += (language=="chinese"?"請選擇輸出模式\n":'"Export" must be specified.\n');
  }

  // 檢核驗證碼
  $.ajax({
    url: 'Captcha_checkCaptchaCode',
    type: "POST",
    dataType: "json",
    data: {
      "checkCaptcha": $("input[name='searchInfo.Captcha']").val(),
      "language": language
    },
    success: function (data) {
      if (data.checkResult!="") {
        errorMsg += data.checkResult+"\n";
        $("#errorCaptcha").text("　"+data.checkResult);
        $("#errorCaptcha").show();

        if(data.checkResult=="驗證碼過期，請重新輸入"){
            changeCaptchaPic();
        }
      }
      else {
        $("#errorCaptcha").hide();
      }

      if (errorMsg == "") {
        onSubmit();
      } else {
        alert(errorMsg);
      }
    }
  });
}

function changeRadio(radioId) {
  $("#" + radioId).prop('checked', true);
  changeColSeqList();
}

function setPreviousDate() {
  $("#P_STARTYEAR").val($("#START_YEAR").val());
  $("#P_ENDYEAR").val($("#END_YEAR").val());
  $("#P_STARTMONTH").val($("#START_MONTH").val());
  $("#P_ENDMONTH").val($("#END_MONTH").val());
  $("#P_GTNOTE").val($("#GeneralTradeNote:checked").val());
  $("#P_COLSEQ").val($("#COLUMN_SEQ_LIST").text());
  $("#P_CNYLIST").val($("#nationalCodeValue").val());
}

function getPreviousDate() {
  var startyear = $("#P_STARTYEAR").val();
  var endyear = $("#P_ENDYEAR").val();
  var startmonth = $("#P_STARTMONTH").val();
  var endmonth = $("#P_ENDMONTH").val();
  var gtNote = $("#P_GTNOTE").val();

  if (startyear != "" && endyear != "" && startmonth != "" && endmonth != "") {
    $("#START_YEAR").val(startyear);
    $("#END_YEAR").val(endyear);
    check_MaxMonth(0);
    check_MaxMonth(1);
    $("#START_MONTH").val(startmonth);
    $("#END_MONTH").val(endmonth);
  }

  // 判斷是否顯示「103、104年採一般貿易制度回溯資料」
  if(PID=="GA30"||PID=="GA31"){
    if (startyear <= 104 && endyear >= 103) {
      $("#GENERAL_TRADE_NOTE").show();
      if (gtNote == "Y") {
        $("#GeneralTradeNote").prop("checked", true);
      }
      else {
        $("#GeneralTradeNote").prop("checked", false);
      }
    }
    else {
      $("#GENERAL_TRADE_NOTE").hide();
      $("#GeneralTradeNote").prop("checked", false);
    }
  }

  if ($("#P_COLSEQ").val() != "") {
    $("#COLUMN_SEQ_LIST").text($("#P_COLSEQ").val());
  }

  if ($("#P_CNYLIST").val() != "") {
    $("#nationalCodeValue").val($("#P_CNYLIST").val());
  }
}