function edit_data(id) {
  let param = new FormData();
  param.append("id", id);
  param.append("form_action", "5");
  $.post(folder + "db.php", param).done(function (data) {
    //console.log(data);
    obj = jQuery.parseJSON(data);
    if(obj['photo']!==null){
		$('#showPhoto').attr("src",'uploads/photo/'+obj['id']+'.'+obj['photo']);
		}
		$("#refer").summernote("code", obj.refer);
		$("#award").summernote("code", obj.award);
		$("#description_1").summernote("code", obj.description_1);
		$("#description_2").summernote("code", obj.description_2);
		$("#description_3").summernote("code", obj.description_3);
		$("#description_4").summernote("code", obj.description_4);
		$("#description_5").summernote("code", obj.description_5);
		getPosition(obj['positionTypeID'],"subPositionTypeID",obj['subPositionTypeID']);
		getPosition(obj['wpositionTypeID_1'],"wsubPositionTypeID_1",obj['wsubPositionTypeID_1']);
		getPosition(obj['wpositionTypeID_2'],"wsubPositionTypeID_2",obj['wsubPositionTypeID_2']);
		getPosition(obj['wpositionTypeID_3'],"wsubPositionTypeID_3",obj['wsubPositionTypeID_3']);
		getPosition(obj['wpositionTypeID_4'],"wsubPositionTypeID_4",obj['wsubPositionTypeID_4']);
		getPosition(obj['wpositionTypeID_5'],"wsubPositionTypeID_5",obj['wsubPositionTypeID_5']);

		subselect(obj['province'],"getDistrict","district",obj['district']);
		subselect(obj['district'],"getSubDistrict","subDistrict",obj['subDistrict']);
    $.each(obj, function (index, value) {
      if(index!=='photo' && index!=='resume' && index!=='award' && index!=='refer' && index!=='certificate_1' && index!=='certificate_2' && index!=='certificate_3'){
        if(index=='regularJob' || index=='parttime'|| index=='freelance' || index=='train'){
          if(value=='1'){
            $('#'+index).attr('checked',true);
          }else{
            $('#'+index).attr('checked',false);
          }
         }else{
      $("#" + index).val(value);
    //  console.log(index+' '+value);
        }
      }
    });
  });
  $("#form_action").val(2);
}


function subselect(src,fa,tar,sel){
  let param = new FormData();
  param.append("form_action",fa);
  param.append("id",src);
  $('#'+tar).empty();
  $('#'+tar).append('<option value="">โปรดเลือก</option>');
  $.post(folder+'db.php',param).done(function(data){
    //console.log(data);
  obj=jQuery.parseJSON(data);
  $.each(obj,function(index,value){
    //console.log(index+' '+sel);
    if(index==sel){
      se='selected';
    }else{
      se='';
    }
    $('#'+tar).append('<option value="'+index+'" '+se+' >'+value+'</option>');
  });
  });
  }
  
  function getZipcode(){
    if($('#subDistrict').val()!==''){
      let param =new FormData();
      param.append('form_action','getZipcode');
      param.append('id',$('#subDistrict').val());
      $.post(folder+'db.php',param).done(function(data){
       // console.log(data);
        obj=jQuery.parseJSON(data);
        $('#zipcode').val(obj['zipcode']);
      });
    }
  }
  
  function getPosition(id,tar,sel){
		let param=new FormData();
		param.append("form_action","getPosition");
		param.append("id",id);
		$('#'+tar).empty();
		$('#'+tar).append("<option value=''>กรุณาเลือก</option>")
		$.post(folder+'db.php',param).done(function(data){
		//	console.log(data);
			obj =jQuery.parseJSON(data);
			$.each(obj,function(index,value){
				if(index==sel){
					se="selected";
				}else{
					se="";
				}
			$('#'+tar).append("<option value='"+index+"' "+se+">"+value+"</option>");
		});
		});
	}

