{include file=$header title=$cat_name description=$cat_name keywords=$cat_name}
{* Баннер *}
<!-- section class="content-grid">
    <div class="images-banner">
        <img src="/api/templates/{$smarty.const.SKIN}/images/media/banner/slider3.jpg" alt="">
    </div>
</section -->
{* Хлебные крошки *}
<div class="clearfix">
</div>
<nav aria-label="breadcrumb" style="width: 100%;">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/" style="font-size: 10pt;">Главная</a></li>
        {$breadcrumb}
        <li class="breadcrumb-item active" aria-current="page" style="font-size: 10pt;">{$cat_name}</li>
    </ol>
</nav>
<div class="clearfix">
</div>
<h1 style="font-size: 18pt;" class="text-center mt-10">{$cat_name}</h1>
{* Подкатегории *}
<section class="container mt-10">
    <div class="row">
        {section name=customer loop=$m_groupe}
            {if $m_groupe[customer].id}
                <div class="item col-xs-6 col-sm-3 col-md-3 col-lg-3 col-xl-3" style="widht:230px;">
                    <div class="product-image">
                        <div class="image" style="display: table-cell;vertical-align: middle;height: 230px; text-align:center;">
                            {* 210x270 *}
{if ($m_groupe[customer].img)}
                            <a href="/tovar_cat/{$m_groupe[customer].id}" title="купить {$m_groupe[customer].naim}">
                                <img src="/img/magazin/cat/{$m_groupe[customer].img}_210_270.jpg" alt="{$m_groupe[customer].naim}" style="max-height: 220px; margin: 0 auto;" title="купить {$m_groupe[customer].naim}"></a>
{else}
                            <a href="/tovar_cat/{$m_groupe[customer].id}" title="купить {$m_groupe[customer].naim}">
                                <img src="/api/templates/{$smarty.const.SKIN}/images/media/product/sp-2.jpg" alt="{$m_groupe[customer].naim}" title="купить {$m_groupe[customer].naim}"></a>
{/if}
                        </div>
                    </div>
                    <h4 class="names"><a href="/tovar_cat/{$m_groupe[customer].id}" title="купить {$m_groupe[customer].naim}">{$m_groupe[customer].naim}</a></h4>
                </div>
            {/if}
        {/section}
    </div>
<section>
{*if $m_tovar[0].id*}
<!-- main content -->
<section class="main-content container">
{*    <div class="container">*}
        <div class="row">
            <div class="col-sm-12 col-md-12 col-lg-12 f-right">
{****************************************************}
                <div class="toolbar toolbar-products d-xs-none d-sm-none  d-md-block d-lg-block  d-xl-block">
                    <div class="row">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-4">
                            <div class="modes">
                                <a class="grid-mode-btn" href="#"><i class="fa fa-th-large"></i></a>
                                <a class="list-mode-btn active" href="#"><i class="fa fa-list-ul"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
{****************************************************}
                <div  class="group-content" id="tabs-grid" style="display:none;">
                    <div class="row">
                        {section name=customer loop=$m_tovar}
                        {if $m_tovar[customer].id}
                        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">
                            <div class="item top-item">
                                <div class="product-image">
                                    <div class="image">
{*                                        <img src="/api/img/gray/gif/gray.gif" data-original="/api/templates/{$smarty.const.SKIN}/images/media/product/1_n.jpg" alt="" class="lazy" style="">*}
                                        <a href="/tovar_show/{$m_tovar[customer].id}"><img src="/api/img/gray/gif/gray.gif" data-original="/img/magazin/cats/{$m_tovar[customer].img}_452_565.jpg" alt="{$m_tovar[customer].naim}" class="lazy"></a>
                                            <span class="price">
                                                {if $m_tovar[customer].akccena>0}
                                                    <span class="amount">{$m_tovar[customer].akccena} р.</span>
                                                {else}
                                                    <span class="amount">{$m_tovar[customer].cena} р.</span>
                                                {/if}
                                            </span>
                                    </div>
                                </div>
                                <h4 class="names"><a href="/tovar_show/{$m_tovar[customer].id}">{$m_tovar[customer].naim}</a></h4>
                                <div class="cart-text product-cart">
                                    <p><a href="#" class="btn-to-cart" data-id="{$m_tovar[customer].id}" style="background-color:#393186;color:#fff;">КУПИТЬ</a></p>
                                    <!-- a href="shopping_cart.html">Купить</a -->
                                </div>
                            </div>
                        </div>
                        {/if}
                        {/section}
                    </div>
                </div>
{* список *}
{****************************************************}
<div class="products-list" id="tabs-list" style="display:block;">
    {section name=customer loop=$m_tovar}
    {if $m_tovar[customer].id}
    <div class="row">
        <div class="product-item container row" style="margin:0px; margin-top:10px;">
            <div class="col-xs-12 col-sm-12 col-xs-2 col-md-4 col-lg-3">
                <div class="product-img">
                    <div class="product-image-container">
                        {*<img src="/api/templates/{$smarty.const.SKIN}/images/media/product/bn1.jpg" alt="">*}
                        {* 270-347*}
                        <a href="/tovar_show/{$m_tovar[customer].id}"><img src="/api/img/gray/gif/gray.gif" data-original="/img/magazin/cats/{$m_tovar[customer].img}_270_347.jpg" alt="{$m_tovar[customer].naim}" style="width:270px;" class="lazy"></a>
                        <span class="price">
                        {if $m_tovar[customer].akccena>0}
                            <span class="amount mini-amount">{$m_tovar[customer].akccena} р.</span>
                            <span class="amount-3 mini-amount">{$m_tovar[customer].cena} р.</span>
                        {else}
                            <span class="amount mini-amount">{$m_tovar[customer].cena} р.</span>
                        {/if}
                        </span>
                    </div>
                </div>
            </div>
            <div class="col-xs-8 col-sm-8 col-md col-lg">
                <div class="product-item-details">
                    <div class="names-list">
                        <h3 class="the-names"><a href="/tovar_show/{$m_tovar[customer].id}">{$m_tovar[customer].naim}</a></h3>
                        <div class="text-product">
                            {*$m_tovar[customer].opis*}
                        </div>
                        <div class="the-cart">
                            <p style="background-color:#393186;color:#fff;">
