{include file=$header title=""}



<section class="container">
    <h1>{$page[0].title}</h1>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="#">Главная</a></li>
            <li class="breadcrumb-item"><a href="/cat/{$page[0].category}">{$category_title}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{$page[0].title}</li>
        </ol>
    </nav>


    <div class="row">

        <article class="col-md-8">

            <img class="img-fluid lazy" src="/api/img/gray/gif/gray.gif"
                data-original="/img/{$smarty.server.SERVER_NAME}/pages/{$page[0].id}/{$page[0].img}_750_400.jpg"
                alt="{$list[customer].title}" style="margin-bottom: 30px;">
            <div class="container">
                {$page[0].txt}
            </div>
        </article>
        <aside class="col-md-4">
            <div class="widget-wrap">
                <!--div class="single-sidebar-widget post-category-widget">
                    <h4 class="single-sidebar-widget__title">Разделы</h4>
                    <ul class="cat-list mt-20">
                        {section name=customer loop=$categories}{if ($categories[customer].id)}
                        <li>
                            <a href="/cat/{$categories[customer].id}" class="d-flex justify-content-between">
                                <p>{$categories[customer].title}</p>
                                <p>({$categories[customer].count})</p>
                            </a>
                        </li>
                        {/if}{/section}
                    </ul>
                </div -->
                <div class="single-sidebar-widget popular-post-widget">
                    <h4 class="single-sidebar-widget__title">Самое читаемое</h4>
                    <div class="popular-post-list">
                        {section name=customer loop=$popular_pages}{if ($popular_pages[customer].id)}
                        <div class="single-post-list">
                            <div class="thumb">
                                <img class="card-img rounded-0 lazy" src="img/nofoto.jpg"
                                    data-original="/img/{$smarty.server.SERVER_NAME}/pages/{$popular_pages[customer].id}/{$popular_pages[customer].img}_750_400.jpg"
                                    alt="">
                                <ul class="thumb-info">
                                    <li><a href="#">Admin</a></li>
                                    <li><a href="#">{$popular_pages[customer].t|t}</a></li>
                                </ul>
                            </div>
                            <div class="details mt-20">
                                <a href="blog-single.html">
                                    <h6>{$popular_pages[customer].title}</h6>
                                </a>
                            </div>
                        </div>
                        {/if}{/section}
                    </div>
                </div>
            </div>
        </aside>
    </div>
</section>

<section class="container">
    <div class="row">
        {section name=customer loop=$page_img}{if ($page_img[customer].id)}
        <div class="col-md-4">
            <a href="/img/{$smarty.server.SERVER_NAME}/pages/{$page[0].id}/{$page_img[customer].filename}.jpg"
                target="_blank">
                <img class="card-img rounded-0 lazy" src="img/nofoto.jpg"
                    data-original="/img/{$smarty.server.SERVER_NAME}/pages/{$page[0].id}/{$page_img[customer].filename}_750_400.jpg"
                    alt="{$page[0].title}">
            </a>
        </div>
        {/if}{/section}
    </div>
</section>


<section class="container" style="margin-top: 20px;">
    <div class="row">
        <div class="col-md-8">
            <hr style="margin-top: 20px;">
    {if ($smarty.session.user_id && $page[0].comment_enable)}
    <form id="add_comment">
        <h3>Коментарии</h3>
        <input type="hidden" name="act" value="add_comment">
        <input type="hidden" name="page_id" value="{$page[0].id}">
        <textarea class="form-control" placeholder="Коментарий" name="txt" style="height: 300px;"></textarea>
        <input type="submit" class="btn btn-outline-dark" value="Добавить" name="ok">

        <div class="alert alert-success hidden" role="alert" id="div-commen-add">
            Коментарий добавлен, после модерации мы его опубликуем!
        </div>
    </form>

    {/if}

        {if (!$smarty.session.user_id && $page[0].comment_enable)}
            <h3><a href="/login/">Авторизуйтесь</a>, чтобы оставить коментарий</h3>
        {/if}
    {section name=customer loop=$comments}{if ($comments[customer].id)}

    <div class="row" style="margin-top: 10px; border-radius: 10px; border: 1px solid lightgrey; padding-top: 20px; padding-bottom: 20px;">
        <div class="col-md-3"><b>{$comments[customer].fio}</b><br>
            <small>{$comments[customer].t|t}</small>
        </div>
        <div class="col-md-9">{$comments[customer].txt}</div>
    </div>
    {/if}{/section}
        </div>
    </div>
</section>




{include file=$footer}