{extends 'file:templates/finiv.in.ua/base.tpl'}
{block 'pagetitle'}{/block}
{block 'content'}
    <div class="row">
        <div class="col-md-8">
            <div class="cards-box-view">

                {block 'leftContent' }
                    {if $_modx->resource.content}
                        {$_modx->resource.content | modx_tags}
                    {/if}
                    

                    <ul class="pagination"></ul>
                    {*
                    <div class="pagination-block animatedParent animateOnce z-index-47">
                        <ul class="pagination animated fadeInUp">
                            <li><a href="#"><i class="icon-left-open-mini"></i></a></li>
                            <li><a href="#">1</a></li>
                            <li class="active"><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li class="disabled"><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">6</a></li>
                            <li><a href="#"><i class="icon-right-open-mini"></i></a></li>
                        </ul>
                    </div>
                    *}
                {/block}
            </div>
        </div>

        <div class="col-md-4">
            <div class="cards-box-view sidebar">

                <div class="animatedParent animateOnce z-index-46">
                    <div class="card profile-intro text-center hoverable animated fadeInUp">

                        {set $userExt = $_modx->resource.createdby | user : 'extended'}

                        <!-- Card header -->
                        <div class="card-header">
                            <div class="card-image">
                                <img class="avatar-130 img-circle"
                                     src="{$_modx->resource.createdby | user : 'photo'}"
                                     alt="{$_modx->resource.createdby | user : 'fullname'}">
                            </div>
                        </div>
                        <!-- /card header -->
                        <!-- Card content -->
                        <div class="card-content">
                            <h3>{$_modx->resource.createdby | user : 'fullname'}</h3>
                            <p>{$_modx->resource.createdby | user : 'comment'}</p>
                        </div>
                        <!-- /card-content  -->

                        <!-- Card Footer  -->
                        <div class="card-footer">
                            <ul class="social-link">
                                {if $userExt.social.fb}
                                    <li>
                                        <a class="icon" href="{$userExt.social.fb}" target="_blank">
                                            <i class="fab fa-facebook"></i>
                                        </a>
                                    </li>
                                {/if}
                                {if $userExt.social.twitter}
                                    <li>
                                        <a class="icon" href="{$userExt.social.twitter}" target="_blank">
                                            <i class="fab fa-twitter"></i>
                                        </a>
                                    </li>
                                {/if}
                                {if $userExt.social.linkedin}
                                    <li>
                                        <a class="icon" href="{$userExt.social.linkedin}" target="_blank">
                                            <i class="fab fa-linkedin"></i>
                                        </a>
                                    </li>
                                {/if}
                                {if $userExt.social.instagram}
                                    <li>
                                        <a class="icon" href="{$userExt.social.instagram}" target="_blank">
                                            <i class="fab fa-instagram"></i>
                                        </a>
                                    </li>
                                {/if}
                                {if $userExt.social.github}
                                    <li>
                                        <a class="icon" href="{$userExt.social.github}" target="_blank">
                                            <i class="fab fa-github"></i>
                                        </a>
                                    </li>
                                {/if}
                                {if $userExt.social.skype}
                                    <li>
                                        <a class="icon" href="skype:{$userExt.social.skype}" target="_blank">
                                            <i class="fab fa-skype"></i>
                                        </a>
                                    </li>
                                {/if}
                                {if $userExt.social.whatsapp}
                                    <li>
                                        <a class="icon" href="whatsapp://send?phone={$userExt.social.whatsapp}" target="_blank">
                                            <i class="fab fa-whatsapp"></i>
                                        </a>
                                    </li>
                                {/if}
                                {if $userExt.social.telegram}
                                    <li>
                                        <a class="icon" href="tg://resolve?domain={$userExt.social.telegram}" target="_blank">
                                            <i class="fab fa-telegram"></i>
                                        </a>
                                    </li>
                                {/if}
                                {if $userExt.social.viber}
                                    <li>
                                        <a class="icon" href="viber://chat?number={$userExt.social.viber}" target="_blank">
                                            <i class="fab fa-viber"></i>
                                        </a>
                                    </li>
                                {/if}
                            </ul>
                        </div>
                        <!-- .card footer  -->
                    </div>
                </div>


                {*
                <div class="animatedParent animateOnce z-index-45">
                    <div class="card card-search hoverable animated fadeInUp">
                        <form class="search-form" role="search">
                            <div class="form-group">
                                <input type="search" class="form-control input-lg no-border" placeholder="Search...">
                                <button class="search-btn">
                                    <i class="fa fa-search"></i>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
                *}
                <div class="animatedParent animateOnce z-index-44">
                    <div class="card animated fadeInUp">
                        <div class="card-content">
                            <h3 class="text-uppercase">Categories</h3>

                            <ul
                                     class="categories-list list-unstyled"><li
                                     class="first current">
                                <a href="https://dev.finiv.in.ua/blog/web/" >WEB</a>
                                <ul
                                     class=""><li
                                     class="first">
                                <a href="https://dev.finiv.in.ua/blog/web/php/" >PHP</a>
                                
                            </li>
                            </ul>
                            </li><li
                                    >
                                <a href="https://dev.finiv.in.ua/blog/modx/" >MODX</a>
                                
                            </li><li
                                     class="last">
                                <a href="https://dev.finiv.in.ua/blog/other/" >Другое</a>
                                
                            </li>
                            </ul>

                        </div>
                    </div>
                </div>
                <noindex>
                    <div class="animatedParent animateOnce z-index-45">
                        <div class="card card-search hoverable animated fadeInUp">
                            <div class="row">

                                <div class="col">
                                    orphoman_found_mistake_btn
                                    orphoman_found_mistake_text
                                </div>

                            </div>
                        </div>
                    </div>
                </noindex>
                <div class="animatedParent animateOnce z-index-43">
                    <div class="card animated fadeInUp">
                        <div class="card-content">
                            <h3 class="text-uppercase">Популярное</h3>
                            <ul class="articles-list list-unstyled">
                                {if $_modx->resource.isfolder != 0}
                                    {set $myParrent = $_modx->resource.id}
                                {elseif $_modx->resource.parent != 0}
                                    {set $myParrent = $_modx->resource.parent}
                                {else}
                                    {set $myParrent = 19}
                                {/if}

                                
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{/block}