<script>
$(document).ready(function(){
    $('a[href^="#"], *[data-href^="#"]').on('click', function(e){
        e.preventDefault();
        var t = 200;
        var d = $(this).attr('data-href') ? $(this).attr('data-href') : $(this).attr('href');
        $('html,body').stop().animate({ scrollTop: $(d).offset().top - 14 }, t);
    });
});
$(document).ready(function() {
$('.moreContent').moreContent({
duration: 1000,
btn: 'Подробнее',
btnActive: 'Закрыть',
btnClass: 'btn2-default'
});
});
</script>

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

<div class="row my">
  <div class="col-lg-8 my">
    <div data-spy="scroll" data-target="#list-example" data-offset="0" class="scrollspy-example w-100">
      <div id="list-item-1">
        <div class="card mb15 brd">
          <div class="card-body" style="padding: 30px;">
            <div class="media">
              <div class="poster">
                [xfvalue_poster]
              </div>
                    
                <div class="media-body" style="margin-left: 15px;">
                  <h5 class="mt-0" style="color: #495057;">{title}[xfgiven_version]<sup style="color: #c4c9d0;font-size: 66%;" data-toggle="tooltip" title="Версия">v.[xfvalue_version]</sup>[/xfgiven_version]</h5>
                    <ul class="list-unstyled">
                      <li class="float-right"><a href="/"></a></li>
                        <li>Опубликовано: {date}</li>
                        <li>[xfvalue_razrab]</li>
                        <li style="margin-top: 10px;">
                          [ifxfvalue plat="Есть"]
                            <i class="icon-info" style="color: #37c936;font-weight: bold;"></i> Есть платный контент. 
                          [/ifxfvalue] 
                          [ifxfvalue plat="Нет"] 
                            <i class="icon-info" style="color: #ff3c7e;font-weight: bold;"></i> Приложение без платного контента. 
                          [/ifxfvalue]
                        </li>
                    </ul>

                </div>
            </div>
          <hr style="margin: 15px -30px 15px -30px;">
          <div class="moreContent" data-height="200">{full-story}</div>

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

      <div id="list-item-2">
        <div class="card mb15 brd">
          <div class="card-body" style="padding: 25px;">
            <div class="row my mb20">
              <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 my">
                <div class="media">
                  <i class="icon-cloud-download blue1 scic"></i>
                    <div class="media-body">
                      <h4 class="mb-0">145</h4>
                      <p>Скачали</p>
                    </div>
                </div>
              </div>
              <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 my">
                <div class="media">
                  <i class="icon-anchor blue1 scic"></i>
                    <div class="media-body">
                      <h4 class="mb-0">1255kb</h4>
                      <p>Размер</p>
                    </div>
                </div>
              </div>
              <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 my">
                <div class="media">
                  <i class="icon-chemistry blue1 scic"></i>
                    <div class="media-body">
                      <h4 class="mb-0">.Zip</h4>
                      <p>Разширение</p>
                    </div>
                </div>
              </div>
            </div>

            <div class="row my">
              <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 my">
                <div class="media">
                  <i class="icon-layers blue1 scic"></i>
                    <div class="media-body">
                      <h4 class="mb-0">[xfvalue_version]</h4>
                      <p>Версия</p>
                    </div>
                </div>
              </div>
              <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 my">
                <div class="media">
                  <i class="icon-settings blue1 scic"></i>
                    <div class="media-body">
                      <h4 class="mb-0">[xfvalue_anv]</h4>
                      <p>Android</p>
                    </div>
                </div>
              </div>
              <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-6 my">
                <div class="media">
                  <i class="icon-graduation blue1 scic"></i>
                    <div class="media-body">
                      <h4 class="mb-0">[xfvalue_russ]</h4>
                      <p>Русский язык</p>
                    </div>
                </div>
              </div>
            </div>
            <hr style="margin: 15px -25px 15px -25px;">
            <div class="row my">
              <div class="col-lg-6 my">
                <div class="media mb15">
                  <img class="mr-3 auth" src="{foto}" alt="{title}">
                    <div class="media-body">
                    <h4 class="mb-0 short-title">{author}</h4>
                    Автор публикации
                    </div>
                </div>
              </div>
              <div class="col-lg-6 my">
                <div class="media mb15">
                  <i class="icon-puzzle scic"></i>
                    <div class="media-body">
                    <h4 class="mb-0 short-title">{link-category}</h4>
                    Категория
                    </div>
                </div>
              </div>
            </div>
            <hr style="margin: 0px -25px 30px -25px;">
            <div class="row my">
              <div class="col-lg-6 my">
                [rating]
                  [rating-type-1]
                    <div class="rate_stars" style="margin: -10px 0px 35px 0px;">{rating}</div>
                  [/rating-type-1]
                [/rating]
              </div>
              <div class="col-lg-6 my">
                <div class="media mb15 mt-15">
                  <i class="icon-bubbles scic"></i>
                    <div class="media-body">
                    <h4 class="mb-0">{comments-num}</h4>
                    Комментариев
                    </div>
                </div>
                <div class="media">
                  <i class="icon-eye scic"></i>
                    <div class="media-body">
                    <h4 class="mb-0">{views}</h4>
                    Просмотров
                    </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

