<div class="anime-page">
  <div class="content-img-block">
    <div class="poster-block">
      [not-group=5]
      <ul class="favourite-block">
        <li class="favourite-button">
          [add-favorites]
          <span title="Добавить в закладки">
            <i class="fa-regular fa-heart">
            </i>
          </span>
          [/add-favorites] [del-favorites]
          <span title="Убрать из закладок">
            <i class="fa-solid fa-heart">
            </i>
          </span>
          [/del-favorites]
        </li>
      </ul>
      <ul class="edit-block">
        <li class="favourite-button">
          [edit]
          <span title="Редактировать">
            <i class="fa-light fa-pen-to-square">
            </i>
            [/edit]
        </li>
      </ul>
      [/not-group] [xfgiven_poster]
      <a href="[xfvalue_poster]" data-fancybox>
        <img src="[xfvalue_poster]" alt="" />
      </a>
      [/xfgiven_poster]
      <i class="magnifying fa-thin fa-magnifying-glass-plus">
      </i>
    </div>
    <div class="other-lists-container">
    </div>
  </div>
  <h1>
    {title}
  </h1>
  [rating]
  <div class="rating-info">
    [rating-type-1]
    <span>
      {rating}
    </span>
    <span class="main-rating">
      {ratingscore}
    </span>
    <span class="main-rating-info">
      <span>
        Голосов&nbsp;
      </span>
      {vote-num}
    </span>
    [/rating-type-1]
  </div>
  [/rating]
  <ul class="alt-names-list">
    [xfgiven_title_en]
    <li>
      [xfvalue_title_en]
    </li>
    [/xfgiven_title_en] [xfgiven_title_alt]
    <li>
      [xfvalue_title_alt]
    </li>
    [/xfgiven_title_alt]
  </ul>
  <ul class="content-main-info">
    <li>
      <span>
        Просмотров:
      </span>
      {views}
      <i data-balloon-pos="up" data-balloon="Обновляется раз в несколько часов">
        <i class="fa fa-sm fa-question-circle">
        </i>
      </i>
    </li>
    [xfgiven_status]
    <li>
      <span>
        Статус:
      </span>
      [if xfield_status = "Релиз"]
      <span class="badge">
        [xfvalue_status]
      </span>
      [/if] [if xfield_status = "Онгоинг"]
      <span class="badge attention">
        [xfvalue_status]
      </span>
      [/if]
    </li>
    [/xfgiven_status] [xfgiven_video_type]
    <li>
      <span>
        Тип:
      </span>
      <span id="animeTypeT">
        [xfvalue_video_type]
      </span>
    </li>
    [/xfgiven_video_type] [xfgiven_year]
    <li>
      <span>
        Год:
      </span>
      [xfvalue_year]
    </li>
    [/xfgiven_year] [xfgiven_age]
    <li>
      <span>
        Возрастной рейтинг:
      </span>
      [xfvalue_age]
    </li>
    [/xfgiven_age] [xfgiven_genres]
    <li class="categories-list">
      <span>
        Жанр:
      </span>
      [xfvalue_genres]
    </li>
    [/xfgiven_genres] [xfgiven_countries]
    <li>
      <span>
        Страны:
      </span>
      [xfvalue_countries]
    </li>
    [/xfgiven_countries] [xfgiven_directors]
    <li>
      <span>
        Режиссер:
      </span>
      [xfvalue_directors]
    </li>
    [/xfgiven_directors] [xfgiven_last_episode]
    <li>
      <span>
        Последняя серия:
      </span>
      [xfvalue_last_episode]
    </li>
    [/xfgiven_last_episode] [xfgiven_episode_count]
    <li>
      <span>
        Кол-во серий:
      </span>
      [xfvalue_episode_count]
    </li>
    [/xfgiven_episode_count] [xfgiven_rating_world_art]
    <li>
      <span>
        WORLD ART рейтинг:
      </span>
      [xfvalue_rating_world_art]
    </li>
    [/xfgiven_rating_world_art] [xfgiven_studios]
    <li>
      <span>
        Студии:
      </span>
      [xfvalue_studios]
    </li>
    [/xfgiven_studios] [xfgiven_translator]
    <li>
      <span>
        Перевод:
      </span>
      [xfvalue_translator]
    </li>
    [/xfgiven_translator]
  </ul>
  [xfgiven_description]
  <div class="content-desc">
    <div id="content-desc-text">
      <hi>
        Описание
        <i class="fa-light fa-chevron-down">
        </i>
      </hi>
      [xfvalue_description]
    </div>
  </div>
  [/xfgiven_description]
  <div class="tabs-block mt-15">
    <div class="tabs-header">
      <ul class="tabs custom-scroll">
        <li data-id="#video" class="active tabs-li">
          Видео
        </li>
        [related-news]
        <li data-id="#recommendation" class="tabs-li">
          Похожие аниме
        </li>
        [/related-news]
      </ul>
    </div>
    <div class="tabs-content">
      <div id="video" class="tab-content active">
        [xfgiven_iframe_url]
        <div class="video-block">
          <div class="episodes-container">
            <div class="player">
              <div class="main-player">
                <iframe width="560" height="315" src="[xfvalue_iframe_url]" frameborder="0"
                allowfullscreen>
                </iframe>
              </div>
              <div class="player-controls" style="">
                <div class="light-button">
                  Свет
                </div>
                <div class="expand-player">
                  Расширить плеер
                </div>
              </div>
            </div>
          </div>
        </div>
		{include file="modules/faq-full.tpl"}
        <div class="share-text">
          <p>
            Понравилось аниме? Поделись с друзьями
          </p>
        </div>
        <div class="tabs-block">
          <ul class="tabs custom scroll">
            <li class="active">
              Комментарии
              <span class="hnum">
                ({comments-num})
              </span>
            </li>
          </ul>
          <div class="content">
            <div class="content active">
              <div class="comments-block mt-15">
                {comments} {navigation} {addcomments}
              </div>
            </div>
          </div>
        </div>
      </div>
      [/xfgiven_iframe_url]
    </div>
    [related-news]
    <div id="recommendation" class="tab-content">
      <div class="re-flickityx">
        <button class="flickity-button flickity-prev-next-button re-previous previous"
        type="button" aria-label="Previous">
          <svg class="flickity-button-icon" viewBox="0 0 100 100">
            <path d="M 10,50 L 60,100 L 70,90 L 30,50  L 70,10 L 60,0 Z" class="arrow">
            </path>
          </svg>
        </button>
        <button class="flickity-button flickity-prev-next-button re-next next"
        type="button" aria-label="Next">
          <svg class="flickity-button-icon" viewBox="0 0 100 100">
            <path d="M 10,50 L 60,100 L 70,90 L 30,50  L 70,10 L 60,0 Z" class="arrow"
            transform="translate(100, 100) rotate(180) ">
            </path>
          </svg>
        </button>
        <div class="tab-content carousel owl-carousel owl-carousel-re">
          {related-news}
        </div>
      </div>
    </div>
    [/related-news]
  </div>
</div>