<style type="text/css">
.widget {
    border: 1px solid #cd1818;
    margin-bottom: 15px;
}
h3.widget-title {
    margin-top: 0;
    background: #f00;
    padding: 10px;
    color: #FFF;
}

.widget ul li {
	list-style:none;
}
#frmerrcode input[type=image] {
    position: absolute;
    top: 0px;
    right: 6px;
    border: none;
    padding: 7px 8px;
}
.widget .product_list_widget h3.widget-title {
    background: #cd1818;
    color: #fff;
    padding: 12px 12px;
    margin-bottom: 5px;
    font-size: 14px !important;
}
.widget .product_list_widget {
	margin:0;
	padding:0 8px;
}
.widget .product_list_widget {}
.widget .product_list_widget li {
    clear: both;
    border-bottom: 1px solid #ece6e6;
    padding: 8px 0;
    height: 85px;
}
.widget .product_list_widget li a img {
    float: left;
    width: 65px;
    height: 65px;
    overflow: hidden;
    border: 1px solid #CCC;
    margin-right: 8px;
}
.widget .product_list_widget li a span {
}
ul.product-categories {
	padding-left:12px;
}
form#frmerrcode {
	margin-bottom:0 !important;
}
</style>
<?php
	$this->load->model('news/news_model','news');
	$list_category = $this->news->category_product();
	$list_product = $this->news->get_product(5,0) ;
?>
<div class="col-md-3">
    <div id="secondary" class="widget-area " role="complementary">
    	<aside class="widget">
            <h3 class="widget-title" style="margin-top:0"><span>Dành cho kỹ thuật</span></h3>
            <form method="get" name="frmerrcode" id="frmerrcode" action="<?=site?>tim-ma-loi.html">
                <ul style="padding:15px">
                    <li class="recent-blog-posts-li">Nhập tên máy cần tra mã lỗi</li>
                    <li class="recent-blog-posts-li" style="position:relative;">
                       <input type="text" name="keyscode" id="keyscode" value="" onFocus="this.value=''" />
                       <input type="image" src="<?=skin?>images/bt_search.png" />
                    </li>
                </ul>
            </form>
        </aside>
        <aside class="widget">
            <h3 class="widget-title"><span>Danh mục sản phẩm</span></h3>
            <!--<div class="is-divider small"></div>-->
            <ul class="product-categories">
			<? foreach ($list_category as $cat) : ?>
                <li class="cat-item cat-item-58"><a href="<?=site?>danh-muc/<?=$cat->cat_alias?>-<?=$cat->catid?>.html"><?=$cat->cat_name?></a></li>
			<? endforeach ;?>
            </ul>
        </aside>
        <aside class="widget">
            <h3 class="widget-title tab">Sản phẩm nổi bật</h3>
            <!--<div class="is-divider small"></div>-->
            <ul class="product_list_widget">
            <? 
			foreach ($list_product as $rs) : 
				$link = site."san-pham/".alias($rs->pro_name)."-".$rs->proid.".html";
			?>
                <li><a href="<?=$link?>" title="<?=$rs->pro_name?>"> 
                <? if(!empty($rs->proimg) && file_exists(ROOT_IMG."products/100/".$rs->proimg)) {?>
                <img src="<?=urlimg?>products/100/<?=$rs->proimg?>" class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt="<?=$rs->pro_name?>" title="<?=$rs->pro_name?>" width="120" height="120">
                <? }else{ ?>
                <img src="<?=urlimg?>products/noimage.png" class="attachment-shop_thumbnail size-shop_thumbnail wp-post-image" alt="No Images" width="114" height="130" title="<?=$rs->pro_name?>">
                <? }?> 
                <span class="product-title"><?=$rs->pro_name?></span> </a> </li>
			<? endforeach ;?>
            </ul>
        </aside>
    </div>
    <!-- #secondary --> 
</div>
<script language="javascript">
$(document).ready(function(e) {
    /*$('#frmerrcode').submit(function(e) {
        var keyscode = $('#keyscode').val();
		if(keyscode)
		{
			var pageto = site+'tu-khoa/';
			$.post(pageto,{'keyscode':keyscode},function(){
				window.location = site+'tim-ma-loi.html';
			});
		}
		else
		{
			alert('Vui lòng nhập từ khóa cần tìm');
			return false;
		}
    });*/
});
</script>