//pagination แบ่งหน้าแสดงข้อมูล
function pagination(max_page, page) {
  $("#total_page").html(" จาก " + max_page + " หน้า");
  var width = $(window).width();
  if (max_page >= 1) {
    $("#pagination").empty();
    if (page == 1) {
      ds = 'class="disabled"';
      oc = "";
    } else {
      ds = "";
      pe = parseInt(page) - 1;
      oc = 'onclick="show_data(' + pe + ');"';
    }
    pag =
      '<li class="page-item mr-1" ' +
      ds +
      '><a class="page-link btn btn-sm btn-bgc-tp p-25 radius-3px text-600 btn-light-grey border-0"  ' +
      oc +
      '><i class="fa fa-caret-left text-11s0"></i></a>';
    $("#pagination").append(pag);
    if (width < 370) {
      max = 6;
    } else if (width < 650) {
      max = 12;
    } else if (width < 740) {
      max = 15;
    } else if (width < 1025) {
      max = 20;
    } else if (width > 1100) {
      max = 7;
    }
    if (page == 1) {
      i = 1;
    } else {
      if (max_page < max) {
        i = 1;
      } else {
        loop = page + max;
        if (loop > max_page) {
          i = max_page - max + 1;
        } else {
          i = page;
        }
      }
    }
    var x = 1;
    var pag = "";
    while (i <= max_page) {
      if (page == i) {
        at = "active";
      } else {
        at = "";
      }
      pag +=
        '<li class="page-item mr-15" ><a class=" ' +
        at +
        ' w-5 page-link btn p-25 btn-sm border-0 btn-bgc-tp radius-3px text-600 btn-light-black btn-h-primary btn-a-primary"  onclick="show_data(' +
        i +
        ');" >' +
        i +
        "</a></li>";
      ++i;
      ++x;
      if (x > max) {
        break;
      }
    }
    if (page == max_page) {
      ds = 'class="disabled"';
      oc = "";
    } else {
      ds = "";
      po = parseInt(page) + 1;
      oc = 'onclick="show_data(' + po + ');"';
    }
    pag +=
      '<li class="page-item" ' +
      ds +
      '><a class="page-link btn btn-sm btn-bgc-tp p-25 radius-3px text-600 btn-light-grey border-0" ' +
      oc +
      '><i class="fa fa-caret-right text-11s0"></i></a></li>';
    $("#pagination").append(pag);
  } else {
    $("#pagination").empty();
  }
}
//สิ้นสุด pagination แบ่งหน้าแสดงข้อมูล

//แสดงข้อมูล
function show_data(page) {
    if (page == null) {
    page = $("#page").val();
  } else {
    $("#page").val(page);
  }
  $("#show_data_train").empty();
  let param = new FormData(); 
  param.append("page", page);
  param.append("qpage", $("#qpage").val());
  param.append("form_action", 6);
  $.post(folder + "db.php", param).done(function (data) {
    console.log(data);
    obj = jQuery.parseJSON(data);
    $("#show_state").html(obj["pagination"].state);
    pagination(obj["pagination"].max_loop, page);

    if (page == 1) {
      x = 1;
    } else {
      x = (page - 1) * $("#qpage").val() + 1;
    }
    da = "";
    $.each(obj, function (i) {
      if (i !== "pagination") {
        da += '<tr class="bgc-h-yellow-l4 d-style">';
        da +=
          '<td class="text-center pr-0 pos-rel center" style="vertical-align:middle;" >' +
          x +
          "</td>";
        da +=
          '<td class="text-center">'+$('#startMon [value="'+obj[i].startMon+'"]').text()+' '+obj[i].startYear+'-'+$('#startMon [value="'+obj[i].endMon+'"]').text()+' '+obj[i].endYear+'</td>';
        da += '<td >' + obj[i].department + "</td>";
        da +=
          '<td >' +
          obj[i].course +
          "</td>";
          if(obj[i].certificate!==''){
                   da+='<td class="text-center"><a href="uploads/certificate/'+obj[i].certificate+'" target="_blank"><i class="fa fa-id-card"></i></a></td>';}else{
da+='<td> </td>';
                   }
        da += '<td class="text-center" style="vertical-align:middle;">';
        //action buttons
        // show a dropdown in mobile
        da += "<div>";
        da +=
          "<a href='#' class='btn btn-orange btn-xs py-15 radius-round dropdown-toggle' data-toggle='dropdown' >";
        da += '<i class="fa fa-cog"></i>';
        da += "</a>";

        da += '<div class="dropdown-menu dd-slide-up dd-slide-none-lg">';
        da += '<div class="dropdown-inner">';
        da +=
          '<div class="dropdown-header text-100 text-secondary-d1 border-b-1 brc-secondary-l2 text-600 mb-2">';
        da += "</div>";
        da +=
          '<a style="cursor:pointer" onClick="delete_data(' +
          obj[i].id +
          ')" class="dropdown-item">';
        da += '<i class="fa fa-trash-alt text-danger-m1 mr-1 p-2 w-4"></i>';
        da += "Delete";
        da += "</a>";
        da += "</div>";
        da += "</div>";
        da += "</div>";
        da += "</td>";
        da += "</tr>";
        ++x;
      }
    });
    $("#show_data_train").html(da);
  });
}

function show_data2() {
  $("#qpage option:first").prop("selected", true);
  $("#page").val(1);
  show_data();
}

