<div class="relative full-width">
   <div class="clearfix">
      <div class="block-title">Профиль <span class="second-marker">[group=5]Пользователь [/group]{usertitle}</span>
      </div>
      <div class="content-page">
         <div class="profile-grid-container ">
            <div class="avatar">
               <img src="{foto}" alt="">
            </div>
            <div class="user-data">
               <div class="col-container">
                  <div class="user-data-1">
                     <p><strong>Статус:</strong>
                        [online]<span style="color: #70bb39;">Онлайн</span>[/online][offline]Офлайн[/offline]
                     </p>
                     <p>
                        <strong>Группа:</strong>
                        {status}
                     </p>
                     <p>
                        <strong>Регистрация:</strong>
                        {registration}
                     </p>
                  </div>
                  <div class="user-data-2" style="overflow-x: hidden;">
                     
                     <p><strong>Кол-во комментариев:</strong>
                        {comm-num}&nbsp;&nbsp; [ {comments} ]
                     </p>
                     <p><strong>Кол-во публикаций:</strong>
                        {news-num}&nbsp;&nbsp; [ {news} ]
                     </p>
                     [not-group=5]<div id="profile-more-button" class="default-button hidden">{pm}</div>[/not-group]
                  </div>
               </div>
                
            </div>
            <div class="description">
                <h4 class="heading">Обо мне</h4>
				<p>{info}</p>
				[signature]
					<h4 class="heading">Подпись</h4>
					<p>{signature}</p>
				[/signature]

            </div>
         </div>
      </div>
   </div>
   <div id="remote-lists" class="clearfix user-page">
      <div class="user-lists user-page-block">
         <div class="tabs-block">
            <div class="tabs-header">
               <ul class="tabs custom-scroll dragscroll">
                  <li class="tabs-li li-profile active loaded " data-id="#watched" data-listid="1" data-url="watched">
                     Закладки (<span class="count">{favorite-count}</span>)
                  </li>
                  [not-logged][not-group=5]
                  <li class="tabs-li li-profile " data-id="#red" data-listid="2" data-url="favourite">
                     Редактировать
                  </li>
                  [/not-group][/not-logged]
               </ul>
            </div>
            <div class="tabs-content">
               <div id="watched" class="tab-content active ">
                  <ul class="update-list" data-listid="1">
                    [not-favorite-count]
                      <div class="content-page">
                      Пользователь еще не добавил ничего в свои закладки
                      </div>
                    [/not-favorite-count]
                    [favorite-count]{custom id="{favorite-id}" template="modules/favorites" available="userinfo" order="date" sort="desc" cache="yes"}[/favorite-count]
                  </ul>
                  </br>
               </div>
             <div id="red" class="tab-content content-page">
                  <ul class="update-list" data-listid="2">   
        		 	[not-logged]
                     <li class="form-group">
                        <label for="email">Ваш e-mail</label>
                        <input type="email" name="email" id="email" value="{editmail}" class="wide" required>
                        <div class="checkbox">{hidemail}</div>
                     </li>
                     <li class="form-group">
                        <label>Часовой пояс</label>
                        {timezones}
                     </li>
                     <li class="form-group form-sep"></li>
                     <li class="form-group">
                        <label for="altpass">Старый пароль</label>
                        <input type="password" name="altpass" id="altpass" class="wide">
                     </li>
                     <li class="form-group">
                        <label for="password1">Новый пароль</label>
                        <input type="password" name="password1" id="password1" class="wide">
                     </li>
                     <li class="form-group">
                        <label for="password2">Повторите новый пароль</label>
                        <input type="password" name="password2" id="password2" class="wide">
                     </li>
                     <li class="form-group form-sep"></li>
                     <li class="form-group">
                        <label for="image">Загрузите аватар</label>
                        <input type="file" name="image" id="image" class="wide">
                     </li>
                     <li class="form-group">
                        <input placeholder="Использовать Gravatar" type="text" name="gravatar" id="gravatar" value="{gravatar}" class="wide">
                     </li>
                     <li class="form-group">
                        <div class="checkbox"><input type="checkbox" name="del_foto" id="del_foto" value="yes" /> <label for="del_foto">Удалить аватар</label></div>
                     </li>
                     <li class="form-group form-sep"></li>
                     <li class="form-group">
                        <label for="info">Обо мне</label>
                        <textarea name="info" id="info" rows="5" class="wide">{editinfo}</textarea>
                     </li>
                     <li class="form-group">
                        <label for="signature">Подпись</label>
                        <textarea name="signature" id="signature" rows="3" class="wide">{editsignature}</textarea>
                     </li>
                     <li class="form-group form-sep"></li>
                     <li class="form-group">
                        <label for="signature">Список игнорируемых пользователей:</label>
                        {ignore-list}
                     </li>
                     <li class="form-group form-sep"></li>
                     [group=1,2,3]
                     <li class="form-group">
                        <label for="allowed_ip">Блокировка по IP</label>
                        <textarea placeholder="Примеры: 192.48.25.71 либо маска 129.42.0.0/16 либо со звездами 129.42.*.*" name="allowed_ip" id="allowed_ip" rows="5" class="field wide">{allowed-ip}</textarea>
                     </li>
                     [/group]
                     <li class="form-group">
                        <table class="xfields">
                           {xfields}
                        </table>
                     </li>
                     <li class="form-group">
                        <fieldset>
                           <legend>Привязка аккаунта с социальным сетям:</legend>
                           <div class="soc_links">
                              [vk]
                              <a href="{vk_url}" target="_blank" class="soc_vk">
                                 <svg class="icon icon-vk">
                                    <use xlink:href="#icon-vk"/>
                                 </svg>
                              </a>
                              [/vk]
                              [yandex]
                              <a href="{yandex_url}" target="_blank" class="soc_ya">
                                 <svg class="icon icon-ya">
                                    <use xlink:href="#icon-ya"/>
                                 </svg>
                              </a>
                              [/yandex]
                              [facebook]
                              <a href="{facebook_url}" target="_blank" class="soc_fb">
                                 <svg class="icon icon-fb">
                                    <use xlink:href="#icon-fb"/>
                                 </svg>
                              </a>
                              [/facebook]
                              [google]
                              <a href="{google_url}" target="_blank" class="soc_gp">
                                 <svg class="icon icon-gp">
                                    <use xlink:href="#icon-gp"/>
                                 </svg>
                              </a>
                              [/google]
                              [odnoklassniki]
                              <a href="{odnoklassniki_url}" target="_blank" class="soc_od">
                                 <svg class="icon icon-od">
                                    <use xlink:href="#icon-od"/>
                                 </svg>
                              </a>
                              [/odnoklassniki]
                              [mailru]
                              <a href="{mailru_url}" target="_blank" class="soc_mail">
                                 <svg class="icon icon-mail">
                                    <use xlink:href="#icon-mail"/>
                                 </svg>
                              </a>
                              [/mailru]
                           </div>
                        </fieldset>
                     </li>
                     <li class="form-group">
                        <fieldset>
                           <legend>Список привязанных социальных сетей:</legend>
                           {social-list}
                        </fieldset>
                     </li>
                     <li class="form-group">
                        <div class="checkbox">{twofactor-auth}</div>
                     </li>
                     <li class="form-group">
                        <div class="checkbox">{news-subscribe}</div>
                     </li>
                     <li class="form-group">
                        <div class="checkbox">{comments-reply-subscribe}</div>
                     </li>
                     <li class="form-group">
                        <div class="checkbox">{unsubscribe}</div>
                     </li>

                  <div class="form_submit">
                     <button class="btn" name="submit" type="submit"><b>Сохранить</b></button>
                     <input name="submit" type="hidden" id="submit" value="submit">
                  </div>
         [/not-logged]
 </ul>
                 </div>
            </div>
         </div>
      </div>
   </div>
</div>


