<%@ Page Language="vb" AutoEventWireup="true" CodeBehind="ActivityTimestamp.aspx.vb" Inherits="FinIQWebApp.ActivityTimestamp" MasterPageFile="~/FiniqAppMasterPage.Master" %>

<%@ Register Src="../FinIQ_User_Controls/DateControl.ascx" TagName="DateControl" TagPrefix="uc1" %>

<asp:Content ID="content" ContentPlaceHolderID="MainContent" runat="server">
    <style>
        .fieldSetBorder {
            border: 1px solid #DCDCDC;
        }

        .fieldsetlegend {
            font-size: 14px;
            color: steelblue;
            font-weight: bold;
        }

        .labelBorder {
            border-bottom: solid;
            border-width: 1px;
            border-color: darkgray;
            padding: 5px;
            padding-top: 10px;
            box-shadow: 1px lightgrey;
        }

        .button {
            width: 100px;
        }

        .headerRowTopPad {
            padding-top: 10px;
        }

        .headerRowBottamPad {
            padding-bottom: 5px;
        }

        .itemBorder {
            border-bottom: solid;
            border-width: 1px;
            border-color: lightgray;
        }
    </style>

    <asp:UpdatePanel ID="updatePanel1" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <table class="table">
                <tr>
                    <%--<td class="ctlBlotterPaddingRight" rowspan="2">         --To show/hide all the templates with no deals on selected date
                            <asp:Button ID="btnHideEmpty" CssClass="button btn" Text="Hide Empty" runat="server" />
                        </td>--%>
                    <td class="ctlBlotterPaddingRight">
                        <asp:RadioButton ID="rbtnShowFirstLast" AutoPostBack="true" runat="server" Text="Show First and Last Deal only" GroupName="displayDeal" />
                    </td>
                    <td class="lblBlotterPaddingRight">
                        <asp:Label ID="lblDate" runat="server" Text="Deal Date"></asp:Label>
                    </td>
                    <td class="ctlBlotterPaddingRight">
                        <uc1:DateControl ID="txtDealDate" DoPostBack="true" runat="server" CalenderCss="btn1" TextBoxCss="txt" />
                    </td>
                    <td class="lblBlotterPaddingRight">
                        <asp:Label ID="lblStartTime" runat="server" Text="Starting Time" />
                    </td>
                    <td>
                        <asp:DropDownList ID="ddlTimeSlots" runat="server" AutoPostBack="true" CssClass="ddl" />
                    </td>
                </tr>
                <tr>
                    <td class="ctlBlotterPaddingRight">
                        <asp:RadioButton ID="rbtnShowAll" AutoPostBack="true" Checked="true" runat="server" Text="Show All Deals" GroupName="displayDeal" />
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="padding: 5px 5px 5px 5px;" class="lblBlotterPaddingRight">
                        <asp:Label ID="lblError" runat="server" CssClass="lblerror"></asp:Label>
                    </td>
                </tr>
            </table>
            <table>
                <tr>
                    <td>
                        <asp:GridView ID="grdTemplates" runat="server" BorderWidth="0" CellSpacing="5" GridLines="None" AutoGenerateColumns="false">
                            <Columns>
                                <asp:TemplateField HeaderText="Template" HeaderStyle-CssClass="labelBorder">
                                    <HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />
                                    <ItemStyle HorizontalAlign="Left" CssClass="itemBorder" />
                                    <ItemTemplate>
                                        <asp:Label ID="lblTemplateNm" Width="140px" runat="server" Text='<%# Microsoft.Security.Application.Encoder.HtmlEncode(DataBinder.Eval(Container, "DataItem.Template_Name").ToString)%>'></asp:Label>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderStyle-CssClass="labelBorder">
                                    <HeaderStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                                    <HeaderTemplate>
                                        <asp:Label ID="lblDate" runat="server" CssClass="headerRowTopPad" Text="Date of Deals: " />
                                        <asp:Label ID="lblDealDate" runat="server" CssClass="headerRowTopPad" />
                                        <asp:Chart ID="chrtHeader" runat="server" CssClass="headerRowBottamPad" Width="1800px" Height="50px">
                                            <ChartAreas>
                                                <asp:ChartArea>
                                                    <AxisX Enabled="True" LineWidth="0" IntervalType="Hours" Interval="1">
                                                        <MajorGrid Enabled="false" />
                                                        <LabelStyle Enabled="true" Format="hh:mm tt" Font="Calibri Bold" />
                                                    </AxisX>
                                                    <AxisY Enabled="False" Maximum="0" />
                                                </asp:ChartArea>
                                            </ChartAreas>
                                            <Series>
                                                <asp:Series ChartType="Line" Color="DarkGreen" XValueType="DateTime" MarkerStyle="Circle" MarkerSize="7">
                                                </asp:Series>
                                            </Series>
                                        </asp:Chart>
                                    </HeaderTemplate>
                                    <ItemStyle CssClass="itemBorder" />
                                    <ItemTemplate>
                                        <asp:Chart ID="chrtTimeline" runat="server" Width="1800px" Height="50px">
                                            <ChartAreas>
                                                <asp:ChartArea>
                                                    <AxisX Enabled="False" IntervalType="Minutes" Interval="5" />
                                                    <AxisY Enabled="False" Maximum="1" />
                                                </asp:ChartArea>
                                            </ChartAreas>
                                            <Series>
                                                <asp:Series ChartType="Line" Color="DarkGreen" XValueType="DateTime" MarkerStyle="Circle" MarkerSize="7">
                                                </asp:Series>
                                            </Series>
                                        </asp:Chart>
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                        </asp:GridView>
                    </td>
                </tr>
            </table>
        </ContentTemplate>
    </asp:UpdatePanel>
</asp:Content>

