<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Создание аккаунта</title>
  <link rel="icon" href="images/logo.png" sizes="32x32">
  <link rel="icon" href="images/logo.png" sizes="192x192">
  <link rel="stylesheet" href="../static/login-page/bootstrap.min.css">
  <link rel="stylesheet" href="../static/login-page/style.css">
  <link href="../static/login-page/min.css" rel="stylesheet" crossorigin="use-credentials">
  <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
  <script defer="defer" src="../static/login-page/main.js" type="text/javascript"></script>
  <link href="../static/login-page/main.css" rel="stylesheet">
</head>
<body class="body-background" style='background-image: url("../static/panel/bg.png");'>
  <div class="nav-menu fixed-top">
      <div class="container">
          <div class="row">
              <div class="col-md-12">
                  <nav class="navbar navbar-dark navbar-expand-lg">
                      <a class="navbar-brand" href="/"><img class="img" alt="logo" src="../static/main-page/logo.png" width="32px" height="auto">&nbsp;Nightly Client</a>
                      <ul class="navbar-nav ml-auto">
                          <li class="nav-item" style="align-items: center;display: flex;"><a class="nav-link" href="https://discord.gg/45EQpwsfHt"><img class="img" alt="logo" src="../static/main-page/support.png" width="24px" height="auto"> Поддержка</a></li>
                          <li class="nav-item" style="align-items: center;display: flex;"><a class="nav-link" href="#pricing"><a class="nav-link" href="#pricing"><img class="img" alt="logo" src="../static/main-page/cart.png" width="24px" height="auto"> Купить</a></li>
                          <li class="nav-item"><a class="btn btn-block text-light btn-nav-round m-auto" href="/login" style="background-image: linear-gradient(150deg, #008cff, #8b00ff)">
                              <img class="img" alt="logo" src="../static/main-page/login.png" width="32px">&nbsp;&nbsp;Авторизация
                          </a></li>
                      </ul>
                  </nav>
              </div>
          </div>
      </div>
  </div>
  <noscript>Вам нужно включить JavaScript, чтобы пользоваться сайтом.</noscript>
  <div class="Auth_content__lTfBg">
    <div class="toast-container"></div>
    <div class="Auth_panel__pVO0M"> 
      <h4>Создание аккаунта</h4>
      <form id="createAccountForm" class="ipsForm ipsForm_fullWidth" method="post" action="/account_create">
        <div class="input-group input-group-lg mb-2 mt-4">
          <input type="text" class="form-control" placeholder="Имя пользователя" name="username" id="username" required>
        </div>
        <div class="input-group input-group-lg mb-2">
          <input type="email" class="form-control" placeholder="E-mail" name="email" id="email" required>
        </div>
        <label class="checkbox-container">Я полностью ознакомлен и принимаю <a href="/eula" target="_blank">пользовательское соглашение</a> и <a href="/rules.php" target="_blank">правила пользования</a>, а также даю свое согласие на <a href="/datahandle.php" target="_blank">обработку персональных данных</a>.
          <input type="checkbox" value="true" name="checkbox" id="checkbox" required>
          <span class="checkmark"></span>
        </label>
        <button type="submit" class="btn btn-lg btn-gradient w-100 mt-3" style="background-image: linear-gradient(1deg, #008cff, #8b00ff)">
          <div class="logo mr-2" style="background-image: url(&quot;../static/main-page/login.png&quot;);"></div>
          Создать аккаунт
        </button>
      </form>
    </div>
  </div>
  <footer class="py-4 text-white-50">
    <div class="container text-center">
      <small>© 2024. Nightly Client Все права защищены.</small>
    </div>
  </footer>
</body>
</html>