{include file=$header title={$page[0].title} keywords={$page[0].keywords}}

<section class="container" style="width: 100%;padding: 0px;">
    <aside id="fh5co-hero">
        <div class="flexslider">
            <ul class="slides">
                <li style="background-image: url(/img.php?filename={$page[0].filename|default:"hemk56xzy1sd02v8npnkck4mhctlx0"}&w=1060&h=500);">
                    <div class="overlay-gradient"></div>
                    <div class="container-fluids">
                        <div class="row">
                            <div class="col-md-12 col-md-offset-6 slider-text slider-text-bg" style="border:0px solid green; background-image: url(images/bg.png)">
                                <div class="slider-text-inner text-left" style="padding: 0px;border:0px solid green;">
                                    <h1 class="text-left" style="color: #fff; font-size: 16pt;border:0px solid green;">{$page[0].title}</h1>
                                    <h2 class="text-left" style="color: #fff;">{$page[0].description}</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </aside>
    </section>

    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">Главная</a></li>
            <li class="breadcrumb-item"><a href="/cat/">Все блоги</a></li>

            {section name=customer loop=$Breadcrumb}{if ($Breadcrumb[customer].id &&
            $Breadcrumb[customer].id!=$smarty.get.id)}
            <li class="breadcrumb-item"><a href="/cat/{$Breadcrumb[customer].id}">{$Breadcrumb[customer].title}</a></li>
            {/if}{/section}
            <li class="breadcrumb-item active" aria-current="page">{$page[0].title}</li>



        </ol>
    </nav>

{*if $smarty.session.user_id}
<div class="container">
    <div class="alert alert-dark" role="alert" style="border-radius: 0px 0px 10px 10px;">
        <a href="/blog_edit/"><i class="fa-regular fa-square-plus" title="Создать статью" style="font-size: 22pt;"></i></a>
        {if ($smarty.session.user_id==$page[0].user_id)}
        <a href="/blog_edit/{$page[0].id}"><i class="fa-solid fa-pen-to-square" style="font-size: 22pt; margin-left: 10px;" title="Изменить страницу"></i></a>
        <a href="/blog_moder_comments/{$page[0].id}"><i class="fa-sharp fa-solid fa-comment-dots" style="font-size: 22pt; color:red; margin-left: 10px;" title="Модерировать коментарии"></i></a>
        {/if}
    </div>
</div>
{/if*}
<div class="container" style="width: 100%; padding: 10px;">





    
</div>
<div class="container mt-3" style="border: 1px solid lightgray; border-radius: 0px; padding-top: 10px; padding-bottom: 10px;width: 100%;">
    <div class="row">
        <div class="col-sm-3">
            <img src="/img/{$smarty.server.SERVER_NAME}/ava/{$autor[0].ava}" style="width: 100%" class="mb-3">
            {if ({$autor[0].soc_vk})}<a href="{$autor[0].soc_vk}" rel="nofollow" target="_blank"><img src="/img/{$smarty.server.SERVER_NAME}/soc/soc_vk_color.png" style="width: 30px;"></a>{/if}
            {if ({$autor[0].soc_ok})}<a href="{$autor[0].soc_ok}" rel="nofollow" target="_blank"><img src="/img/{$smarty.server.SERVER_NAME}/soc/soc_ok_color.png" style="width: 30px;"></a>{/if}
            {if ({$autor[0].soc_ig})}<a href="{$autor[0].soc_ig}" rel="nofollow" target="_blank"><img src="/img/{$smarty.server.SERVER_NAME}/soc/soc_ig.png" style="width: 30px;"></a>{/if}
            {if ({$autor[0].soc_dz})}<a href="{$autor[0].soc_dz}" rel="nofollow" target="_blank"><img src="/img/{$smarty.server.SERVER_NAME}/soc/soc_dz.png" style="width: 30px;"></a>{/if}
        </div>
        <div class="col-sm-9">
            <h3 style="font-size: 18pt;" class="mb-3">Информация об авторе</h3>
            <p><b><a href="/user/{$autor[0].id}">{$autor[0].fio}</a></b></p>
            <p>{$autor[0].about|substr:200}</p>
            <p>{$autor[0].dostup}</p>
            <hr>
            <p>Все статьи автора {$pageskolvo}</p>
            <p>Благодарности: <span style="margin-left: 10px;" id="user_spasibo">{$autor[0].spasibo}</span> <i class="fa-regular fa-thumbs-up likeup" style="font-size: 12pt;margin-left: 10px; cursor: pointer;" data-id="{$autor[0].id}" data-elem="#user-spasibo" data-tip="user_spasibo"></i></p>
            <p>Рейтинг: <span style="margin-left: 10px;" id="user-reyt">{$autor[0].reyt}</span> <i class="fa-regular fa-thumbs-up likeup" data-id="{$autor[0].id}" data-elem="#user-reyt" data-tip="user_reyt" style="font-size: 12pt; margin-left: 10px; cursor: pointer;"></i></p>
        </div>
    </div>
