<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server">

    <div class="jumbotron">
        <h1>Ηλεκτρονικό Κατάστημα</h1>
        <br />
        <p>Επιλέξτε προιόν: </p>
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ProductID" DataSourceID="SqlDataSource1" AllowPaging="True" BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px" CellPadding="2" ForeColor="Black" GridLines="None" PageSize="4" AllowSorting="True">
            <AlternatingRowStyle BackColor="PaleGoldenrod" />
            <Columns>
                <asp:BoundField DataField="Name" HeaderText="Όνομα" SortExpression="Name" DataFormatString=" {0:c}" />
                <asp:BoundField DataField="Price" HeaderText="Τιμή" SortExpression="Price" />
                <asp:CommandField SelectText="Λεπτομέρειες" ShowSelectButton="True" />
            </Columns>
            <FooterStyle BackColor="Tan" />
            <HeaderStyle BackColor="Tan" Font-Bold="True" />
            <PagerSettings Mode="NextPreviousFirstLast" NextPageText="Επόμενο" PreviousPageText="Προηγούμενο" />
            <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue" HorizontalAlign="Center" />
            <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
            <SortedAscendingCellStyle BackColor="#FAFAE7" />
            <SortedAscendingHeaderStyle BackColor="#DAC09E" />
            <SortedDescendingCellStyle BackColor="#E1DB9C" />
            <SortedDescendingHeaderStyle BackColor="#C2A47B" />
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ConnStringProd %>" SelectCommand="SELECT * FROM [Product] WHERE ([Available] = @Available)">
            <SelectParameters>
                <asp:Parameter DefaultValue="True" Name="Available" Type="Boolean" />
            </SelectParameters>
        </asp:SqlDataSource>
    </div>

    <div class="row">
        <div class="col-md-4">
            <h2>Ζητήσατε&nbsp;λεπτομέρειες&nbsp;για&nbsp;το&nbsp;προϊόν: </h2>
            <asp:DetailsView ID="DetailsView1" runat="server" Height="50px" Width="216px" AutoGenerateRows="False" CellPadding="4" DataKeyNames="ProductID" DataSourceID="SqlDataSource2" ForeColor="#333333" GridLines="None">
                <AlternatingRowStyle BackColor="White" />
                <CommandRowStyle BackColor="#C5BBAF" Font-Bold="True" />
                <EditRowStyle BackColor="#7C6F57" />
                <FieldHeaderStyle BackColor="#D0D0D0" Font-Bold="True" />
                <Fields>
                    <asp:BoundField DataField="ProductID" HeaderText="Κωδικός" InsertVisible="False" ReadOnly="True" SortExpression="ProductID" />
                    <asp:BoundField DataField="Name" HeaderText="Όνομα" SortExpression="Name" />
                    <asp:BoundField DataField="Description" HeaderText="Περιγραφή" SortExpression="Description" />
                    <asp:BoundField DataField="Price" DataFormatString="{0:c}" HeaderText="Τιμή" SortExpression="Price" />
                    <asp:BoundField DataField="Quantity" HeaderText="Ποσότητα" SortExpression="Quantity" />
                </Fields>
                <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                <HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
                <PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
                <RowStyle BackColor="#E3EAEB" />
            </asp:DetailsView>
            <asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:ConnStringProd %>" SelectCommand="SELECT * FROM [Product] WHERE ([Available] = @Available)">
                <SelectParameters>
                    <asp:Parameter DefaultValue="True" Name="Available" Type="Boolean" />
                </SelectParameters>
            </asp:SqlDataSource>
        </div>
        <div class="col-md-4">
            <p>
                Υποστήριξη
            </p>
            <img src="logo.png" />
        </div>
        <div class="col-md-4">
        </div>
    </div>
</asp:Content>