[[$header]]

[[QuickCrumbs@breadcrumbs]]

<div class="catalog-header">
    <div class="form-group pull-right">
        <select class="f_limit form-control" name="limit" onchange="tmFilters.changeOrder(this);">
            <option value="9" selected="selected">9</option>
            <option value="12">12</option>
            <option value="24">24</option>
        </select>
    </div>
    <div class="form-group pull-right" id="viewSwitch">
        <div class="btn-group">
            <a class="btn btn-default active" data-toggle="tooltip" title="Плитка">
                <i class="glyphicon glyphicon-th"></i>
            </a>
            <a class="btn btn-default" data-toggle="tooltip" title="Список">
                <i class="glyphicon glyphicon-list"></i>
            </a>
        </div>
    </div>
    <div class="pagetitle">
        <h1>[[*pagetitle]]</h1>
    </div>
    <div class="clearfix"></div>
</div>

<div class="row">
    
    <div class="col-xs-12 col-md-3">
        
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="pull-right">
                    <button class="btn btn-default btn-sm" data-toggle="tooltip" data-placement="bottom" title="Сброс" onclick="tmFilters.resetFilters(); return false;">
                        <i class="glyphicon glyphicon-refresh"></i>
                    </button>
                </div>
                <h4>
                    <button class="btn btn-primary btn-xs visible-xs-inline-block visible-sm-inline-block" data-toggle="collapse" data-target="#filters">
                        <i class="glyphicon glyphicon-chevron-down"></i>
                    </button>
                    Поиск товаров
                </h4>
                <div class="clearfix"></div>
            </div>
            <div class="panel-body collapse in" id="filters">
                
                <form action="[[~[[*id]]]]" method="get">
                    
                    <div class="row">
                    [[tmFilters@filters]]
                    </div>
                    
                    <input type="hidden" name="page_id" value="[[*id]]" disabled="disabled" />
                    <input type="hidden" name="sortdir" value="asc" />
                    
                </form>
                
            </div>
        </div>
        
    </div>
    
    <div class="col-xs-12 col-md-9">
        
        <div class="row" id="products">
            [[!tmCatalog]]
            <div class="clearfix"></div>
        </div>
        
        <div class="clearfix"></div>
        <ul class="pagination" id="pages">
            [[!+page.nav]]
        </ul>
        
    </div>
    
</div>

[[$footer]]