function delete_data(did) {
  ms =
    '<div class="bgc-danger-d2 px-3 py-3 radius-round ml-1 mr-3 mb-3 float-left">';
  ms += '<i class="fa fa-exclamation-circle text-180 text-white mx-1px"></i>';
  ms += "</div>";
  ms += "<h4>คำเตือน</h4>";
  ms += "<h5>หากลบข้อมูลแล้วจะไม่สามารถกู้คืนกลับมาได้</h5>";
  ms += '<hr class="my-3" />';
  ms += '<p class="text-center mt-2 mb-0">';
  ms +=
    '<button type="button" data-dismiss="toast" class="btn px-4 btn-danger" onclick="confirm_delete(' +
    did +
    ')">ยืนยันการลบข้อมูล</button>';
  ms +=
    ' <button type="button" data-dismiss="toast" class="btn px-4 btn-light-secondary">ยกเลิก</button>';
  ms += "</p>";

  $.aceToaster.add({
    placement: "tc",
    title: "ยืนยันการลบข้อมูล",
    body: ms,

    width: "420px",

    sticky: true,
    belowNav: true,

    closeClass:
      "btn btn-bgc-tp border-0 btn-light-danger btn-xs px-2 py-1px m2-px radius-1 text-100 font-normal position-tr mt-2px mr-2px",

    //icon: '<i class="fa fa-user fa-2x text-success-m3 ml-2 mr-1"></i>',

    headerClass:
      "bgc-transparent border-0 text-white text-140 mb-3 p-0 pl-3 pr-4",
    titleClass: "text-dark-tp3 font-normal pt-15",

    className: "brc-danger-m1 border-1 border-t-4 radius-0 pr-0",

    bodyClass: "pt-0 pl-3 text-105",
  });
}
function confirm_delete(did) {
  let param = new FormData();
  param.append("id", did);
  param.append("form_action", 3);
  $.post(folder + "db.php", param).done(function (data) {
    if (data == "0") {
      ms = "<div class='bgc-success-d1 text-white px-3 pt-3'>";
      ms += "<div class='border-2 brc-white px-3 py-25 radius-round'>";
      ms += "<i class='fa fa-check text-150'></i>";
      ms += "</div></div>";
      ms += "<div class='p-3 mb-0 flex-grow-1'>";
      ms += "<h4 class='text-130'>Success</h4>";
      ms += "ลบข้อมูลเรียบร้อยแล้ว";
      ms += "</div>";
      ms +=
        "<button data-dismiss='toast' class='align-self-start btn btn-xs btn-outline-grey btn-h-light-grey py-2px mr-1 mt-1 border-0 text-150'>&times;</button>";
      $.aceToaster.add({
        placement: "tc",
        body: ms,
        width: 420,
        delay: 5000,

        close: false,

        className: "bgc-white-tp1 shadow border-0",

        bodyClass: "d-flex border-0 p-0 text-dark-tp2",
        headerClass: "d-none",
      });
      show_data(1);
    } else {
      $("#dia-derror").modal();
    }
  });
}



