[open]
<div class="stt-block">
   <div class="stt-block-title">
      Регистрация нового пользователя
   </div>
   <form action="profile/register" method="post" enctype="multipart/form-data">
      <div class="stt-block-content reg-tt">
         [guest]
         <div class="form-line-tt">
            Здравствуйте, уважаемый посетитель нашего сайта!</strong><br/><br/>Регистрация на нашем сайте позволит
            Вам быть его полноценным участником. Вы сможете добавлять новости на сайт, оставлять свои комментарии,
            просматривать скрытый текст и многое другое.<br/><br/>В случае возникновения проблем с регистрацией,
            обратитесь к администратору сайта.
         </div>
         [/guest]
         [user]
         <div class="form-line-tt">
            Уважаемый посетитель</strong>,<br/><br/>Ваш аккаунт был зарегистрирован на нашем сайте, однако
            информация о Вас является неполной, поэтому заполните дополнительные поля в Вашем профиле.
         </div>
         [/user]
         <div class="form-line-tt">
            <div class="form-line-tt-left">
               &ensp;Логин:
            </div>
            <div class="form-line-tt-right">
               &ensp;<label for='user_login'></label><input type="text" name="user_login" id='user_login' style="width:165px" onchange="check_login(gid('user_login').value, 'check_result');" required/><br/><br/>
               <div id="check_result">
               </div>
            </div>
            <div class="form-line-tt">
               <div class="form-line-tt-left">
                  Пароль:
               </div>
               <div class="form-line-tt-right">
                   <label for="password"></label><input type="password" id="password" name="password" onblur="check_password(this.value, 'repassword');" required/><span toggle="#password-field" class="fa fa-fw fa-eye field_icon toggle-password login-repass form-line-tt-right"></span>
               </div>
            </div>
            <div class="form-line-tt">
               <div class="form-line-tt-left">
                  Повторите пароль:
               </div>
               <div class="form-line-tt-right">
                   <label for="repassword"></label><input name="repassword" id="repassword" type="password" onblur="check_password(this.value, 'password');" required/><span toggle="#repassword-field" class="fa fa-fw fa-eye field_icon toggle-repassword login-repass form-line-tt-right"></span>
               </div>
               <div id="checkPassword"></div>
            </div>
            <div class="form-line-tt">
               <div class="form-line-tt-left">
                  Ваш E-Mail:
               </div>
               <div class="form-line-tt-right">
                   <label for='email'></label><input type="text" name="email" id='email' style="width:165px" onchange="check_email(gid('email').value, 'check_email');" required/><br/><br/>
               </div>
               <div id="check_email"></div>
            </div>
            [captcha]
            <div class="form-line-tt">
               <div class="form-line-tt-left">
                  Код безопасности:
               </div>
               <div class="form-line-tt-right">
                  {%CAPTCHA%}
               </div>
            </div>
            <div class="form-line-tt">
               <div class="form-line-tt-left">
                  Введите код:
               </div>
               [recaptcha:0]
               <div class="form-line-tt-right">
                  <input placeholder="Повторите код" title="Введите код указанный на картинке" style="width:115px" type="text" name="securityCode" id="securityCode" required>
               </div>
            </div>
            [/recaptcha]
            [/captcha]
            <div class="form-line-tt"><a href="javascript:void(0)" onclick="showhide('addition')"><span>Заполнить дополнительные данные</span></a></div>
            <div id="addition" class="register" style="display:none;">
               <div class="form-line-tt">
                  <div class="form-line-tt-left">
                     Ваше Фамилия:
                  </div>
                  <div class="form-line-tt-right">
                      <label>
                          <input type="text" name="family"/>
                      </label>
                  </div>
               </div>
               <div class="form-line-tt">
                  <div class="form-line-tt-left">
                     Ваше Имя:
                  </div>
                  <div class="form-line-tt-right">
                      <label>
                          <input type="text" name="name"/>
                      </label>
                  </div>
               </div>
               <div class="form-line-tt">
                  <div class="form-line-tt-left">
                     Ваше Отчество:
                  </div>
                  <div class="form-line-tt-right">
                      <label>
                          <input type="text" name="ochestvo"/>
                      </label>
                  </div>
               </div>
               <div class="form-line-tt">
                  <div class="form-line-tt-left">
                     Место жительства:
                  </div>
                  <div class="form-line-tt-right">
                      <label>
                          <input type="text" name="place"/>
                      </label>
                  </div>
               </div>
               <div class="form-line-tt">
                  <div class="form-line-tt-left">
                     Ваш ICQ:
                  </div>
                  <div class="form-line-tt-right">
                      <label>
                          <input type="text" name="icq"/>
                      </label>
                  </div>
               </div>
               <div class="form-line-tt">
                  <div class="form-line-tt-left">
                     О себе:
                  </div>
                  <div class="form-line-tt-right">
                     <label>
                        <textarea name="signature" style="width:320px; height:70px"/>
                     </label></textarea>
                  </div>
               </div>
            </div>
            <br/>
         </div>
         <input type="submit" id="submit" class="form-button-tt" alt="Отправить"/>
   </form>
   <br/>
   <br/>
   </div>
</div>
[/open]
<script type="text/javascript">
   function check_password(repass, id){password=gid(id).value;if(password.length>0&&repass.length>0){if(password==repass){text="<font color=\"green\">Пароли совпадают, всё в порядке.</font>";gid('submit').disabled=false}else{text="<font color=\"red\">Пароли не совпадают! Проверьте правильность ввода!</font>";gid('submit').disabled=true}gid('checkPassword').innerHTML=text}else{gid('checkPassword').innerHTML=''}}
   function check_login(val, id){if(val.length>3){AJAXEngine.setPostVar('nick',encodeURI(val,true));AJAXEngine.sendRequest('ajax.php?do=check_login',id)}}
   function check_email(val, id){if(val.length>3){AJAXEngine.setPostVar('email',encodeURI(val,true));AJAXEngine.sendRequest('ajax.php?do=check_email',id)}}
   $(document).on('click', '.toggle-password', function() {
      $(this).toggleClass("fa-eye fa-eye-slash");
      const input = $("#password");
      input.attr('type') === 'password' ? input.attr('type','text') : input.attr('type','password')
   });
   $(document).on('click', '.toggle-repassword', function() {
      $(this).toggleClass("fa-eye fa-eye-slash");
      const input = $("#repassword");
      input.attr('type') === 'password' ? input.attr('type','text') : input.attr('type','password')
   });
</script>