Files
vpwg/Go/web/templates/cabinet/login.html
T

58 lines
2.9 KiB
HTML

{{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}}