$(function(){
  setSearchCondition();
  $("#dateSelectorDiv").datepicker({
    format: "yyyy-mm-dd",
    language: "ko"
  });
})

$(document).on('click', '.page-item', function (){
  $("#pageIndex").val($(this).attr("data-pageindex"));
  $("#searchBtn").click();
})

$(document).on('change', '#searchConditionSelector', function (){
  setSearchCondition();
})

$(document).on('click', '#saveBtn', function (){
  if(valueCheck()){
    if(confirm("저장하시겠습니까?")){
      const formData = new FormData($("#userInfoForm")[0]);
      $.ajax({
        type : 'POST',
        data : formData,
        url : "/admin/insertUserInfo",
        processData: false,
        contentType: false,
        success : function(data) {
          alert("저장되었습니다.")
          $("#closeModalBtn").click();
          $("#searchBtn").click();
        },
        error : function(xhr, status) {

        }
      })
    }
  }
})

function valueCheck(){
  const password = $("#password").val();
  const passwordConfirm = $("#passwordConfirm").val();
  let returnFlag = true;
  if(!$("#userId").val()){
    alert("아이디를 입력해주세요.");
    returnFlag = false;
  }
  if(!password){
    alert("비밀번호를 입력해주세요.");
    returnFlag = false;
  }
  if(!passwordConfirm){
    alert("비밀번호 확인을 입력해주세요.");
    returnFlag = false;
  }
  if(returnFlag && password !== passwordConfirm){
    alert("비밀번호가 같지 않습니다.");
    returnFlag = false;
  }
  if(!$("#name").val()){
    alert("이름 입력해주세요.");
    returnFlag = false;
  }
  return returnFlag;
}

function setSearchCondition(){
  const searchConditionSelector = $("#searchConditionSelector").val();
  const searchTextDiv = $("#searchTextDiv");
  const dateSelectorDiv = $("#dateSelectorDiv");
  if(searchConditionSelector === "createDate"){
    dateSelectorDiv.show();
    dateSelectorDiv.children().removeAttr("disabled");
    searchTextDiv.hide();
    searchTextDiv.children().attr("disabled", "disabled");
  }else{
    $("#textSearch").attr("name", searchConditionSelector);
    searchTextDiv.show();
    searchTextDiv.children().removeAttr("disabled");
    dateSelectorDiv.hide();
    dateSelectorDiv.children().attr("disabled", "disabled");
  }
}
function formReset(){
  document.getElementById('userInfoForm').reset();
}