<style type="text/css">
.catname {
    background: #fe3300;
    padding:8px 15px;
    text-transform: uppercase;
}
.catname a {
    color: #FFF;
    font-size: 18px;
}
</style>
<section class="bread-crumb margin-bottom-10">
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <ul class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
                    <li class="home" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="<?=site?>" title="Trang chủ"> <span itemprop="name">Trang chủ</span>
                        <meta itemprop="position" content="1" />
                        </a> <span><i class="fa fa-angle-right"></i></span> </li>
                    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <strong> <span itemprop="name">Tất cả sản phẩm</span>
                        <meta itemprop="position" content="2" />
                        </strong> </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <?php include ROOT_SITE."cache/bn_category.php";?>
        </div>
        <section class="main_container collection col-md-12">
            <h1 class="title-collections hidden"><?=$rs_cat->metatitle?></h1>
            
            <div class="clearfix"></div>
            <div class="category-products products category-products-grids">
                
                <h2 class="catname"><a href=""><?=$rs_cat->cat_name?></a></h2>
                <section class="products-view products-view-grid">
                    <?php
					foreach ($list as $pro):
						$link_detail = site.'san-pham/'.alias($pro->pro_name).'-'.$pro->proid.'.html';
						$link_img = urlimg.'products/800/'.$pro->proimg;
						$percent = get_checkout($pro->price_old,$pro->price);
					?>
                    <div class="item-border col-xs-6 col-sm-4 col-md-15 col-lg-15 no-padding">
                        <div class="news-item-products"> <a href="<?=$link_detail?>" title="<?=$pro->pro_name?>">
                            <div class="relative fix-images"><img data-src="<?=$link_img?>" src="<?=$link_img?>" alt="<?=$pro->pro_name?>" class="img-responsive center-block" />
                                <?php if($percent){?><label class="per">Giảm  <?=$percent?>% </label><? }?>
                            </div>
                            <h3><?=$pro->pro_name?></h3>
                            <div class="price"> 
                            	<strong><?=pricevn($pro->price)?></strong> 
                            	<?php if($pro->price_old){?><span><?=pricevn($pro->price_old)?></span> <? } ?>
                            </div></a>
                        </div>
                    </div>
                    <? endforeach ;?>
                    <div class="clearfix"></div>
                    <div class="paging"><?=$pagination?></div>
                </section>
            </div>
        </section>
        <div class="collections_description col-md-12">
            <h2><?=$rs_cat->cat_name?></h2>
            <div><?=$rs_cat->cat_desc?></div>
        </div>
    </div>
</div>
<script src="<?=skin?>js/appear.js" language="javascript" type='text/javascript'></script>