HomePage.aspx

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/CosmeticSale.Master" AutoEventWireup="true" CodeBehind="HomePage.aspx.cs" Inherits="CSharpAssignment.HomePage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div>
        <asp:Panel CssClass="alert alert-light container mt-2" Width="900" ID="PanelSearch" runat="server">
            <h3>You may like: </h3>
        </asp:Panel>
        <asp:Panel CssClass="alert alert-light container mt-2" Width="900" ID="PanelInfo" runat="server" Visible="false">
            <h3>
                <asp:Label ID="CategoryName" runat="server" Text="Label"></asp:Label>
            </h3>
            <small class="hint-text">
                <asp:Label ID="CategoryDetail" runat="server" Text="Label"></asp:Label>
            </small>
        </asp:Panel>
        <asp:DataList CssClass="container" ID="DLProduct" runat="server" CellPadding="15" RepeatColumns="3" DataKeyField="ID" DataSourceID="SqlDataSource1" Width="70%" Style="margin-top: 1px" OnItemCommand="DLProduct_ItemCommand" ValidateRequestMode="Disabled">
            <ItemTemplate>
                <div class="thumb-wrapper card" style="max-width: 250px">
                    <span class="wish-icon"><i class="fa fa-heart-o"></i></span>
                    <a data-toggle="dropdown" class="btn nav-item" style="position: absolute; top: 5px; left: 5px; width: 60px; height: 45px; z-index: 4">
                        <span class="material-icons text-info">unfold_more
                        </span>
                    </a>
                    <div class="dropdown-menu action-form bg-info text-white" style="position: absolute; top: -20px; left: 5px; width: 200px;">
                        <p class="px-3">
                            <small>
                                <b>Usage:</b>
                                <br />
                                <asp:Label ID="LblDetail" runat="server" Text='<%# Eval("Usage") %>'>

                                </asp:Label>
                            </small>
                        </p>
                    </div>
                    <div class="img-box">
                        <asp:Image ID="Image3" runat="server" ImageUrl='<%# Eval("ImageLink") %>' CssClass="img-fluid" />
                    </div>
                    <div class="thumb-content">
                        <h4>
                            <asp:Label ID="NameLabel1" runat="server" Text='<%# Eval("Name") %>' />
                        </h4>
                        <p class="item-price">
                            <strike>
                                <asp:Label ID="Label1" runat="server" Text='<%# (double.Parse(Eval("Price").ToString()) * 1.1).ToString() %>' />
                            </strike>
                            <b>
                                <asp:Label ID="PriceLabel1" runat="server" Text='<%# Eval("Price") %>' />
                            </b>
                        </p>
                        <asp:HiddenField ID="IDLabel" runat="server" Value='<%# Eval("ID") %>' />
                        <asp:Button CssClass="btn btn-primary" ID="ButtonAddToCart" runat="server" Text="Add To Cart" OnClick="ButtonAddToCart_Click" />
                    </div>
                </div>

            </ItemTemplate>
        </asp:DataList>
    </div>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:CSharpAssignmentConnectionString %>" SelectCommand="SELECT TOP 6 [Quantity], [Price], [Usage], [Name], [StatusID], [CateID], [ImageLink], [ID] FROM [Product] WHERE CateID = 7 ORDER BY NEWID()"></asp:SqlDataSource>

</asp:Content>