<section class="bread-crumb"> <!--<span class="crumb-border"></span> a-left-->
    <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><span class="mr_lr">&nbsp;/&nbsp;</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="section wrap_background">
    <div class="container ">
        <div class="bg_collection section">
            <div class="row">
                <div class="main_container collection col-xl-12 col-lg-12 col-md-12 col-sm-12">
                    <div class="slider-items-products section">
                        <div class="collectiontitle">
                            <h1 class="cat-heading">Tất cả sản phẩm</h1>
                        </div>
                    </div>
                    <div class="category-products products">
                        <div class="clearfix"></div>
                        <section class="products-view products-view-grid collection_reponsive list_hover_pro">
                            <div class="row">
                            <?php 
							foreach ($list as $pro) : 
								$link_detail = site.'chi-tiet/'.alias($pro->pro_name).'-'.$pro->proid.'.html';
								$link_img = urlimg.'products/800/'.$pro->proimg;		
							?>
                                <div class="col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3 product-col">
                                    <div class="item_product_main item_option margin-bottom-15">
                                        <form action="<?=site?>sanpham/cart/add" method="post" class="variants product-action" data-id="product-actions-<?=$pro->proid?>" enctype="multipart/form-data">
                                            <div class="product-thumbnail"> <a class="image_thumb scale_hover" href="<?=$link_detail?>" title="<?=$pro->pro_name?>"> <img class="lazyload" src="<?=$link_img?>"  data-src="<?=$link_img?>" alt="<?=$pro->pro_name?>"> </a>
                                                <div class="action1">
                                                    <input type="hidden" name="proid" value="<?=$pro->proid?>" />
                                                    <button class="hidden-xs btn-buy btn-cart btn btn-views left-to add_to_cart " title="Thêm vào giỏ hàng"> Thêm vào giỏ hàng </button>
                                                </div>
                                            </div>
                                            <div class="product-info">
                                                <h3 class="product-name"><a href="<?=$link_detail?>" title="<?=$pro->pro_name?>"><?=$pro->pro_name?></a></h3>
                                                <div class="price-box"> <span class="gia">Giá:</span> <?=pricevn($pro->price)?> </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
							<? endforeach;?>
                            </div>
                            <div class="section pagenav a-right">
                            	<div class="paging"><?=$pagination?></div>
                                <!--<nav class="clearfix relative nav_pagi">
                                    <ul class="pagination clearfix">
                                        <li class="page-item disabled"><a class="page-link" href="#"><i class="fas fa-angle-left"></i></a></li>
                                        <li class="active page-item disabled"><a class="page-link" href="javascript:;">1</a></li>
                                        <li class="page-item"><a class="page-link" onclick="doSearch(2)" href="javascript:;">2</a></li>
                                        <li class="page-item"><a class="page-link" onclick="doSearch(3)" href="javascript:;">3</a></li>
                                        <li class="page-item"><a class="page-link" onclick="doSearch(4)" href="javascript:;">4</a></li>
                                        <li class="page-item"><a class="page-link" onclick="doSearch(5)" href="javascript:;">5</a></li>
                                        <li class="page-item hidden-xs"><a class="page-link" onclick="doSearch(2)" href="javascript:;"><i class="fas fa-angle-right"></i> </a></li>
                                    </ul>
                                </nav>
                                <script>
								var cuPage = 1
								</script>--> 
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<script>
		var colName = "Tất cả sản phẩm";
		var colId = 0;
		var selectedViewData = "data";
	</script> -->
</div>