<div class="col-lg-12 mb15 my">

<div class="row row-flex my">
  <div class="col-lg-4 my">
    <div class="card brd w-100">
      <div class="card-header" style="background: #2e3243;border: 0px;box-shadow: 0px -4px 32px -3px #000000 inset;">
    <img class="mx-auto d-block" src="{foto}" alt="{usertitle}" style="border-radius:50%;max-height: 120px;width: 120px;height: 120px;object-fit: cover;">
  </div>
      <div class="card-body">
        [online]<span class="badge badge-success float-right">ONline</span>[/online]
        [offline]<span class="badge badge-danger float-right">OFFline</span>[/offline]
        <h5 class="card-title">{usertitle}</h5>
        <div class="arrow_box mb15">
          {info}
        </div>
        <div class="row my">
          <div class="col-sm-6 my">
            [not-group=5]{pm}[/not-group]
          </div>
          <div class="col-sm-6 my">
            [not-logged]
            <button type="button" class="btn btn-sm btn-block btn-secondary" data-toggle="collapse" data-target="#edituser" aria-expanded="false" aria-controls="edituser">
            <span class="icon-settings"></span> Редактировать
            </button>
            [/not-logged]
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="col-lg-8 my">
    <div class="card brd w-100">
      <div class="card-body">
        <div class="row my text-center">
          <div class="col-lg-3 col-sm-6 my">
            <div class="media">
                <div class="media-body">
                  <h4 class="mt-0" style="margin-bottom: 0px;height: 32px;"><i class="icon-folder purple1"></i> {news-num}</h4>
                  {news}<sup> <i class="icon-action-redo"></i></sup>
                </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6 my">
            <div class="media">
                <div class="media-body">
                  <h4 class="mt-0" style="margin-bottom: 0px;height: 32px;"><i class="icon-bubbles pink1"></i> {comm-num}</h4>
                  {comments}<sup> <i class="icon-action-redo"></i></sup>
                </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6 my">
            <div class="media">
                <div class="media-body">
                  <h4 class="mt-0" style="margin-bottom: 0px;height: 32px;"><i class="icon-eye share1"></i> 41</h4>
                  Просмотров
                </div>
            </div>
          </div>
          <div class="col-lg-3 col-sm-6 my">
            <div class="media">
                <div class="media-body">
                  <center style="height: 32px;">{rate}</center>
                  Рейтинг
                </div>
            </div>
          </div>
        </div><hr class="hr1">
        <div class="row my mb15">
          <div class="col-sm-6 my">E-mail</div>
          <div class="col-sm-6 my">{editmail}</div>
        </div>
        <div class="row my mb15">
          <div class="col-sm-6 my">Дата регистрации</div>
          <div class="col-sm-6 my">{registration}</div>
        </div>
        <div class="row my mb15">
          <div class="col-sm-6 my">Последняя активность</div>
          <div class="col-sm-6 my">{lastdate}</div>
        </div>
        <div class="row my mb15">
          <div class="col-sm-6 my">Группа</div>
          <div class="col-sm-6 my">{status}</div>
        </div>
        <div class="row my mb15">
          <div class="col-sm-6 my">Имя/Ник</div>
          <div class="col-sm-6 my">[fullname]{fullname}[/fullname]</b>[not-fullname]<i>Не указано</i>[/not-fullname]</div>
        </div>
        <div class="row my mb15">
          <div class="col-sm-6 my">Место жительства</div>
          <div class="col-sm-6 my">[land]{land}[/land]</b>[not-land]<i>Не указано</i>[/not-land]</div>
        </div>
        [xfgiven_pol]
        <div class="row my mb15">
          <div class="col-sm-6 my">Пол</div>
          <div class="col-sm-6 my">[xfvalue_pol]</div>
        </div>
        [/xfgiven_pol]
        [signature]
        <div class="row my">
          <div class="col-sm-6 my">Подпись</div>
          <div class="col-sm-6 my">{signature}</div>
        </div>
        [/signature]
        
      </div>
    </div>
  </div>
