<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="QueueDensityChart.aspx.vb" Inherits="FinIQWebApp.QueueDensityChart" MasterPageFile="~/FiniqAppMasterPage.Master" Title="Queue Density"
    Culture="auto" UICulture="auto" MaintainScrollPositionOnPostback="false" %>

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

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <asp:ScriptManagerProxy ID="ScriptManagerProxy2" runat="server">
    </asp:ScriptManagerProxy>
     <link href="../FinIQJS/DateTimePicker.css" rel="stylesheet" type="text/css" />
    <script src="../FinIQJS/DateTimePicker.js" type="text/javascript"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>

    <asp:Panel runat="server" ID="pnlQueueDensityChart">
        <table>
            <tr id="Tr1" runat="server">
               <td>
                    <asp:Label ID="lblErrorMessage" runat="server" Text="" CssClass="lbl" Style="color: red !important"></asp:Label>
                </td>
            </tr>
            <tr>
                <td>
                    <table>
                        <tr>
                            <td class="lblBlotterPaddingRight">
                                <asp:Label ID="lblWorkflow" runat="server" Text="Workflow" CssClass="lbl"></asp:Label>
                            </td>
                            <td class="ctlBlotterPaddingRight">
                                <asp:DropDownList ID="ddlWorkFlow" runat="server" CssClass="ddl" Width="244px" AutoPostBack="false" EnableViewState="true" />
                            </td>
                            <td class="lblBlotterPaddingRight">
                                <asp:Label ID="lblViewQDensity" runat="server" Text="View Queue Density for" CssClass="lbl"></asp:Label>
                            </td>
                            <td class="ctlBlotterPaddingRight">
                                <asp:DropDownList ID="ddlTimeQuantum" runat="server" CssClass="ddl" Width="244px" AutoPostBack="false" EnableViewState="true" >
                                    <asp:ListItem text="Hour" Value="Hour"/>
                                    <asp:ListItem text="Today" Value="Today"/>
                                    <asp:ListItem text="Yesterday" Value="Yesterday"/>
                                    <asp:ListItem text=" This month" Value="This_Month"/>
                                    <asp:ListItem text=" Last month" Value="Last_Month"/>
                                    
                                    
                                </asp:DropDownList>
                            </td>
                            <td class="lblBlotterPaddingRight">
                                <asp:Label ID="lblSelectDate" runat="server" Text="Select Date" CssClass="lbl"></asp:Label>
                            </td>
<%--                            <td class="ctlBlotterPaddingRight">
                                    <uc1:DateControl ID="DateControl1" runat="server" CalenderCss="btn1" TextBoxCss="txt" />
                            </td>--%>
                            <td class="tdPaddingRight" style="padding-left: 8px !important;">
                                    <uc3:UC_DateTime ID="dateTimeControl" runat="server" CalenderCss="btn1" autopostback="true" width="230px" />
                                </td>
                            <td class="ctlBlotterPaddingRight">
                                    <asp:Button ID="btnGenerateChart" Text="Generate Chart" AutoPostBack="true" runat="server" CssClass="btn" />
                            </td>
                           <%-- <td class="ctlBlotterPaddingRight">
                                    <asp:Button ID="btnGenerateChart_js" Text="Call Parent Function" AutoPostBack="false" runat="server" CssClass="btn" ClientIDMode="Static"/>
                                <asp:Button ID="btnGenerateChart_js" Text="Generate Chart (JS)" AutoPostBack="false" runat="server" CssClass="btn" />
                                
                            </td>--%>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </asp:Panel>

    <asp:Panel ID="PanelBubbleChart1" runat="server" CssClass="pnlBubbleChart">
        <table>
                     <tr>
                        <td>
                            <div>
                                <asp:Chart ID="Bubble_Chart" runat="server" AutoPostBack="true" EnableViewState="true">
                                    <series>
                                        <asp:series name="Series1" PostBackValue="#VALX #VALY"/>
                                    </series>
                                    <chartareas>
                                        <asp:chartarea name="ChartArea1"/>
                                    </chartareas>
                                </asp:Chart>
                            </div>
                        </td>
                    </tr>
            </table>
    </asp:Panel>
    
    <script type="text/javascript">

        function OpenWorkFlowInParent(wf_id, queue_id , y_value , from, to) {
            
            window.top.OpenWorkFlowFromQueueDensityPage(wf_id, queue_id, y_value, from, to);

        }
                
    </script>
    <style>
        .pnlBubbleChart {
            height: 650px;
            width: 1500px;
            padding-top: 20px;
        }
    </style>
</asp:Content>

