<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></a>
                        <meta itemprop="position" content="1" />
                         <span><i class="fa fa-angle-right"></i></span> </li>
                    <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <strong> <span itemprop="name">Tìm kiếm</span>
                        <meta itemprop="position" content="2" />
                        </strong> </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<section class="signup search-main collections-container margin-bottom-20">
    <div class="container">
        <div class="row">
        	<div class="col-md-9 col-md-push-3">
                <div class="row category-products">
                    <h1 class="title-head text-center margin-bottom-10 margin-top-0">Có <?=$num?> kết quả tìm kiếm phù hợp</h1>
                    <div class=" products col-md-12">
                        <?php 
                        foreach ($list as $rs) : 
                            $link_detail = site.'san-pham/'.alias($rs->pro_name).'-'.$rs->proid.'.html';
                            $link_img = $rs->pro_name && file_exists(ROOT_IMG.'products/800/'.$rs->proimg)? urlimg.'products/800/'.$rs->proimg: urlimg.'products/noimg.jpg';
                        ?>
                            <div class="news-item-products col-xs-6 col-sm-4 col-md-3">
                                <a href="<?=$link_detail?>" title="<?=$rs->pro_name?>" rel="dofollow" class="img"> 
                                	<div class="relative fix-images">
                                		<img id="pro<?=$rs->proid?>" src="<?=$link_img?>" alt="<?=$rs->pro_name?>"> 
                                    </div>
                                	<h3><?=$rs->pro_name?></h3>
                                	<div class="price"> <?=pricevn($rs->price)?>₫ </div>
                                </a>
                            </div>
                        <? endforeach ;?>
                    </div>
                    <div class="pagination-custom text-xs-right clearfix"> <?=$pagination?> </div>
                </div>
            </div>
            <aside class="ant-sidebar sidebar left-content col-md-3 col-md-pull-9"><?php $this->load->view('sidebar');?></aside>
        </div>
    </div>
</section>
<script src="<?=skin?>js/appear.js" language="javascript" type='text/javascript'></script> 
<style type="text/css">
.news-item-products {
    padding: 10px;
    text-align: center;
    min-height: 290px;
}
.news-item-products a {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.news-item-products .fix-images {
    height: 209px;
}
.news-item-products .fix-images img {
    width: auto;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.news-item-products .per {
    background-image: linear-gradient(-90deg, #ec1f1f 0%, #ff9c00 100%);
    border-radius: 10px;
    padding: 1px 7px;
    padding-left: 0;
    padding-right: 10px;
    height: 20px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    left: 10px;
    z-index: 1;
    bottom: 10px;
    font-size: 11px;
}
.news-item-products h3 {
    line-height: 1.3em;
    font-size: 14px;
    color: #333;
    margin: 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 18px;
    margin-top: 8px;
}
.news-item-products .price {
    display: block;
    overflow: hidden;
    padding: 5px 0;
    min-height: 34px;
}
.news-item-products .price strong {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 14px;
    color: #f30;
    line-height: 15px;
}
.news-item-products .price span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    text-decoration: line-through;
    margin-left: 5px;
    color: #222;
}
</style>