<a href="#" class="btn-to-cart" data-id="{$m_tovar[customer].id}" style="background-color:#393186;color:#fff;">КУПИТЬ</a>
<!--a href="shopping_cart.html">Купить</a -->
</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {/if}
    {/section}
</div>
</div>
{****************************************************}
<div class="col-sm-4 col-md-4 col-lg-3 left-block-content hidden">
    <div class="sidebar sidebar-main">
        <div class="block-title">
            <h3><span class="the-after">Фильтр</span></h3>
        </div>
        <div class="block-content filter-content">
            <h3>CATEGORIES</h3>
            <ul class="list-banner">
                <li class="list-text-name">
                    <div class="block-title">
                        <a href="#">Watches</a>
                    </div>
                    <ul class="filter-options-title">
                        <li><a href="#">Shop - Full width</a></li>
                    </ul>
                </li>
                <li class="list-text-name">
                    <div class="block-title">
                        <a href="#">Bags</a>
                    </div>
                    <ul class="filter-options-title">
                        <li><a href="#">Shop - Full width</a></li>
                    </ul>
                </li>
                <li class="list-text-name">
                    <div class="block-title">
                        <a href="#">Necklakes</a>
                    </div>
                    <ul class="filter-options-title">
                        <li><a href="#">Shop - Full width</a></li>
                    </ul>
                </li>
                <li class="list-text-name">
                    <div class="block-title">
                        <a href="#">Others</a>
                    </div>
                    <ul class="filter-options-title">
                        <li><a href="#">Single product</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="block-content filter-content">
            <h3>MANUFACTURES</h3>
            <ul>
                <li><a href="#">Apple</a> <i class="fa ">(12)</i></li>
            </ul>
        </div>
        <div class="block-content filter-content">
            <aside class="widget">
                <h3 class="widget-title">PRICE</h3>
                <div class="f-price">
                    <button class="btn btn-dashed textup" type="button">APPLY</button>
                    <span><strong id="amount">
                    <span class="price-left"></span>
                    <span class="price-right"></span>
                    </strong></span>
                    <div id="slider-range">
                    </div>
                </div>
            </aside>
        </div>
        <div class="block-content filter-content">
            <h3>COLORS</h3>
            <ul>
                <li><a href="#">yellow</a> <i class="fa ">(90)</i></li>
            </ul>
        </div>
        <div class="block-title">
            <h3><span class="the-after">TAGS</span></h3>
        </div>
        <div class="text-group">
            <div class="list-input">
                <button class="btn btn-default" type="submit">Case</button>
            </div>
        </div>
    </div>
{****************************************************}
        </div>
    </div>
</section>
<!-- end main content -->
{*else}
<h2>В этой категории пока нет товаров, но поищите в других</h2>
{/if*}
<!--END PAGE MAINCONTENT -->
{include file=$footer}