File size: 2.23Kb
<header>
<div class="container">
<div class="nav">
<div class="Start">
<a href="/">
<img src="/public/assets/{appearance}/img/logotype.svg" alt="{site_name}">
</a>
</div>
<div class="End">
<span>{echo(getLang('auth_register_label'))}</span> <a href="/account/register" class="button other">{echo(getLang('auth_register'))}</a>
</div>
</div>
</div>
</header>
<div class="Auth">
<div class="Blocks">
<div class="Start">
<img src="/public/assets/{appearance}/img/illustrations/auth.svg">
</div>
<div class="End">
<div class="Title">
<h4>{echo(getLang('auth_welcome', ['{site_name}']))}</h4>
<h6>{echo(getLang('auth_welcome_label'))}</h6>
</div>
<form data-action="AccountAuth">
<div class="form-floating mb-2">
<input type="text" name="login" class="form-control" id="floatingLogin" placeholder="{echo(getLang('auth_form_login'))}" autocomplete="off" pattern="[A-Za-z0-9_\-]+" title="{echo(getLang('auth_form_login_title'))}" required>
<label for="floatingLogin">{echo(getLang('auth_form_login'))}</label>
</div>
<div class="form-floating Password mb-4">
<input type="password" name="password" class="form-control" id="floatingPassword" placeholder="{echo(getLang('auth_form_password'))}" autocomplete="off" required>
<label for="floatingPassword">{echo(getLang('auth_form_password'))}</label>
<i class="bi bi-eye"></i>
</div>
<script>
$('.Password').find('.bi').click(function() {
if($(this).hasClass('bi-eye')) {
$(this).removeClass('bi-eye');
$(this).addClass('bi-eye-slash');
$('.Password').find('input').attr('type', 'text');
}
else {
$(this).removeClass('bi-eye-slash');
$(this).addClass('bi-eye');
$('.Password').find('input').attr('type', 'password');
}
});
</script>
<div class="Buttons">
<input type="submit" class="button auth" value="{echo(getLang('auth_form_button'))}">
<a href="/account/register" class="button other">{echo(getLang('auth_form_button_register'))}</a>
</div>
</form>
{grab('/elements/language.tpl')}
</div>
</div>
</div>