{extends 'file:templates/finiv.in.ua/blog.tpl'}
{block 'leftContent' }
 
    <div class="animatedParent animateOnce z-index-50">
        <div class="card animated fadeInUp">
            {*
            <!-- Card header -->
            <div class="card-header">
                <div class="card-image">
                    <img class="img-responsive" src="images/blog-6.jpg" alt="post">
                </div>
            </div>
            <!-- /card header -->
            *}
            <!-- Card content -->
            <div class="card-content">
                <h3>{$_modx->resource.longtitle?:$_modx->resource.pagetitle}</h3>
                <div class="meta-wrapper">
                    <span class="meta-date"><i class="fas fa-calendar"></i> {$_modx->resource.createdon| date : 'd.m.Y'} </span>
                    <span class="meta-comment"><i class="fas fa-comment"></i> 0 Comments </span>
                    <span class="meta-view">Просмотры: Could not load siteStatistics class! </span>
                    <span> Теги:
                    
                    {$_modx->runSnippet('tvssTags', [
                    'id' => $_modx->resource.id,
                    'tv' => 7,
                    'pageId' => 421,
                    'tpl' => '@INLINE <a href="" class="label label-primary"></a>'
                    ])}
                    </span>
                </div>
                {if $_modx->resource.content}
                    {$_modx->resource.content | modx_tags}
                {/if}
            </div>
            <!-- /card content -->

        </div>
    </div>

    {if $_modx->resource.original_url}
    <div class="animatedParent animateOnce z-index-50">
        <div class="card animated fadeInUp">
            <div class="card-content">
                <div class="col-md-12" style="padding-bottom:20px">
                    Первоисточник <a href="{$_modx->resource.original_url}" target="_blank">{$_modx->resource.original_url| website}</a>
                </div>
            </div>
        </div>
    </div>
    {/if}
    <div class="animatedParent animateOnce z-index-50">
        <div class="card animated fadeInUp">
            <div class="card-content">
                <div class="col-md-12" style="padding-bottom:20px">
                    <div class="helpfulPage" data-page="{$_modx->resource.id}" >
    <div class="helpfulPageInfo" >
        <h4 >Эта страница полезна?</h4>
        <a href="#" data-action="vote_for" class="btn btn-lg btn-primary btn-outline mr-2">Да</a>
        <a href="#" data-action="vote_aganist" class="btn btn-lg btn-red btn-outline">Нет</a>
        <p >Эта страницу считают полезной <span id="helpfulPageStat">0</span>% клиентов</p>
    </div>

    <form  class="helpfulPageForm"  hidden>
        <textarea class="form-control" name="message" placeholder="Напишите здесь ваши замечания и предложения. Если вам необходима помощь по странице, оставьте ваши контакты: имя и телефон/e-mail в этом поле."></textarea>
        <input type="hidden" name="resource_id" value="{$_modx->resource.id}">
        <input type="hidden" name="action" value="helpfulPageMessage">
        <div class="mt-3">
            <button class="btn btn-lg btn-primary mr-2">Отправить</button>
            <button type="button" class="btn btn-lg btn-secondary closeHelpfulPageForm">Отменить</button>
        </div>
    </form>

    <div class="helpfulPageSuccess" hidden><p>Благодарим за оставленный Вами отзыв! Мы стараемся становиться лучше!</p></div>
    <div class="helpfulPageError" hidden><p></p></div>
</div>
                </div>
            </div>
        </div>
    </div>
    {$_modx->runSnippet('!TicketComments',[

    'formBefore' => 1,
    'allowGuest' => 1,
    'allowGuestEmails' => 1,
    'maxCaptcha' => 100,
    ])}
    
    {*
    <div class="animatedParent animateOnce z-index-49">
        <div class="card animated fadeInUp">

            <!-- Card header -->
            <div class="card-header card-header-pad">
                <h2>63 Responses from Community</h2>
            </div>
            <!-- /card header -->

            <!-- Card content -->
            <div class="card-content">
                <div class="media-block">
                    <div class="media">
                        <div class="media-left">
                            <a href="#/">
                                <img class="img-circle avatar" src="images/alex-dolgove.png" alt="User">
                            </a>
                        </div>

                        <div class="media-body">
                            <h4>John Smith</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
                                exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat... <a
                                        class="text-primary" href="#/"> Read More</a></p>
                        </div>
                    </div>

                    <div class="media">
                        <div class="media-left">
                            <a href="#/">
                                <img class="img-circle avatar" src="images/domnic-brown.png" alt="User">
                            </a>
                        </div>

                        <div class="media-body">
                            <h4>Stella Johnson</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua.</p>

                            <div class="media">
                                <div class="media-left">
                                    <a href="#/">
                                        <img class="img-circle avatar" src="images/john-smith.png" alt="User">
                                    </a>
                                </div>

                                <div class="media-body">
                                    <h4>Domnic Brown</h4>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
                                    <div class="btn-view">
                                        <a class="btn btn-default btn-sm" href="#/"><i class="fa fa-mail-reply"></i>reply</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="media">
                        <div class="media-left">
                            <a href="#/">
                                <img class="img-circle avatar" src="images/john-smith.png" alt="User">
                            </a>
                        </div>

                        <div class="media-body">
                            <h4>Alex Dolgove</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                                incididunt ut labore et dolore magna aliqua.</p>
                        </div>
                    </div>
                </div>

                <h2 class="m-b-40">Leave a Reply</h2>

                <form class="no-margins">
                    <div class="form-group">
                        <input type="text" class="form-control input-lg" id="name" placeholder="Name">
                    </div>

                    <div class="form-group">
                        <input type="email" class="form-control input-lg" id="email" placeholder="Email">
                    </div>

                    <div class="form-group">
                        <input type="text" class="form-control input-lg" id="website" placeholder="Website">
                    </div>

                    <div class="form-group">
                        <textarea class="form-control textare-lg" rows="6" placeholder="Message"></textarea>
                    </div>

                    <button class="btn btn-primary btn-lg" type="button" name="button">Submit</button>
                </form>

            </div>
            <!-- /card content -->

        </div>
    </div>
    *}
    
<style>
        .prettyprint ol.linenums > li { list-style-type: decimal; }
    </style>
{/block}