<style type="text/css">
.flashsale {
    background: #F00;
    color: #FFF;
    padding: 12px 15px;
    text-transform: uppercase;
    font-weight: bold;
}
</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 itemprop="name">Khuyến mãi</strong>
                        <meta itemprop="position" content="2" />
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<div class="container">
    <div class="row">
        <section class="main_container collection col-md-12">
            <h1 class="title-collections hidden"></h1>
            <div class="category-products products category-products-grids">
                <h2 class="catname">Trang khuyến mãi - Flashsales</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="text-xs-right"><?=$pagination?></div>
                </section>
            </div>
        </section>
        <div class="collections_description col-md-12">
            <h2><?//=$rs_cat->cat_name?></h2>
            <div><?//=$rs_cat->metadesc?></div>
        </div>
    </div>
</div>