</div>
<!-- Page info end -->
<article class="container mt-3" style="width: 100%; padding: 20px;">
    {$page[0].txt}
    <hr>
    <p>Рейтинг: <span style="margin-left: 10px;" id="page-reyt">{$page[0].reyt}</span>
        <i class="fa-regular fa-thumbs-up likeup" data-id="{$page[0].id}" data-elem="#page-reyt" data-tip="page_reyt" style="font-size: 12pt; margin-left: 10px; cursor: pointer;"></i>
        <span style="margin-left: 10px;">{$see}</span>
        <i class="fa-solid fa-eye" style="font-size: 12pt; margin-left: 10px;"></i>
    </p>
    <p>Обновлено: {$page[0].t|t}</p>
</article>
{if ($page[0].comment==1)}
<div class="container mt-3" style="border: 1px solid lightgray; border-radius: 0px; padding-top: 10px; padding-bottom: 10px; width: 100%;">
    {if ($smarty.session.user_id)}
    <form id="add_comment" action="/act/page" method="post">
        <input type="hidden" name="page_id" value="{$smarty.get.id}">
        <input type="hidden" name="act" value="add_comment">
        <textarea class="form-control" style="height: 200px;" name="txt"></textarea>
        <input type="submit" name="ok" value="Добавить коментарий" class="btn btn-dark">
        <div class="alert alert-dark hidden" role="alert" style="border-radius: 10px 10px 10px 10px;" id="div-commen-add">
            Мы обязательно опубликуем ваш коментарий после модерации!
        </div>
    </form>
    {/if}
    <hr>
    <div class="row">
        {section name=customer loop=$comments} {if $comments[customer].id}
        <div class="col-sm-2 comment-{$comments[customer].id}">
            <img src="/img/{$smarty.server.SERVER_NAME}/ava/{$comments[0].ava}" style="width: 100%" class="mb-3">
        </div>
        <div class="col-sm-10 comment-{$comments[customer].id}">
            <p><b>{$comments[customer].fio} - {$comments[customer].t|t}</b></p>
            <p>{$comments[customer].txt}</p>
            <p>Нравится: <span style="margin-left: 10px;" id="comment-reyt-{$comments[customer].id}">{$page[0].reyt}</span>
            <i class="fa-regular fa-thumbs-up likeup" data-id="{$comments[customer].id}" data-elem="#comment-reyt-{$comments[customer].id}" data-tip="comment_reyt" style="font-size: 12pt; margin-left: 10px; cursor: pointer;"></i></p>
            {if ($smarty.session.dostup=='a')}
            <p><i class="fa-solid fa-trash moder" data-id="{$comments[customer].id}" data-tip="del" style="font-size: 12pt; margin-left:10px; color: red; cursor: pointer;"></i></p>
            {/if}
        </div>
        {/if} {/section}
    </div>
</div>
{/if}

<div id="fh5co-blog">
    <h5 style="font-size: 14pt; font-weight: 600;">Самое читаемое:</h5>
    <div class="row">
        {section name=customer loop=$popular_pages}
        <div class="col-md-4">
            <div class="fh5co-blog animate-box">
                <!--a href="#" class="blog-bg" style="background-image: url(images/blog-1.jpg);"></a-->
                <a href="{$popular_pages[customer].link}" class="blog-bg" style="background-image: url(/img.php?filename={$popular_pages[customer].filename}&w=270&h=270);"></a>


                
                <div class="blog-text">
                    <span class="posted_on">{$popular_pages[customer].t|t}</span>
                    <h3><a href="{$popular_pages[customer].link}">{$popular_pages[customer].title}</a></h3>
                    <p>{$popular_pages[customer].description}</p>
                    <ul class="stuff">
                        <li><i class="icon-heart3"></i>{$popular_pages[customer].reyt}</li>
                        <li><i class="icon-eye2"></i>{$popular_pages[customer].see}</li>
                        <li><a href="{$popular_pages[customer].link}">Читать<i class="icon-arrow-right22"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
        {/section}


    </div>
</div>
{include file=$footer}