  <script type="text/javascript">
$(document).on('click', '.toggle-pass', function() {
    $(this).toggleClass("fa-eye fa-eye-slash");
    const input = $("#pass");
    input.attr('type') === 'password' ? input.attr('type','text') : input.attr('type','password')
});
</script>
[guest]
<!--noindex-->
<div class="login-open">
    <div class="login-ava">
        <img src="{%THEME%}/assest/images/engine/noavatar.png" alt="Гость"/>
    </div>
    <div class="login-open-title">
        Гость
    </div>
    <div class="login-open-title2">
        Войти в профиль
    </div>
    <i></i>
</div>
<div class="login-block">
    <form action="/profile/login" method="post" onsubmit="showload();">
        <div class="login-line">
            <div class="login-title">{%METOD%}</div>
            <input name="nick" type="text" class="login-input-text" title="{%METOD%} на сайте"/>
        </div>
        <div class="login-line">
            <div class="login-title">Пароль:</div>
            <input name="password" type="password" id="pass" class="login-input-text" title="Ваш пароль"/><span toggle="#password-field" class="fa fa-fw fa-eye field_icon toggle-pass login-pass"></span>
        </div>
        <div class="login-line">
            <input onclick="submit();" type="submit" class="enter" value="ВОЙТИ"/>
			<input name="login" type="hidden" id="login" value="submit"/>
        </div>
        <div class="reg-link">
            <a href="{%URL_REG%}" title="регистрация на сайте">Регистрация</a> /
            <a href="{%URL_FORGOT%}" title="восстановление пароля">Забыл все?</a>
        </div>

       [social] <div class="login-soc">
            <div class="login-soc-title">
                Войти через:
            </div>
            {%AUTH_LIST%}
        </div>[/social]
        <div style="clear: both;height: 20px;"></div>
    </form>
    <div class="login-close"></div>
</div>
<!--/noindex-->
[/guest]

[user]
<!--noindex-->
<div class="login-open">
    <div class="login-ava">
        <img src="{%USER_AVATAR%}" alt="[userinfo:nick]"/>
    </div>
    <div class="login-open-title">
        [userinfo:nick]
    </div>
    <div class="login-open-title2">
        Ваш профиль
    </div>
    <div class="pm-counts">{%NEW_PM%}</div>
    <i></i>
</div>
<div class="login-block">
    <div class="l-link">
        [admin]<a href="{%URL_ADMIN%}" class="admin-link" target="_blank">Админка<i class="flaticon-shield"></i></a>[/admin]
        <a href="{%URL_ADD%}" class="profile-link">Добавить на сайт<i class="flaticon-edit"></i></a>
        <a href="{%URL_PROFIL%}" class="profile-link">Профиль<i class="flaticon-user-1"></i></a>
        <a href="{%URL_PM%}" class="pm-link">Сообщения ({%NEW_PM%})<i class="flaticon-message-1"></i></a>
        <a href="{%URL_BOOKMARKS%}" class="pm-link">Закладки ({%NUM_BOOKMARKS%})<i class="flaticon-favorites"></i></a>
        <a href="{%URL_LOGOUT%}" class="lu-link">Выйти<i class="flaticon-power-button"></i></a>
        <div style="clear: both;"></div>
    </div>
</div>
<!--/noindex-->
[/user]