</div>

<div class="collapse" id="edituser">
  <div class="card brd" style="margin-top: 15px;">
    <div class="card-header">
      <i class="icon-note float-right"></i>
      Редактирование профиля
    </div>
    <div class="card-body">
      <div class="row my">
        <div class="col-lg-4 my">
          <center><img src="{foto}" style="width: 100px;border-radius: 50%;height: 100px;object-fit: cover;" ></center>
          <br>
          <input type="file" name="image" id="image" class="form-control mb15 w-100">
          <div class="alert alert-secondary w-100" role="alert">
            <label class="custom-control custom-checkbox">
              <input type="checkbox" name="del_foto" id="del_foto" value="yes" class="custom-control-input">
              <span class="custom-control-indicator"></span>
              <span class="custom-control-description">Удалить аватар?</span>
            </label><hr/>
            <em style="font-size: 90%;">Максимальный вес изображения не должен привышать 320кб</em>
          </div>

            <h5 class="card-title">О себе <a data-toggle="collapse" href="#ignore-list" role="button" aria-expanded="false" aria-controls="ignore-list" class="badge badge-light float-right">Игнор лист</a></h5>
            <div class="arrow_box mb15">
              <textarea name="info" id="info" rows="3" class="form-control" style="width: 100%;">{editinfo}</textarea>
            </div>

        </div>
        <div class="col-lg-8">
          <div class="row my mb15">
            <div class="col-sm-6 my br1">E-mail</div>
            <div class="col-sm-6 my">
              <input type="email" name="email" id="email" value="{editmail}" class="form-control w-100" required>
            </div>
          </div>
          <div class="row my mb15">
            <div class="col-sm-6 br1 my">Имя/Ник</div>
            <div class="col-sm-6 my">
              <input type="text" name="fullname" id="fullname" value="{fullname}" class="form-control w-100">
            </div>
          </div>
          <div class="row my mb15">
            <div class="col-sm-6 br1 my">Место жительства</div>
            <div class="col-sm-6 my">
              <input type="text" name="land" id="land" value="{land}" class="form-control w-100">
            </div>
          </div>
          <div class="row my mb15">
            <div class="col-sm-6 br1 my">Старый пароль</div>
            <div class="col-sm-6 my">
              <input type="password" name="altpass" id="altpass" class="form-control w-100">
            </div>
          </div>
          <div class="row my mb15">
            <div class="col-sm-6 br1 my">Новый пароль</div>
            <div class="col-sm-6 my">
              <input type="password" name="altpass" id="altpass" class="form-control w-100">
            </div>
          </div>
          <div class="row my mb15">
            <div class="col-sm-6 br1 my">Ещё раз новый пароль</div>
            <div class="col-sm-6 my">
              <input type="password" name="altpass" id="altpass" class="form-control w-100">
            </div>
          </div>
          <div class="row my mb15">
            <div class="col-sm-6 br1 my">Часовой пояс</div>
            <div class="col-sm-6 my">
              {timezones}
            </div>
          </div>
          <div class="table-responsive mb15">
            <table class="xfields w-100">
                {xfields}
            </table>
          </div>
        
            <h5 class="card-title">Подпись</h5>
            <div class="arrow_box mb15">
              <textarea name="signature" id="signature" rows="3" class="form-control w-100">{editsignature}</textarea>
            </div>

        </div>
      </div>
      <div class="collapse" id="ignore-list">
      <br>
          <span class="icon-user-unfollow float-right"></span>
          Список игнорируемых пользователей<br>
          {ignore-list}
          <br>
          <br>
      </div>

{news-subscribe}{comments-reply-subscribe}{unsubscribe}<br>

            <div class="form_submit">
              <button class="btn btn-big btn-primary" name="submit" type="submit"><span class="icon-check"></span> Сохранить</button>
              <input name="submit" type="hidden" id="submit" value="submit">
            </div>
    </div>
  </div>
</div>

</div>

