<div class="col-lg-12 my">
<div class="card">
  <div class="card-body">
    <h5 class="card-title">
      [registration]Регистрация[/registration]
      [validation]Продолжение регистрации[/validation]
    </h5>
    <p class="card-text">[registration]Регистрация на нашем сайте позволит Вам быть его полноценным участником.<br>
    Вы сможете добавлять новости на сайт, оставлять свои комментарии, просматривать скрытый текст и многое другое.
    <br>В случае возникновения проблем с регистрацией, обратитесь к <a href="/index.php?do=feedback">администратору</a> сайта.[/registration][validation]Ваш аккаунт был зарегистрирован на нашем сайте,
    однако информация о Вас является неполной, поэтому ОБЯЗАТЕЛЬНО заполните дополнительные поля в Вашем профиле.[/validation]</p>
  </div>
</div>
[registration]
<ul class="timeline" style="margin: 0px;">
  <li class="timeline-inverted">
      <div class="timeline-badge warning"></div>
        <div class="timeline-panel">
          <div class="timeline-body">
          <div class="input-group">
        <input type="text" name="name" id="name" class="form-control" placeholder="Логин" required>
          <span class="input-group-btn">
        <button class="btn btn-light" type="button" title="Проверить" onclick="CheckLogin(); return false;">Проверить</button>
      </span>
      </div>
      <div id="result-registration"></div>
          </div>
        </div>
  </li>
  <li class="timeline-inverted">
      <div class="timeline-badge warning"></div>
        <div class="timeline-panel">
          <div class="timeline-body">
            <div class="input-group">
              <input type="password" name="password1" id="password1" class="form-control" placeholder="Пароль" required>
            </div>
          </div>
        </div>
  </li>
  <li class="timeline-inverted">
      <div class="timeline-badge warning"></div>
        <div class="timeline-panel">
          <div class="timeline-body">
            <div class="input-group">
              <input type="password" name="password2" id="password2" class="form-control" placeholder="Повторите пароль" required>
            </div>
          </div>
        </div>
  </li>
  <li class="timeline-inverted">
      <div class="timeline-badge warning"></div>
        <div class="timeline-panel">
          <div class="timeline-body">
            <div class="input-group">
              <input type="email" name="email" id="email" class="form-control" placeholder="Электронная почта Email" required>
            </div>
          </div>
        </div>
  </li>
  [registration]
  <li class="timeline-inverted">
      <div class="timeline-badge warning"></div>
        <div class="timeline-panel">
          <div class="timeline-body">
            
              [sec_code]
      <div class="c-capcha">
        {reg_code}
        <input placeholder="Повторите код" class="form-control" title="Введите код указанный на картинке" type="text" name="sec_code" id="sec_code" required>
      </div>
    [/sec_code]
  [recaptcha]
    {recaptcha}
  [/recaptcha]
          </div>
        </div>
  </li>
</ul>
[/registration]

[validation]
<ul class="timeline" style="margin: 0px;">
  <li class="timeline-inverted">
      <div class="timeline-badge warning"></div>
        <div class="timeline-panel">
          <div class="timeline-body">
            <div class="input-group">
              <input type="text" name="fullname" id="fullname" class="form-control" placeholder="Ваше имя">
            </div>
          </div>
        </div>
  </li>
  <li class="timeline-inverted">
      <div class="timeline-badge warning"></div>
        <div class="timeline-panel">
          <div class="timeline-body">
            <div class="input-group">
              <input type="text" id="land" name="land" class="form-control" placeholder="Место жительства">
            </div>
          </div>
        </div>
  </li>

  <li class="timeline-inverted">
      <div class="timeline-badge warning"></div>
        <div class="timeline-panel">
          <div class="timeline-heading">
              <h4 class="timeline-title">О себе</h4>
            </div>
          <div class="timeline-body">
            <textarea id="info" name="info" rows="5" class="form-control" style="width: 100%;"></textarea>
          </div>
        </div>
  </li>

  <li class="timeline-inverted">
      <div class="timeline-badge warning"></div>
        <div class="timeline-panel">
          <div class="timeline-heading">
              <h4 class="timeline-title">Аватар</h4>
            </div>
          <div class="timeline-body">
            <input type="file" id="image" name="image" class="form-control">
          </div>
        </div>
  </li>
</ul>
[/validation]

</div>

<div class="col-lg-12 my">
	<div class="card">
  <div class="card-body">
        [validation]<table class="xfields">
          {xfields}
        </table>[/validation]
      <button class="btn btn-primary" name="submit" type="submit"><span class="icon-action-redo"></span> Зарегистрироваться</button>

  </div>
</div>
</div>