<div id="list-item-3">
      <div class="card mb15 brd">
        <div class="card-body" style="padding: 20px;">
          <ul class="list-inline">
  <li class="list-inline-item">
    [xfgiven_skr]<i class="fa fa-check" style="color: #8CC152;"></i>[/xfgiven_skr]
    [xfnotgiven_skr]<i class="fa fa-times" style="color: #FC6E51;"></i>[/xfnotgiven_skr]</li>
  <li class="list-inline-item">[xfgiven_skr]Скриншоты[/xfgiven_skr][xfnotgiven_skr]Ошибка![/xfnotgiven_skr]</li>
</ul>
    [xfnotgiven_skr]
<div class="alert alert-warning" role="alert" style="margin:0px; ">
  Автор публикации не загрузил скриншоты!
</div>
    [/xfnotgiven_skr]
          <hr style="margin: 15px -20px 15px -20px;">
  [xfgiven_skr]

    [xfvalue_skr]
  [/xfgiven_skr]
        </div>
      </div>
</div>
[related-news]
<div class="col-lg-12 my" id="list-item-4">
<div class="row row-flex my" style="margin-right: -22px;margin-left: -22px;">
    {related-news}
</div>
</div>
[/related-news]
  </div>
</div>

   <div class="col-lg-4 my d-none d-lg-block">
    <div class="list-group sticky-top position-relative">
    <a class="brd list-group-item list-group-item-action" href="#list-item-1" style="padding: 25px;margin: 0px 0px 15px 0;">
      <div class="media">
        <span class="icon-question align-self-center scic purple1"></span>
          <div class="media-body">
            <h5 class="mb-0">Описание</h5>
            <p class="pi text-truncate">Описание приложения</p>
          </div>
      </div>
    </a>
    <a class="brd list-group-item list-group-item-action" href="#list-item-2" style="padding: 25px;margin: 0px 0px 15px 0;">
      <div class="media">
        <span class="icon-bulb align-self-center scic green1"></span>
          <div class="media-body">
            <h5 class="mb-0">Информация</h5>
            <p class="pi text-truncate">Дополнительная информация</p>
          </div>
      </div>
    </a>
    <a class="brd list-group-item list-group-item-action" href="#list-item-3" style="padding: 25px;margin: 0px 0px 15px 0;">
      <div class="media">
        <span class="icon-picture align-self-center scic blue1"></span>
          <div class="media-body">
            <h5 class="mb-0">Скриншоты</h5>
            <p class="pi text-truncate">Скриншоты {title}</p>
          </div>
      </div>
    </a>
    <a class="brd list-group-item list-group-item-action" href="#list-item-4" style="padding: 25px;margin: 0px 0px 15px 0;">
      <div class="media">
        <span class="icon-layers align-self-center scic yellow1"></span>
          <div class="media-body">
            <h5 class="mb-0">Похожее</h5>
            <p class="pi text-truncate">Похожие приложения</p>
          </div>
      </div>
    </a>
    <a class="brd list-group-item list-group-item-action" href="#list-item-4" style="padding: 25px;margin: 0px 0px 16px 0;">
      <div class="media">
        <span class="icon-bubbles align-self-center scic pink1"></span>
          <div class="media-body">
            <h5 class="mb-0">Комментарии</h5>
            <p class="pi text-truncate">Отзывы, ценка, комментарии</p>
          </div>
      </div>
    </a>

    <a class="brd list-group-item list-group-item-action" href="" data-toggle="modal" data-target="#share1" style="padding: 25px;margin: 0px 0px 16px 0;">
      <div class="media">
        <span class="icon-share align-self-center scic share1"></span>
          <div class="media-body">
            <h5 class="mb-0">Поделиться</h5>
            <p class="pi text-truncate">Поделись с друзьями!</p>
          </div>
      </div>
    </a>

    </div>
  </div>

[comments]

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

<div class="card mb15 brd" style="width: 100%;">
  <div class="card-header">
    <span class="icon-bubbles pink1" style="font-weight: bold;"></span> Комментариев <b>{comments-num}</b>
  </div>
  <div class="card-body" style="padding: 20px 20px 15px 20px;">
    {comments}
    {navigation}
  </div>
  <div class="card-footer text-muted">
   <button class="unsubcomm btn btn-secondary" type="button">
    <i class="fa fa-pencil" aria-hidden="true"></i> Подписаться на комментарии
  </button>
  </div>
</div>
</div>
  [/comments]
  [not-comments]
  <div class="col-lg-12 my">
  <div style="padding-left:45px;padding-right:45px;">
    {comments}
  </div>
  </div>
  [/not-comments]
  <div class="col-lg-12 my">
  <button type="button" class="btn btn-primary mb15" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample"><i class="icon-note"></i> Оставить комментарий</button>
</div>
  {addcomments}
</div>

</div>

<div class="modal fade" id="share1" tabindex="-1" role="dialog" aria-labelledby="share1" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <div class="modal-title" id="exampleModalLabel">
          <div class="media">
        <span class="icon-share align-self-center scic share1" style="font-size: 20px;margin: 0;"></span>
          <div class="media-body">
            <h5 class="mb-0">Поделиться</h5>
          </div>
      </div>
        </div>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<center><div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,gplus,twitter,viber,whatsapp,skype,telegram"></div></center><br>

<input class="form-control w-100" type="text" value="{page-url}">
      </div>

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