$(function () {
  show_data();
	$('#positionTypeID').change(function(){getPosition($('#positionTypeID').val(),'subPositionTypeID');});
	$('#wpositionTypeID_1').change(function(){getPosition($('#wpositionTypeID_1').val(),'wsubPositionTypeID_1');});
	$('#wpositionTypeID_2').change(function(){getPosition($('#wpositionTypeID_2').val(),'wsubPositionTypeID_2');});
	$('#wpositionTypeID_3').change(function(){getPosition($('#wpositionTypeID_3').val(),'wsubPositionTypeID_3');});
	$('#wpositionTypeID_4').change(function(){getPosition($('#wpositionTypeID_4').val(),'wsubPositionTypeID_4');});
	$('#wpositionTypeID_5').change(function(){getPosition($('#wpositionTypeID_5').val(),'wsubPositionTypeID_5');});

  $('#province').change(function(){ subselect($('#province').val(),"getDistrict","district");});
	$('#district').change(function(){ subselect($('#district').val(),"getSubDistrict","subDistrict");});
	$('#subDistrict').change(function(){ getZipcode();});
	//ปรับการแสดงผลเลขหน้าตามขนาดจอ
	
	//แสดงข้อมูลเมื่อเปิดหน้า
	edit_data();

  //ฟอร์มค้นหาข้อมูลโดยละเอียด
  $("#aside-search").aceAside({
    placement: "right",
    dismiss: true,
    belowNav: true,
    extrwNav: true,
    extraClass: "my-2",
  });

  var $invalidClass = "brc-danger-tp2";
  var $validClass = "brc-info-tp2";

  $("#frm-main").validate({
    errorElement: "span",
    errorClass: "form-text form-error text-danger-m2",
    focusInvalid: false,
    ignore: "",
    rules: {
      address: {
        required: true,
      },
      province: {
        required: true,
      },
      district: {
        required: true,
      },
      subDistrict: {
        required: true,
      },
      zipcode: {
        required: true,
      },
    },
    messages: {
      address: {
        required: $("#address").attr("placeholder"),
      },
      province: {
        required: $("#province").attr("placeholder"),
      },
      district: {
        required: $("#district").attr("placeholder"),
      },
      subDistrict: {
        required: $("#subDistrict").attr("placeholder"),
      },
      zipcode: {
        required: $("#zipcode").attr("placeholder"),
      },
    },
    highlight: function (element) {
      var $element = $(element);

      //remove error messages to be inserted again, so that the `.fa-exclamation-circle` is inserted in `errorPlacement` function
      $element.closest(".form-group").find(".form-text").remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").addClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        $element
          .addClass($invalidClass + " d-inline-block")
          .removeClass($validClass);
      }
    },

    success: function (error, element) {
      var parent = error.parent();
      var $element = $(element);

      $element
        .removeClass($invalidClass)
        .closest(".form-group")
        .find(".form-text")
        .remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").removeClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .removeClass($invalidClass);
      } else {
        $element.addClass($validClass + " d-inline-block");
      }

      // append 'fa-check' icon
      parent.append(
        '<span class="form-text d-inline-block ml-sm-2"><i class=" fa fa-check text-success-m1 text-120"></i></span>'
      );
    },

    errorPlacement: function (error, element) {
      // prepend 'fa-exclamation-circle' icon
      error.prepend(
        '<i class="form-text fa fa-exclamation-circle text-danger-m1 text-100 mr-1 ml-2"></i>'
      );

      if (
        element.is("input[type=checkbox]") ||
        element.is("input[type=radio]")
      ) {
        element.closest('div[class*="col-"]').append(error);
      } else if (element.is(".select2")) {
        var container = element.siblings('[class*="select2-container"]');
        error.insertAfter(container);
        container.find(".select2-selection").addClass($invalidClass);
      } else if (element.is(".chosen")) {
        var container = element.siblings('[class*="chosen-container"]');
        error.insertAfter(container);
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        error.addClass("d-inline-block").insertAfter(element);
      }
    },

    submitHandler: function (form) {
      $("#show_data").empty();
      let param = new FormData(document.getElementById("frm-main"));
      $.post(folder + "db.php", param).done(function (data) {
        console.log(data);
        if (data == "0") {
          ms = "<div class='bgc-success-d1 text-white px-3 pt-3'>";
          ms += "<div class='border-2 brc-white px-3 py-25 radius-round'>";
          ms += "<i class='fa fa-check text-150'></i>";
          ms += "</div></div>";
          ms += "<div class='p-3 mb-0 flex-grow-1'>";
          ms += "<h4 class='text-130'>Success</h4>";
          if ($("#form_action").val() == 1) {
            ms += "บันทึกข้อมูลเรียบร้อยแล้ว";
          } else {
            ms += "แก้ไขข้อมูลเรียบร้อยแล้วครับ";
          }
          ms += "</div>";
          ms +=
            "<button data-dismiss='toast' class='align-self-start btn btn-xs btn-outline-grey btn-h-light-grey py-2px mr-1 mt-1 border-0 text-150'>&times;</button>";
          $.aceToaster.add({
            placement: "tc",
            body: ms,
            width: 420,
            delay: 5000,
            close: false,
            className: "bgc-white-tp1 shadow border-0",
            bodyClass: "d-flex border-0 p-0 text-dark-tp2",
            headerClass: "d-none",
          });
          edit_data();
        } else {
        }
      });
      return false;
    },
  });
  $("#frm-main2").validate({
    errorElement: "span",
    errorClass: "form-text form-error text-danger-m2",
    focusInvalid: false,
    ignore: "",
    rules: {
      date_start: {
        required: true,
      },
      date_end: {
        required: true,
      },
    },
    messages: {
      date_start: {
        required: $("#date_start").attr("placeholder"),
      },
      date_end: {
        required: $("#date_end").attr("placeholder"),
      },
    },
    highlight: function (element) {
      var $element = $(element);

      //remove error messages to be inserted again, so that the `.fa-exclamation-circle` is inserted in `errorPlacement` function
      $element.closest(".form-group").find(".form-text").remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").addClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        $element
          .addClass($invalidClass + " d-inline-block")
          .removeClass($validClass);
      }
    },

    success: function (error, element) {
      var parent = error.parent();
      var $element = $(element);

      $element
        .removeClass($invalidClass)
        .closest(".form-group")
        .find(".form-text")
        .remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").removeClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .removeClass($invalidClass);
      } else {
        $element.addClass($validClass + " d-inline-block");
      }

      // append 'fa-check' icon
      parent.append(
        '<span class="form-text d-inline-block ml-sm-2"><i class=" fa fa-check text-success-m1 text-120"></i></span>'
      );
    },

    errorPlacement: function (error, element) {
      // prepend 'fa-exclamation-circle' icon
      error.prepend(
        '<i class="form-text fa fa-exclamation-circle text-danger-m1 text-100 mr-1 ml-2"></i>'
      );

      if (
        element.is("input[type=checkbox]") ||
        element.is("input[type=radio]")
      ) {
        element.closest('div[class*="col-"]').append(error);
      } else if (element.is(".select2")) {
        var container = element.siblings('[class*="select2-container"]');
        error.insertAfter(container);
        container.find(".select2-selection").addClass($invalidClass);
      } else if (element.is(".chosen")) {
        var container = element.siblings('[class*="chosen-container"]');
        error.insertAfter(container);
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        error.addClass("d-inline-block").insertAfter(element);
      }
    },

    submitHandler: function (form) {
      $("#show_data").empty();
      let param = new FormData(document.getElementById("frm-main2"));
      param.append('form_action',2);
      $.post(folder + "db.php", param).done(function (data) {
        console.log(data);
        if (data == "0") {
          ms = "<div class='bgc-success-d1 text-white px-3 pt-3'>";
          ms += "<div class='border-2 brc-white px-3 py-25 radius-round'>";
          ms += "<i class='fa fa-check text-150'></i>";
          ms += "</div></div>";
          ms += "<div class='p-3 mb-0 flex-grow-1'>";
          ms += "<h4 class='text-130'>Success</h4>";
          if ($("#form_action").val() == 1) {
            ms += "บันทึกข้อมูลเรียบร้อยแล้ว";
          } else {
            ms += "แก้ไขข้อมูลเรียบร้อยแล้วครับ";
          }
          ms += "</div>";
          ms +=
            "<button data-dismiss='toast' class='align-self-start btn btn-xs btn-outline-grey btn-h-light-grey py-2px mr-1 mt-1 border-0 text-150'>&times;</button>";
          $.aceToaster.add({
            placement: "tc",
            body: ms,
            width: 420,
            delay: 5000,
            close: false,
            className: "bgc-white-tp1 shadow border-0",
            bodyClass: "d-flex border-0 p-0 text-dark-tp2",
            headerClass: "d-none",
          });
          edit_data();
        } else {
        }
      });
      return false;
    },
  });
  $("#frm-main3").validate({
    errorElement: "span",
    errorClass: "form-text form-error text-danger-m2",
    focusInvalid: false,
    ignore: "",
    rules: {
      date_start: {
        required: true,
      },
      date_end: {
        required: true,
      },
    },
    messages: {
      date_start: {
        required: $("#date_start").attr("placeholder"),
      },
      date_end: {
        required: $("#date_end").attr("placeholder"),
      },
    },
    highlight: function (element) {
      var $element = $(element);

      //remove error messages to be inserted again, so that the `.fa-exclamation-circle` is inserted in `errorPlacement` function
      $element.closest(".form-group").find(".form-text").remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").addClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        $element
          .addClass($invalidClass + " d-inline-block")
          .removeClass($validClass);
      }
    },

    success: function (error, element) {
      var parent = error.parent();
      var $element = $(element);

      $element
        .removeClass($invalidClass)
        .closest(".form-group")
        .find(".form-text")
        .remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").removeClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .removeClass($invalidClass);
      } else {
        $element.addClass($validClass + " d-inline-block");
      }

      // append 'fa-check' icon
      parent.append(
        '<span class="form-text d-inline-block ml-sm-2"><i class=" fa fa-check text-success-m1 text-120"></i></span>'
      );
    },

    errorPlacement: function (error, element) {
      // prepend 'fa-exclamation-circle' icon
      error.prepend(
        '<i class="form-text fa fa-exclamation-circle text-danger-m1 text-100 mr-1 ml-2"></i>'
      );

      if (
        element.is("input[type=checkbox]") ||
        element.is("input[type=radio]")
      ) {
        element.closest('div[class*="col-"]').append(error);
      } else if (element.is(".select2")) {
        var container = element.siblings('[class*="select2-container"]');
        error.insertAfter(container);
        container.find(".select2-selection").addClass($invalidClass);
      } else if (element.is(".chosen")) {
        var container = element.siblings('[class*="chosen-container"]');
        error.insertAfter(container);
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        error.addClass("d-inline-block").insertAfter(element);
      }
    },

    submitHandler: function (form) {
      $("#show_data").empty();
      let param = new FormData(document.getElementById("frm-main3"));
      param.append('form_action','education');
      $.post(folder + "db.php", param).done(function (data) {
        console.log(data);
        obj=jQuery.parseJSON(data);
        if (obj['result'] == "true") {
          ms = "<div class='bgc-success-d1 text-white px-3 pt-3'>";
          ms += "<div class='border-2 brc-white px-3 py-25 radius-round'>";
          ms += "<i class='fa fa-check text-150'></i>";
          ms += "</div></div>";
          ms += "<div class='p-3 mb-0 flex-grow-1'>";
          ms += "<h4 class='text-130'>Success</h4>";
          if ($("#form_action").val() == 1) {
            ms += "บันทึกข้อมูลเรียบร้อยแล้ว";
          } else {
            ms += "แก้ไขข้อมูลเรียบร้อยแล้วครับ";
          }
          ms += "</div>";
          ms +=
            "<button data-dismiss='toast' class='align-self-start btn btn-xs btn-outline-grey btn-h-light-grey py-2px mr-1 mt-1 border-0 text-150'>&times;</button>";
          $.aceToaster.add({
            placement: "tc",
            body: ms,
            width: 420,
            delay: 5000,
            close: false,
            className: "bgc-white-tp1 shadow border-0",
            bodyClass: "d-flex border-0 p-0 text-dark-tp2",
            headerClass: "d-none",
          });
          edit_data();
        } else {
        }
      });
      return false;
    },
  });
  $("#frm-main4").validate({
    errorElement: "span",
    errorClass: "form-text form-error text-danger-m2",
    focusInvalid: false,
    ignore: "",
    rules: {
      date_start: {
        required: true,
      },
      date_end: {
        required: true,
      },
    },
    messages: {
      date_start: {
        required: $("#date_start").attr("placeholder"),
      },
      date_end: {
        required: $("#date_end").attr("placeholder"),
      },
    },
    highlight: function (element) {
      var $element = $(element);

      //remove error messages to be inserted again, so that the `.fa-exclamation-circle` is inserted in `errorPlacement` function
      $element.closest(".form-group").find(".form-text").remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").addClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        $element
          .addClass($invalidClass + " d-inline-block")
          .removeClass($validClass);
      }
    },

    success: function (error, element) {
      var parent = error.parent();
      var $element = $(element);

      $element
        .removeClass($invalidClass)
        .closest(".form-group")
        .find(".form-text")
        .remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").removeClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .removeClass($invalidClass);
      } else {
        $element.addClass($validClass + " d-inline-block");
      }

      // append 'fa-check' icon
      parent.append(
        '<span class="form-text d-inline-block ml-sm-2"><i class=" fa fa-check text-success-m1 text-120"></i></span>'
      );
    },

    errorPlacement: function (error, element) {
      // prepend 'fa-exclamation-circle' icon
      error.prepend(
        '<i class="form-text fa fa-exclamation-circle text-danger-m1 text-100 mr-1 ml-2"></i>'
      );

      if (
        element.is("input[type=checkbox]") ||
        element.is("input[type=radio]")
      ) {
        element.closest('div[class*="col-"]').append(error);
      } else if (element.is(".select2")) {
        var container = element.siblings('[class*="select2-container"]');
        error.insertAfter(container);
        container.find(".select2-selection").addClass($invalidClass);
      } else if (element.is(".chosen")) {
        var container = element.siblings('[class*="chosen-container"]');
        error.insertAfter(container);
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        error.addClass("d-inline-block").insertAfter(element);
      }
    },

    submitHandler: function (form) {
      $("#show_data").empty();
      let param = new FormData(document.getElementById("frm-main4"));
      param.append('form_action','workHistory');
      $.post(folder + "db.php", param).done(function (data) {
        console.log(data);
        obj=jQuery.parseJSON(data);
        if (obj['result'] == "true") {
          ms = "<div class='bgc-success-d1 text-white px-3 pt-3'>";
          ms += "<div class='border-2 brc-white px-3 py-25 radius-round'>";
          ms += "<i class='fa fa-check text-150'></i>";
          ms += "</div></div>";
          ms += "<div class='p-3 mb-0 flex-grow-1'>";
          ms += "<h4 class='text-130'>Success</h4>";
          if ($("#form_action").val() == 1) {
            ms += "บันทึกข้อมูลเรียบร้อยแล้ว";
          } else {
            ms += "แก้ไขข้อมูลเรียบร้อยแล้วครับ";
          }
          ms += "</div>";
          ms +=
            "<button data-dismiss='toast' class='align-self-start btn btn-xs btn-outline-grey btn-h-light-grey py-2px mr-1 mt-1 border-0 text-150'>&times;</button>";
          $.aceToaster.add({
            placement: "tc",
            body: ms,
            width: 420,
            delay: 5000,
            close: false,
            className: "bgc-white-tp1 shadow border-0",
            bodyClass: "d-flex border-0 p-0 text-dark-tp2",
            headerClass: "d-none",
          });
          edit_data();
        } else {
        }
      });
      return false;
    },
  });
  $("#frm-main5").validate({
    errorElement: "span",
    errorClass: "form-text form-error text-danger-m2",
    focusInvalid: false,
    ignore: "",
    rules: {
      startMon: {
        required: true,
      },
      startYear: {
        required: true,
      },
      endMon: {
        required: true,
      },
      endYear: {
        required: true,
      },
      department: {
        required: true,
      },
      course: {
        required: true,
      },
    },
    messages: {
      startMon: {
        required: $("#startMon").attr("placeholder"),
      },
      startYear: {
        required: $("#startYear").attr("placeholder"),
      },
      endMon: {
        required: $("#endMon").attr("placeholder"),
      },
      endYear: {
        required: $("#endYear").attr("placeholder"),
      },
      department: {
        required: $("#department").attr("placeholder"),
      },
      course: {
        required: $("#course").attr("placeholder"),
      },
    },
    highlight: function (element) {
      var $element = $(element);

      //remove error messages to be inserted again, so that the `.fa-exclamation-circle` is inserted in `errorPlacement` function
      $element.closest(".form-group").find(".form-text").remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").addClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        $element
          .addClass($invalidClass + " d-inline-block")
          .removeClass($validClass);
      }
    },

    success: function (error, element) {
      var parent = error.parent();
      var $element = $(element);

      $element
        .removeClass($invalidClass)
        .closest(".form-group")
        .find(".form-text")
        .remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").removeClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .removeClass($invalidClass);
      } else {
        $element.addClass($validClass + " d-inline-block");
      }

      // append 'fa-check' icon
      parent.append(
        '<span class="form-text d-inline-block ml-sm-2"><i class=" fa fa-check text-success-m1 text-120"></i></span>'
      );
    },

    errorPlacement: function (error, element) {
      // prepend 'fa-exclamation-circle' icon
      error.prepend(
        '<i class="form-text fa fa-exclamation-circle text-danger-m1 text-100 mr-1 ml-2"></i>'
      );

      if (
        element.is("input[type=checkbox]") ||
        element.is("input[type=radio]")
      ) {
        element.closest('div[class*="col-"]').append(error);
      } else if (element.is(".select2")) {
        var container = element.siblings('[class*="select2-container"]');
        error.insertAfter(container);
        container.find(".select2-selection").addClass($invalidClass);
      } else if (element.is(".chosen")) {
        var container = element.siblings('[class*="chosen-container"]');
        error.insertAfter(container);
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        error.addClass("d-inline-block").insertAfter(element);
      }
    },

    submitHandler: function (form) {
      $("#show_data").empty();
      let param = new FormData(document.getElementById("frm-main5"));
      param.append('form_action','train');
      $.post(folder + "db.php", param).done(function (data) {
        console.log(data);
        obj=jQuery.parseJSON(data);
        if (obj['result'] == "true") {
          $('.tfrm').val('');
          show_data();
          ms = "<div class='bgc-success-d1 text-white px-3 pt-3'>";
          ms += "<div class='border-2 brc-white px-3 py-25 radius-round'>";
          ms += "<i class='fa fa-check text-150'></i>";
          ms += "</div></div>";
          ms += "<div class='p-3 mb-0 flex-grow-1'>";
          ms += "<h4 class='text-130'>Success</h4>";
          ms += "บันทึกข้อมูลเรียบร้อยแล้ว";
          ms += "</div>";
          ms +=
            "<button data-dismiss='toast' class='align-self-start btn btn-xs btn-outline-grey btn-h-light-grey py-2px mr-1 mt-1 border-0 text-150'>&times;</button>";
          $.aceToaster.add({
            placement: "tc",
            body: ms,
            width: 420,
            delay: 5000,
            close: false,
            className: "bgc-white-tp1 shadow border-0",
            bodyClass: "d-flex border-0 p-0 text-dark-tp2",
            headerClass: "d-none",
          });
          edit_data();
        } else {
        }
      });
      return false;
    },
  });

  $("#frm-main6").validate({
    errorElement: "span",
    errorClass: "form-text form-error text-danger-m2",
    focusInvalid: false,
    ignore: "",
    rules: {
      date_start: {
        required: true,
      },
      date_end: {
        required: true,
      },
    },
    messages: {
      date_start: {
        required: $("#date_start").attr("placeholder"),
      },
      date_end: {
        required: $("#date_end").attr("placeholder"),
      },
    },
    highlight: function (element) {
      var $element = $(element);

      //remove error messages to be inserted again, so that the `.fa-exclamation-circle` is inserted in `errorPlacement` function
      $element.closest(".form-group").find(".form-text").remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").addClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        $element
          .addClass($invalidClass + " d-inline-block")
          .removeClass($validClass);
      }
    },

    success: function (error, element) {
      var parent = error.parent();
      var $element = $(element);

      $element
        .removeClass($invalidClass)
        .closest(".form-group")
        .find(".form-text")
        .remove();

      if (
        $element.is("input[type=checkbox]") ||
        $element.is("input[type=radio]")
      )
        return;
      else if ($element.is(".select2")) {
        var container = $element.siblings('[class*="select2-container"]');
        container.find(".select2-selection").removeClass($invalidClass);
      } else if ($element.is(".chosen")) {
        var container = $element.siblings('[class*="chosen-container"]');
        container
          .find(".chosen-choices, .chosen-single")
          .removeClass($invalidClass);
      } else {
        $element.addClass($validClass + " d-inline-block");
      }

      // append 'fa-check' icon
      parent.append(
        '<span class="form-text d-inline-block ml-sm-2"><i class=" fa fa-check text-success-m1 text-120"></i></span>'
      );
    },

    errorPlacement: function (error, element) {
      // prepend 'fa-exclamation-circle' icon
      error.prepend(
        '<i class="form-text fa fa-exclamation-circle text-danger-m1 text-100 mr-1 ml-2"></i>'
      );

      if (
        element.is("input[type=checkbox]") ||
        element.is("input[type=radio]")
      ) {
        element.closest('div[class*="col-"]').append(error);
      } else if (element.is(".select2")) {
        var container = element.siblings('[class*="select2-container"]');
        error.insertAfter(container);
        container.find(".select2-selection").addClass($invalidClass);
      } else if (element.is(".chosen")) {
        var container = element.siblings('[class*="chosen-container"]');
        error.insertAfter(container);
        container
          .find(".chosen-choices, .chosen-single")
          .addClass($invalidClass);
      } else {
        error.addClass("d-inline-block").insertAfter(element);
      }
    },

    submitHandler: function (form) {
      $("#show_data").empty();
      let param = new FormData(document.getElementById("frm-main6"));
      param.append('form_action',2);
      $.post(folder + "db.php", param).done(function (data) {
        console.log(data);
        if (data == "0") {
          ms = "<div class='bgc-success-d1 text-white px-3 pt-3'>";
          ms += "<div class='border-2 brc-white px-3 py-25 radius-round'>";
          ms += "<i class='fa fa-check text-150'></i>";
          ms += "</div></div>";
          ms += "<div class='p-3 mb-0 flex-grow-1'>";
          ms += "<h4 class='text-130'>Success</h4>";
          if ($("#form_action").val() == 1) {
            ms += "บันทึกข้อมูลเรียบร้อยแล้ว";
          } else {
            ms += "แก้ไขข้อมูลเรียบร้อยแล้วครับ";
          }
          ms += "</div>";
          ms +=
            "<button data-dismiss='toast' class='align-self-start btn btn-xs btn-outline-grey btn-h-light-grey py-2px mr-1 mt-1 border-0 text-150'>&times;</button>";
          $.aceToaster.add({
            placement: "tc",
            body: ms,
            width: 420,
            delay: 5000,
            close: false,
            className: "bgc-white-tp1 shadow border-0",
            bodyClass: "d-flex border-0 p-0 text-dark-tp2",
            headerClass: "d-none",
          });
          edit_data();
        } else {
        }
      });
      return false;
    },
  });

  $.extend($.summernote.options.icons ,  {
    'align': 'fa fa-align',
    'alignCenter': 'fa fa-align-center',
    'alignJustify': 'fa fa-align-justify',
    'alignLeft': 'fa fa-align-left',
    'alignRight': 'fa fa-align-right',
    'indent': 'fa fa-indent',
    'outdent': 'fa fa-outdent',
    'arrowsAlt': 'fa fa-arrows-alt',
    'bold': 'fa fa-bold',
    'caret': 'fa fa-caret-down text-grey-m2 ml-1',
    'circle': 'fa fa-circle',
    'close': 'fa fa fa-close',
    'code': 'fa fa-code',
    'eraser': 'fa fa-eraser',
    'font': 'fa fa-font',
    'italic': 'fa fa-italic',
    'link': 'fa fa-link text-success-m1',
    'unlink': 'fas fa-unlink',
    'magic': 'fa fa-magic text-brown-m1',
    'menuCheck': 'fa fa-check',
    'minus': 'fa fa-minus',
    'orderedlist': 'fa fa-list-ol text-blue',
    'pencil': 'fa fa-pencil',
    'picture': 'far fa-image text-purple-d1',
    'question': 'fa fa-question',
    'redo': 'fa fa-repeat',
    'square': 'fa fa-square',
    'strikethrough': 'fa fa-strikethrough',
    'subscript': 'fa fa-subscript',
    'superscript': 'fa fa-superscript',
    'table': 'fa fa-table text-danger-m2',
    'textHeight': 'fa fa-text-height',
    'trash': 'fa fa-trash',
    'underline': 'fa fa-underline',
    'undo': 'fa fa-undo',
    'unorderedlist': 'fa fa-list-ul text-blue',
    'video': 'far fa-file-video text-pink-m1'
  })

  $('#award').summernote({
    height: 250,
    minHeight: 150,
    maxHeight: 400
  })
  $('#refer').summernote({
    height: 250,
    minHeight: 150,
    maxHeight: 400
  })
  $('#description_1').summernote({
    height: 250,
    minHeight: 150,
    maxHeight: 400
  })
  $('#description_2').summernote({
    height: 250,
    minHeight: 150,
    maxHeight: 400
  })
  $('#description_3').summernote({
    height: 250,
    minHeight: 150,
    maxHeight: 400
  })
  $('#description_4').summernote({
    height: 250,
    minHeight: 150,
    maxHeight: 400
  })
  $('#description_5').summernote({
    height: 250,
    minHeight: 150,
    maxHeight: 400
  })

});