- 01
 - 02
 - 03
 - 04
 - 05
 - 06
 - 07
 - 08
 - 09
 - 10
 - 11
 - 12
 - 13
 - 14
 - 15
 - 16
 - 17
 - 18
 - 19
 - 20
 - 21
 - 22
 - 23
 - 24
 - 25
 - 26
 - 27
 - 28
 - 29
 - 30
 - 31
 - 32
 - 33
 - 34
 - 35
 - 36
 - 37
 - 38
 - 39
 - 40
 - 41
 - 42
 - 43
 - 44
 - 45
 - 46
 - 47
 - 48
 - 49
 - 50
 - 51
 - 52
 - 53
 - 54
 - 55
 - 56
 - 57
 - 58
 - 59
 - 60
 - 61
 - 62
 - 63
 - 64
 - 65
 - 66
 - 67
 - 68
 - 69
 - 70
 - 71
 - 72
 - 73
 - 74
 - 75
 - 76
 - 77
 - 78
 - 79
 - 80
 - 81
 - 82
 - 83
 - 84
 - 85
 - 86
 - 87
 - 88
 - 89
 - 90
 - 91
 - 92
 - 93
 - 94
 - 95
 - 96
 - 97
 
                        $(".reg_button").on("click", function(){
    console.log("hello world jquery");
    $(".main").css("display", "none");
    $(".register-main").css("display", "block");
    $(`input[type="text"]`).css("width", "14vw");
    $(`input[type="password"]`).css("width", "14vw");
    $(`input[type="email"]`).css("width", "14vw");
     // Обработка нажатия на кнопку регистрации
});
const recovery = {
  login: "",
  email: "",
}
const regExp = {
  login: /^[a-z0-9_-]{5,20}$/,
  pass: /^[A-Za-z0-9_-]{6,16}$/,
  email: /^[A-Z0-9._%+-]+@[A-Z0-9-]+.+.[A-Z]{2,4}$/i,
}
const state = {
  reg: {
    login: "",
    pass: "",
    email: "",
    agreement: ""
  },
  auth: {
    login: "",
    pass: "",
    agreement: false
  }
  }
$(".back").on("click", function() {
    $(".register-main").css("display", "none");
    $(".main").css("display", "flex");
    $(`input[type="text"]`).css("width", "21.5vw");
    $(`input[type="password"]`).css("width", "21.5vw");
    // Обработка нажатия на кнопку "Назад"
});
$(".auth_forgotPassword").on("click", function() {
  console.log("Система восстановления пароля в разработке.")
 /* $(".main").css("display", "none");
  $(".recovery").css("display", "block");
  $(".recovery-step-one").css("display", "block");
  $(`input[type="text"]`).css("width", "14vw");
  $(`input[type="password"]`).css("width", "14vw"); */
})
$(".recovery-back").on("click", function() {
  $(".recovery").css("display", "none");
  $(".recovery-step-one").css("display", "none");  
  $(".main").css("display", "flex");                 // кнопка назад, в восстановления пароля.
  $(`input[type="text"]`).css("width", "21.5vw");
  $(`input[type="password"]`).css("width", "21.5vw");
})
$(".recovery-back2").on("click", function() {
  $(".recovery-step-two").css("display", "none");
  $(".recovery").css("display", "block");     
  $(".recovery-step-one").css("display", "block");                  // кнопка назад, в восстановления пароля.
  $(`input[type="text"]`).css("width", "14vw");
  $(`input[type="password"]`).css("width", "14vw");
})
// $(".recovery-button").on("click", function() {
  /*recovery.login = $(".step_login").val()
  recovery.email = $(".step_email").val()
  alt.emit("click:recovery")
  if(recovery.login == "" || recovery.email == "" )
  {
    console.log("Необходимые поля пустые!")
  }
  else {
  alt.on("recovery-step-two", (args) => {
  if(args == true) {
    $(".recovery-step-one").css("display", "none");
    $(".recovery-step-two").css("display", "block");
  }
  else {
    console.log("Введены неверные данные или аккаунта с такой почтой не существует.")
  }
  })
  }
  */
// })
$(".recovery_button2").on("click", function() {
  $(".recovery-step-two").css("display", "none");
  $(".recovery-step-three").css("display", "block");
})
$('.button-wrap').on("click", function(){
  $(this).toggleClass('button-active');
  if ($(this).hasClass('button-active')) {
    localStorage.checkbox = 1
    
  } else {
    localStorage.checkbox = 0
  }
  console.log(localStorage.checkbox)
});
$(".confirm-back2").on("click", () => {
  $(".authentication").css("display", "none");