<div class="main-fullstory">
    <div class="main-fullstory_player">
        <div class="main-fullstory_bg" style="background-image: url(/uploads/posterbg/[xfvalue_id-kp].jpg);"></div>
        <div class="player-controls">
                <div class="muted-video">
                    <svg version="1.1" viewBox="0 0 24 24"></svg>
                </div>
                <div class="full-video" onclick="openFullscreen();">
                    <svg version="1.1" viewBox="0 0 24 24" class="svg-icon svg-fill">
                        <path fill="#ffffff" stroke="none" pid="0" d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path>
                    </svg>
                </div>
            </div>
        <div class="main-fullstory_video" onclick="openFullscreen();">
                <video poster="/uploads/posterbg/[xfvalue_id-kp].jpg" class="trailer-file" autoplay width="100%" loop muted id="trailer-fon">
                    <source src="[xfvalue_trailer]" type="video/mp4" id="source-video" />
                </video>
        </div>
    </div>
    <div class="main-fullstory_background-gradient">
        <div class="main-fullstory_backdrop"></div>
        <div class="main-fullstory_gradient"></div>
    </div>
    <div class="main-fullstory_shadows"><img data-src="/uploads/posterbg/[xfvalue_kinopoisk_id].jpg" src="/uploads/posterbg/1016160.jpg" /></div>
    <div class="main-fullstory_content">
        [xfgiven_posterlogo]
        [xfvalue_posterlogo]
        [/xfgiven_posterlogo] [xfnotgiven_posterlogo]
        <h1>{title}</h1>
        [/xfnotgiven_posterlogo]

        <p class="main-fullstory_parameters">
            <span class="rating">7.7</span>
            <span>2020, драма</span>
            <span>Россия</span>
            <span>2 часа 11 мин</span>
            <span class="age">6+</span>
        </p>
        {*<div class="main-fullstory_description">{short-story}...</div>*}
        {*<div class="main-fullstory_cast"><span class="main-fullstory_cast-title">В главных ролях:</span>Дж.Дж. Куинтел, Габриэль Уолш</div>
        <div class="main-fullstory_directors"><span class="main-fullstory_directors-title">Режиссер:</span>Кэлвин Вонг, Дж.Дж. Куинтел, Шон Шелес</div>*}
        <div class="main-fullstory_buttons">
        <a href="#" class="main-fullstory_button"><svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#fff"><g fill="none" fill-rule="evenodd"><path d="M0 0h18v18H0z"></path><path fill="#000" d="M5 2v14l12-7z"></path></g></svg>Смотреть</a>
        <a href="#" class="main-fullstory_button main-fullstory_button-trailer">Трейлер</a>
        <a href="#" class="main-fullstory_button-fav">
            <svg width="18px" height="18px" viewBox="0 0 18 18" fill="#fff" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M4 2h10v14l-5-3-5 3z"></path></svg>
        </a>
    </div>
    </div>
</div>

<article class="inner-page pages-bg tabs-block">
    <div class="tabs-block__select d-flex flex-grow-1">
        <span>Описание</span>
        <span>Сюжет</span>
        <span>Знаете ли вы</span>
        <span>Ошибки в фильмах</span>
    </div>

    <div class="tabs-block__content d-none">
        <div class="movie__description-additional_no-trailer">
            <div class="movie__description-data_text">
                <div class="movie__description-data_full">
                    {short-story}
                </div>
            </div>
            <div class="description-persons movie__data-wrapper">
                <div class="movie__data-col movie__data-col_title">Режиссеры:</div>
                <div class="movie__data-col movie__data-col_content">[xfvalue_directors]</div>
                <div class="movie__data-col movie__data-col_title">В ролях:</div>
                <div class="movie__data-col movie__data-col_content">
                    [xfvalue_actors]
                </div>
                <div class="movie__data-col movie__data-col_title">Страна:</div>
                <div class="movie__data-col movie__data-col_content">[xfvalue_countries]</div>
                <div class="movie__data-col movie__data-col_title">Жанр:</div>
                <div class="movie__data-col movie__data-col_content">[xfvalue_tags]</div>
            </div>
        </div>
        <div class="pmovie__player-bottom d-flex ai-center">
            [rating-type-4]
            <div class="pmovie__rating-likes d-flex">[rating-plus]<span class="fal fa-thumbs-up"></span>{likes}[/rating-plus] [rating-minus]<span class="fal fa-thumbs-down"></span>{dislikes}[/rating-minus]</div>
            [/rating-type-4]
            <div class="pmovie__share flex-grow-1">
                <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,viber,whatsapp,telegram" data-counter="ig"></div>
                <script async src="https://yastatic.net/share2/share.js"></script>
            </div>
            [group=5]
            <div class="pmovie__fav icon-at-left">
                <a href="#" class="js-show-login"><span class="fal fa-bookmark"></span>В избранное</a>
            </div>
            [/group] [not-group=5]
            <div class="pmovie__fav icon-at-left">[add-favorites]<span class="fal fa-bookmark"></span>В избранное[/add-favorites] [del-favorites]<span class="fal fa-minus-circle"></span>Из избранного[/del-favorites]</div>
            [/not-group]
        </div>
    </div>
    <div class="tabs-block__content d-none">
        <div class="">
            <div class="section__title">
                Cюжет
                <div class="plot-section d-flex">
                    <i class="far fa-map-marker-exclamation"></i>
                    <span>Осторожно, спойлеры</span>
                </div>
            </div>
            <div class="">
                {full-story}
            </div>
        </div>
    </div>

    <div class="tabs-block__content d-none">
        <div class="section__title">Знаете ли вы, что...</div>
        <ul class="facts">
            [xfgiven_info][xfvalue_info][/xfgiven_info][xfnotgiven_info]
            <p style="padding: 20px 0 20px;">Информация отсутствует</p>
            <p>[/xfnotgiven_info]</p>
        </ul>
    </div>

    <div class="tabs-block__content d-none">
        <div class="section__title">Ошибки в фильме</div>
        <ul class="facts">
            [xfgiven_mistakes][xfvalue_mistakes][/xfgiven_mistakes][xfnotgiven_mistakes]
            <p style="padding: 20px 0 20px;">Информация отсутствует</p>
            <p>[/xfnotgiven_mistakes]</p>
        </ul>
    </div>
</article>

<article class="inner-page pages-bg">
    <div class="inner-page__comments section" id="inner-page__comments">
        <div class="comments_header d-flex">
            <a class="comments_title" href="#">Отзывы</a>
            <div class="comments_superscript">
                <div class="comments_counter">198</div>
            </div>
            <button class="btn-vion" id="add-commbtn">Написать отзыв</button>
        </div>
        <div class="comments_subHeader">о фильме «{title}»</div>
        {addcomments} {comments} {navigation} [not-comments]
        <div class="info-nocomment">Для этого фильма ещё нет отзывов.</div>
        [/not-comments]
    </div>
</article>

<div class="related-section">
    <div class="container">
        <div class="section__title section__header">Рекомендуем вам посмотреть</div>
        <div class="related-movie swiper-container">
            <div class="swiper-wrapper">
                {related-news}
            </div>
        </div>
    </div>
</div>