<section id="breadcrumb-wrapper">
    <div class="breadcrumb-content">
        <div class="wrapper">
            <div class="inner">
                <div class="breadcrumb-small"><a href="<?=site?>" title="Huynhgia Trading">Trang chủ</a> <span aria-hidden="true">/</span><span><?=$rs_cat->cat_name?></span></div>
            </div>
        </div>
    </div>
</section>
<div id="PageContainer" class="is-moved-by-drawer">
    <main class="main-content" role="main">
        <section id="collection-wrapper">
            <div class="wrapper">
                <div class="inner">
                    <?php $this->load->view('banner-top');?>
                    <div class="grid mg-left-10">
                        <div class="grid__item large--four-fifths medium--one-whole small--one-whole pd-left10 float-right">
                            <div class="collection-content-wrapper">
                                <div class="collection-head">
                                    <div class="grid">
                                        <div class="grid__item large--seven-twelfths medium--one-whole small--one-whole">
                                            <div class="collection-title">
                                                <h1><?=$rs_cat->cat_name?></h1>
                                            </div>
                                        </div>
                                        <div class="grid__item large--five-twelfths medium--one-whole small--one-whole">
                                            <div class="collection-sorting-wrapper"> 
                                                <!-- /snippets/collection-sorting.liquid -->
                                                <div class="form-horizontal text-right">
                                                    <label for="SortBy">Sắp xếp</label>
                                                    <select name="SortBy" id="SortBy">
                                                        <option value="manual">Tùy chọn</option>
                                                        <option value="best-selling">Sản phẩm bán chạy</option>
                                                        <option value="title-ascending">Theo bảng chữ cái từ A-Z</option>
                                                        <option value="title-descending">Theo bảng chữ cái từ Z-A</option>
                                                        <option value="price-ascending">Giá từ thấp tới cao</option>
                                                        <option value="price-descending">Giá từ cao tới thấp</option>
                                                        <option value="created-descending">Mới nhất</option>
                                                        <option value="created-ascending">Cũ nhất</option>
                                                    </select>
                                                </div>
												<script>
                                                /*============================================================================
                                                    Inline JS because collection liquid object is only available
                                                    on collection pages and not external JS files
                                                  ==============================================================================*/
                                               /* Haravan.queryParams = {};
                                                if (location.search.length) {
                                                    for (var aKeyValue, i = 0, aCouples = location.search.substr(1).split('&'); i < aCouples.length; i++) {
                                                        aKeyValue = aCouples[i].split('=');
                                                        if (aKeyValue.length > 1) {
                                                            Haravan.queryParams[decodeURIComponent(aKeyValue[0])] = decodeURIComponent(aKeyValue[1]);
                                                        }
                                                    }
                                                }
                                                
                                                $(function() {
                                                    $('#SortBy')
                                                    .val('created-descending')
                                                    .bind('change', function() {
                                                        Haravan.queryParams.sort_by = jQuery(this).val();
                                                        location.search = jQuery.param(Haravan.queryParams);
                                                    }
                                                             );
                                                });*/
                                                </script> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="collection-body">
                                    <div class="grid-uniform product-list mg-left-0">
									<? 
									foreach ($list as $rs) : 
										$link_detail = site.'chi-tiet/'.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="grid__item large--one-quarter medium--one-quarter small--one-half pd-left0">
                                            <div class="product-item">
                                                <div class="product-img"> <a href="<?=$link_detail?>" title="<?=$rs->pro_name?>" rel="dofollow"> <img id="pro<?=$rs->proid?>" src="<?=$link_img?>" alt="<?=$rs->pro_name?>"> </a> </div>
                                                <div class="product-item-info">
                                                    <div class="product-title"> <a href="<?=$link_detail?>" title="<?=$rs->pro_name?>" rel="dofollow"><?=$rs->pro_name?></a> </div>
                                                    <div class="product-price clearfix"> <span class="current-price"><?=pricevn($rs->price)?>₫</span> </div>
                                                </div>
                                            </div>
                                        </div>
									<? endforeach ;?>
                                    </div>
                                    <div class="pagination not-filter">
                                        <div id="pagination-" class="text-center clear-left">
                                            <div class="pagination-custom"> <?=$pagination?> </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <?php $this->load->view('sidebar')?>
                    </div>
                </div>
            </div>
        </section>
    </main>
</div>