[guest]
<!--noindex-->
<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%} [lang_tpl:of_site]"/>
   </div>
   <div class="login-line">
      <div class="login-title">[lang_tpl:password]:</div>
      <input name="password" type="password" id="bpass" class="login-input-text" title="[lang_tpl:password_info_in]"/>
      <span toggle="#password-field" class="fa fa-fw fa-eye field_icon toggle-bpass login-bpass" style="position: relative; bottom: 22px;padding-left:275px;"></span>
   </div>
   <div class="login-line">
      <input onclick="submit();" type="submit" class="enter" value="[lang_tpl:enter]"/>
      <input name="login" type="hidden" id="login" value="submit"/>
   </div>
   <div class="reg-link">
      <a href="{%URL_REG%}" title="[lang_tpl:reg_of_site]">[lang_tpl:registration_in]</a> /
      <a href="{%URL_FORGOT%}" title="[lang_tpl:recovery_password]">[lang_tpl:lost_password_in]</a>
   </div>
   [social]
   <div class="login-soc">
      <div class="login-soc-title">
         [lang_tpl:log_in_via]:
      </div>
      {%AUTH_LIST%}
   </div>
   [/social]
   <div style="clear: both;height: 20px;"></div>
</form>
<div class="login-close"></div>
<!--/noindex-->
[/guest]
[user]
<div class="l-link">
   <div class="login-line">
      <div style="text-align:center;">[lang_tpl:hello],<b> {%NICK%}</b>!<br/><br/>
         <img src="{%AVATAR%}" style="border: 0; alt=""; /><br/><br/>
      </div>
   </div>
</div>
<!--noindex-->
<div id="addition" class="l-link" style="position: relative; bottom: 22px;padding-left:5px;display:none;">
   [admin]<a href="{%URL_ADMIN%}" class="admin-link" target="_blank">[lang_tpl:admin_panel]<i class="fa fa-shield"></i></a>[/admin]
   <a href="{%URL_ADD%}" class="profile-link">[lang_tpl:add_to_site]<i class="fa fa-edit"></i></a>
   <a href="{%URL_PROFIL%}" class="profile-link">[lang_tpl:profiles]<i class="fa fa-user"></i></a>
   <a href="{%URL_PM%}" class="pm-link">[lang_tpl:message] ({%NEW_PM%})<i class="fa fa-comment-o"></i></a>
   <a href="{%URL_BOOKMARKS%}" class="pm-link">[lang_tpl:bookmarks] ({%NUM_BOOKMARKS%})<i class="fa fa-heart-o"></i></a>
   <a href="{%URL_LOGOUT%}" class="lu-link">[lang_tpl:logout]<i class="fa fa-power-off"></i></a>
   <div style="clear: both;"></div>
</div>
<!--/noindex-->
[/user]
<script type="text/javascript">
   $(document).on('click', '.toggle-bpass', function() {
      $(this).toggleClass("fa-eye fa-eye-slash");
      const input = $("#bpass");
      input.attr('type') === 'password' ? input.attr('type','text') : input.attr('type','password')
   });
</script>