var inP = $(".input-field");

inP
  .on("blur", function () {
    if (!this.value) {
      $(this).parent(".f_row").removeClass("focus");
    } else {
      $(this).parent(".f_row").addClass("focus");
    }
  })
  .on("focus", function () {
    $(this).parent(".f_row").addClass("focus");
    $(".btn").removeClass("active");
    $(".f_row").removeClass("shake");
  });

$(".resetTag").click(function (e) {
  e.preventDefault();
  $(".formBox").addClass("level-forget").removeClass("level-reg");
});

$(".back").click(function (e) {
  e.preventDefault();
  $(".formBox").removeClass("level-forget").addClass("level-login");
});

$(".regTag").click(function (e) {
  e.preventDefault();
  $(".formBox").removeClass("level-reg-revers");
  $(".formBox").toggleClass("level-login").toggleClass("level-reg");
  if (!$(".formBox").hasClass("level-reg")) {
    $(".formBox").addClass("level-reg-revers");
  }
});
$(".btn").each(function () {
  $(this).on("click", function (e) {
    e.preventDefault();

    var finp = $(this).parent("form").find("input");

    console.log(finp.html());

    if (!finp.val() == 0) {
      $(this).addClass("active");
    }

    setTimeout(function () {
      inP.val("");

      $(".f_row").removeClass("shake focus");
      $(".btn").removeClass("active");
    }, 2000);

    if (inP.val() == 0) {
      inP.parent(".f_row").addClass("shake");
    }

    //inP.val('');
    //$('.f_row').removeClass('focus');
  });
});
