<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="CustomerQuote.aspx.cs" Inherits="Analytics.Pages.Containers.CustomerQuote" %>

<%@ Register Assembly="DevExpress.Web.v16.1, Version=16.1.4.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" Namespace="DevExpress.Web" TagPrefix="dx" %>
<asp:Content ID="cntHead" ContentPlaceHolderID="cphHead" runat="server">
    <title>Customer Quote | Analytics</title>
</asp:Content>
<asp:Content ID="cntMain" ContentPlaceHolderID="cphMain" runat="server">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <h1><asp:Literal ID="litCustomer" runat="server"></asp:Literal></h1>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-4">
                <div class="form-group">
                    <asp:Label Text="Order Number:" runat="server" Width="120px"></asp:Label>
                    <asp:TextBox ID="txtOrderNumber" runat="server" placeholder="Your reference number"></asp:TextBox>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    <asp:Label Text="Date Required:" runat="server" Width="120px"></asp:Label>
                    <dx:ASPxDateEdit ID="deDateRequired" runat="server"></dx:ASPxDateEdit>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    <asp:Label Text="Total Volume:" runat="server" Width="120px"></asp:Label>
                    <asp:TextBox ID="txtTotalVolume" runat="server" ReadOnly="True"></asp:TextBox>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    <asp:Label Text="Total Price:" runat="server" Width="120px"></asp:Label>
                    <asp:TextBox ID="txtTotalPrice" runat="server" ReadOnly="True"></asp:TextBox>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    <asp:Label Text="Approx. Weight:" runat="server" Width="120px"></asp:Label>
                    <asp:TextBox ID="txtApproxWeight" runat="server" ReadOnly="True"></asp:TextBox>
                </div>
            </div>
            <div class="col-sm-4">
                <div class="form-group">
                    <asp:Label Text="Forecast Date:" runat="server"></asp:Label>
                    <asp:TextBox ID="txtForecastDate" runat="server" ReadOnly="True"></asp:TextBox>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <dx:ASPxGridView ID="gvMain"
                                    runat="server"
                                    AutoGenerateColumns="False"
                                    EnableTheming="True"
                                    Width="100%"
                                    ClientInstanceName="grid"
                                    KeyFieldName="ProductCode"
                                    OnRowUpdated="gvMain_RowUpdated"
                                    EnableCallBacks="False"
                                    OnHtmlRowPrepared="gvMain_HtmlRowPrepared">
                    <SettingsPager PageSize="100" />
                    <Settings ShowFilterRow="True" ShowGroupPanel="False" VerticalScrollBarMode="Visible" ShowFooter="True" VerticalScrollBarStyle="Virtual" VerticalScrollableHeight="400" />
                    <SettingsDataSecurity AllowDelete="False" AllowEdit="True" AllowInsert="False" />
                    <SettingsSearchPanel Visible="False" />
                    <SettingsEditing Mode="Inline" />

                    <Columns>
                        <dx:GridViewCommandColumn ShowEditButton="True" VisibleIndex="0" Width="50px">
                        </dx:GridViewCommandColumn>
                        <dx:GridViewDataTextColumn Caption="Description" FieldName="ProductName" ReadOnly="True" VisibleIndex="3" Width="300px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="Weight" FieldName="ProductWeight" ReadOnly="True" VisibleIndex="7" Width="50px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="Code" FieldName="ProductCode" ReadOnly="True" VisibleIndex="2" Width="100px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="40ft HQ" FieldName="ItemsPer40ftHQ" ReadOnly="True" VisibleIndex="8" Width="100px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="20ft HQ" FieldName="ItemsPer20ftHQ" ReadOnly="True" VisibleIndex="9" Width="100px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="Box Volume" FieldName="BoxVolume" ReadOnly="True" VisibleIndex="10" Width="100px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="Price" FieldName="Price" ReadOnly="True" VisibleIndex="11" Width="50px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="Quantity" FieldName="Quantity" VisibleIndex="12" Width="50px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="Total CBM" VisibleIndex="13" ReadOnly="True" Width="100px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="Total Price" ReadOnly="True" VisibleIndex="14" Width="50px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="Forecast Date" ReadOnly="True" VisibleIndex="15" Width="100px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="SupplierCode" FieldName="SupplierCode" VisibleIndex="1" Width="50px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="Product Category" FieldName="ProductCategory" VisibleIndex="4" Width="100px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="Product Group" FieldName="ProductGroup" VisibleIndex="5" Width="100px">
                        </dx:GridViewDataTextColumn>
                        <dx:GridViewDataTextColumn Caption="ProductSubGroup" FieldName="ProductSubGroup" VisibleIndex="6" Width="100px">
                        </dx:GridViewDataTextColumn>
                    </Columns>
                </dx:ASPxGridView>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <dx:ASPxButton ID="btnCreateOrder" runat="server" Text="Create Order" OnClick="btnCreateOrder_Click"></dx:ASPxButton>
            </div>
        </div>
    </div>

    <dx:ASPxPopupControl ID="popupControl" runat="server" Modal="True" ShowCloseButton="True" PopupHorizontalAlign="WindowCenter" PopupVerticalAlign="WindowCenter"></dx:ASPxPopupControl>
</asp:Content>