{{define "page_cabinet_auth"}}
{{template "guest_shell_open" dict "Title" "Личный кабинет — вход" "Lang" (lang)}}
<div class="cyber-shell">
  <span class="cyber-corner cyber-corner--tl"></span><span class="cyber-corner cyber-corner--tr"></span>
  <span class="cyber-corner cyber-corner--bl"></span><span class="cyber-corner cyber-corner--br"></span>
  <div class="cyber-hero">
    <div class="hero-icon"><i class="fa-solid fa-user-lock"></i></div>
    <div class="hero-brand">{{t "hero_brand"}}</div>
    <h1>Личный кабинет</h1>
    <p class="lead">Войдите или зарегистрируйтесь, чтобы получить свою подписку VPN.</p>
  </div>

  {{if .Error}}<div class="alert alert-danger"><i class="fa-solid fa-triangle-exclamation"></i> {{.Error}}</div>{{end}}

  <div class="card share-panel">
    <div class="share-panel__head"><i class="fa-solid fa-right-to-bracket"></i> Вход</div>
    <div class="share-panel__body">
      <form method="post" action="{{appURL "cabinet/login"}}">
        <input type="hidden" name="_csrf" value="{{csrf}}">
        <div class="mb-3">
          <label class="form-label">Логин</label>
          <input class="form-control" name="username" required autocomplete="username">
        </div>
        <div class="mb-3">
          <label class="form-label">Пароль</label>
          <input class="form-control" name="password" type="password" required autocomplete="current-password">
        </div>
        <button type="submit" class="btn btn-primary w-100"><i class="fa-solid fa-right-to-bracket"></i> Войти</button>
      </form>
    </div>
  </div>

  <div class="card share-panel">
    <div class="share-panel__head share-panel__head--pink"><i class="fa-solid fa-user-plus"></i> Регистрация</div>
    <div class="share-panel__body">
      <form method="post" action="{{appURL "cabinet/register"}}">
        <input type="hidden" name="_csrf" value="{{csrf}}">
        <div class="mb-3">
          <label class="form-label">Логин</label>
          <input class="form-control" name="username" required minlength="3" maxlength="64" pattern="[a-zA-Z0-9._-]+" autocomplete="username">
        </div>
        <div class="mb-3">
          <label class="form-label">E-mail (необязательно)</label>
          <input class="form-control" name="email" type="email" autocomplete="email">
        </div>
        <div class="mb-3">
          <label class="form-label">Пароль</label>
          <input class="form-control" name="password" type="password" required minlength="8" autocomplete="new-password">
        </div>
        <button type="submit" class="btn btn-outline-info w-100"><i class="fa-solid fa-user-plus"></i> Создать аккаунт</button>
      </form>
    </div>
  </div>
</div>
{{template "guest_footer" .}}
{{template "guest_shell_close" .}}
{{end}}