@using TeamMVC1.Models
@using PagedList.Mvc;
@model PagedList.PagedList<SACH>
    <!--  model List<SACH>-->
@{
    ViewBag.Title = "Index";
}

<style>
    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        padding: 12px 16px;
        z-index: 1;
    }

    .dropdown:hover .dropdown-content {
        display: block;
    }
</style>

    <!--using (Html.BeginForm("Index","Home", FormMethod.Post)) -->

    @foreach (var item in Model)
    {
    <div class="product">
        <ul class="homeproduct ">
            <li>
                <a href="@Url.Action("Details", new { @x = item.MaSach })">
                    <img src="@Url.Content("~/HinhAnhSP/"+item.AnhBia)" />
                    <h3>@item.TenSach</h3>
                    <strong>@item.GiaBan ₫</strong>
                    <button>Mua ngay</button>
                </a>
                @*<div class="dropdown-content">
                    <span>@item.TenSach</span>
                    <span><strong>@item.GiaBan</strong></span>

                </div>*@

                @*<figure class="bginfo">
                        <a @Url.Action("Details", new { @MaSP = item.ID_SP })>

                            <span class="name">  @item.TenSP</span><br />
                            <span><strong>@item.Gia ₫</strong></span>

                            <span>@item.Loai</span>
                            <span>@item.MauSac</span>
                            <span>@item.HangSX</span>

                        </a>

                    </figure>*@
            </li>

        </ul>
    </div>
    }


<div style="clear:both"></div><!-- cai nay de xuong dong-->
Trang @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber)/ @Model.PageCount
<p>
    @Html.PagedListPager(Model, page => Url.Action("Index", new { page = page }))
</p>
<!--MenuTrang k anh huong-->
<style>
    MenuTrang li {
        display: inline;
    }
</style>