$(function () {
  $('.error').hide(); 
  let loginForm = $("#login_form");

  loginForm.length && loginForm.validate({
    rules: {
      username: {
        required: true,
      },
      user_password: {
        required: true,
      },
    },
    submitHandler: function (form, e) {
      e.preventDefault()
      scriptSetting.ajaxSetup.submitBtnSelector = '.course_edit_form button[type=submit]'
      ajaxPost('/api/auth/login', $(form).serialize(), (response) => {
        if(response.status == 0 ){
          $('.error').show(); 
          $('.error').text(response.message);
        }else{

         location.href = response.data.redirectTo;
        }



      })
    }
  });

  $("span[toggle-password=true]").click(function () {
    let input = $(this).parent().find("input");
    let icon = $(this).find("i");
    if ($(input).attr("type") == "password") {
      $(input).attr("type", "text");
      icon.removeClass("ti-eye-off");
      icon.addClass("ti-eye");
    } else {
      $(input).attr("type", "password");
      icon.removeClass("ti-eye");
      icon.addClass("ti-eye-off");
    }
  });
  
});