<%@ Page Title="" MaintainScrollPositionOnPostback="true" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true"
    CodeBehind="AdminDashboard.aspx.cs" Inherits="HRMS.AdminDashboard" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <script type="text/javascript" src="../../ThemeScrips/Chart.min.js"></script>

   

    
   
        <asp:Panel ID="main_pnl" runat="server">
           
            
            <div class="row">
                <div class="col-md-12">
                    <section class="panel">
         <header class="panel-heading" style="padding-bottom:30px">
                           <span class="label label-primary"> HR Dashboard</span>
               
                 <div class="pull-right">
                        <a href="EmployeeHierarcy.aspx" id="ViewHierarcy" runat="server" class="btn btn-info">View Employee Hierarcy Chart</a>

                    </div>
                </header>
    </section>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" id="div_emdDept" runat="server" visible="false">
                    <section class="panel">
                    <header class="panel-heading">
                         <div>
                                <asp:LinkButton ID="lnk_pie" runat="server" OnClick="lnk_chart_Click" CommandName="pie" ToolTip="Pie Chart">
                                    <span class ="fa fa-pie-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="lnk_bar" runat="server" OnClick="lnk_chart_Click" CommandName="bar" ToolTip="Bar Chart">
                                    <span class ="fa fa-bar-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="lnk_horizbar" runat="server" OnClick="lnk_chart_Click" CommandName="horizontalBar" ToolTip="Horizontal Bar">
                                    <span class ="fa fa-bars" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="lnk_line" runat="server" OnClick="lnk_chart_Click" CommandName="line" ToolTip="Line Chart">
                                    <span class ="fa fa-line-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="lnk_polarArea" runat="server" OnClick="lnk_chart_Click" CommandName="polarArea" ToolTip="Polar Area">
                                    <span class ="fa fa-area-chart" style="font-size:30px"></span>
                                  </asp:LinkButton>
                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="LinkButton25" runat="server" OnClick="lnk_chart_Click" CommandName="doughnut" ToolTip="Doughnut Chart">
                                    <span class ="fa fa-circle-o-notch" style="font-size:30px"></span>
                                  </asp:LinkButton>
                            </div>
                    </header>
                    <div class="panel-body">
                            <canvas id="CanvasEmpDept" style="height: 70px; width: 100px"></canvas>
                            <asp:Literal ID="LtEmpDept" runat="server"></asp:Literal>
                    </div>

                 </section>


                </div>
                <div class="col-md-6" id="div_gen" runat="server" visible="false">
                    <section class="panel">
                     <header class="panel-heading">
                         <div>
                                <asp:LinkButton ID="LinkButton1" runat="server" OnClick="lnk_chart_gndr_Click" CommandName="pie" ToolTip="Pie Chart">
                                    <span class ="fa fa-pie-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton2" runat="server" OnClick="lnk_chart_gndr_Click" CommandName="bar" ToolTip="Bar Chart">
                                    <span class ="fa fa-bar-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton3" runat="server" OnClick="lnk_chart_gndr_Click" CommandName="horizontalBar" ToolTip="Horizontal Bar">
                                    <span class ="fa fa-bars" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton4" runat="server" OnClick="lnk_chart_gndr_Click" CommandName="line" ToolTip="Line Chart">
                                    <span class ="fa fa-line-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="LinkButton5" runat="server" OnClick="lnk_chart_gndr_Click" CommandName="polarArea" ToolTip="Polar Area">
                                    <span class ="fa fa-area-chart" style="font-size:30px"></span>
                                  </asp:LinkButton>
                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="LinkButton24" runat="server" OnClick="lnk_chart_gndr_Click" CommandName="doughnut" ToolTip="Doughnut Chart">
                                    <span class ="fa fa-circle-o-notch" style="font-size:30px"></span>
                                  </asp:LinkButton>
                            </div>
                    </header>

                    <div class="panel-body">
                <canvas id="myCanvas" style="height: 70px; width: 100px"></canvas>
                <asp:Literal ID="ltChart" runat="server"></asp:Literal>
                    </div>
                    </section>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <section class="panel">
                    <div class="panel-body">
                <div style="width: 102%; height:280px; overflow: scroll">
                                           <asp:GridView ID="grd" runat="server" AutoGenerateColumns="False"  GridLines="Horizontal" HeaderStyle-BackColor="WhiteSmoke" HeaderStyle-ForeColor="Black" 
                      cellpadding="0" border="0" CssClass="table">
            <Columns>
                <asp:BoundField HeaderText="Date" DataField="Date" />
                <asp:BoundField HeaderText="Day" DataField="Day" />
                 <asp:BoundField HeaderText="Name" DataField="NAME" />
                <asp:BoundField HeaderText="In Time" DataField="In_Time" />
                <asp:BoundField HeaderText="Out Time" DataField="Out_Time" />
                <asp:BoundField HeaderText="Late" DataField="Late" />
            </Columns>
            <%-- Mandatory--%>
            <RowStyle CssClass="rowStyle"/>
           <%-- Mandatory--%>
            <HeaderStyle CssClass="headerStyle" />
           <%-- optional--%>
           <FooterStyle  CssClass="footerStyle"  />
        </asp:GridView>
        </div>
                    </div>
                    </section>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" id="div_org_pay" runat="server" visible="false">
                    <section class="panel">
                <header class="panel-heading">
                         <div>
                                <asp:LinkButton ID="LinkButton6" runat="server" OnClick="lnk_chart_pay_summary_Click" CommandName="pie" ToolTip="Pie Chart">
                                    <span class ="fa fa-pie-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton7" runat="server" OnClick="lnk_chart_pay_summary_Click" CommandName="bar" ToolTip="Bar Chart">
                                    <span class ="fa fa-bar-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton8" runat="server" OnClick="lnk_chart_pay_summary_Click" CommandName="horizontalBar" ToolTip="Horizontal Bar">
                                    <span class ="fa fa-bars" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton9" runat="server" OnClick="lnk_chart_pay_summary_Click" CommandName="line" ToolTip="Line Chart">
                                    <span class ="fa fa-line-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="LinkButton10" runat="server" OnClick="lnk_chart_pay_summary_Click" CommandName="polarArea" ToolTip="Polar Area">
                                    <span class ="fa fa-area-chart" style="font-size:30px"></span>
                                  </asp:LinkButton>
                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="LinkButton23" runat="server" OnClick="lnk_chart_pay_summary_Click" CommandName="doughnut" ToolTip="Doughnut Chart">
                                    <span class ="fa fa-circle-o-notch" style="font-size:30px"></span>
                                  </asp:LinkButton>
                            </div>
                    </header>


                    <div class="panel-body">
                                <canvas id="CanvasOrgPayroll"></canvas>
                                <asp:Literal ID="LtOrgPayroll" runat="server"></asp:Literal>
                    </div>
                </section>
                </div>
            </div>
            <div class="row">
                <div class="col-md-6" id="div_loc" runat="server" visible="false">
                    <section class="panel">
                    <header class="panel-heading">
                         <div>
                                <asp:LinkButton ID="LinkButton11" runat="server" OnClick="lnk_chart_LocWise_headcount_Click" CommandName="pie" ToolTip="Pie Chart">
                                    <span class ="fa fa-pie-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton12" runat="server" OnClick="lnk_chart_LocWise_headcount_Click" CommandName="bar" ToolTip="Bar Chart">
                                    <span class ="fa fa-bar-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton13" runat="server" OnClick="lnk_chart_LocWise_headcount_Click" CommandName="horizontalBar" ToolTip="Horizontal Bar">
                                    <span class ="fa fa-bars" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton14" runat="server" OnClick="lnk_chart_LocWise_headcount_Click" CommandName="line" ToolTip="Line Chart">
                                    <span class ="fa fa-line-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="LinkButton15" runat="server" OnClick="lnk_chart_LocWise_headcount_Click" CommandName="polarArea" ToolTip="Polar Area">
                                    <span class ="fa fa-area-chart" style="font-size:30px"></span>
                                  </asp:LinkButton>
                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="LinkButton22" runat="server" OnClick="lnk_chart_LocWise_headcount_Click" CommandName="doughnut" ToolTip="Doughnut Chart">
                                    <span class ="fa fa-circle-o-notch" style="font-size:30px"></span>
                                  </asp:LinkButton>
                            </div>
                    </header>

                    <div class="panel-body">
                                <canvas id="CanvasLoc" style="height: 70px; width: 100px"></canvas>
                                <asp:Literal ID="LtLoc" runat="server"></asp:Literal>
                    </div>
                </section>
                </div>
                <div class="col-md-6" id="div_pay" runat="server" visible="false">
                    <section class="panel">
                    <header class="panel-heading">
                         <div>
                                <asp:LinkButton ID="LinkButton16" runat="server" OnClick="lnk_chart_payroll_Click" CommandName="pie"  ToolTip="Pie Chart">
                                    <span class ="fa fa-pie-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton17" runat="server" OnClick="lnk_chart_payroll_Click" CommandName="bar"  ToolTip="Bar Chart">
                                    <span class ="fa fa-bar-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton18" runat="server" OnClick="lnk_chart_payroll_Click" CommandName="horizontalBar" ToolTip="Horizontal Bar">
                                    <span class ="fa fa-bars" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <asp:LinkButton ID="LinkButton19" runat="server" OnClick="lnk_chart_payroll_Click" CommandName="line" ToolTip="Line Chart">
                                    <span class ="fa fa-line-chart" style="font-size:30px"></span>
                                </asp:LinkButton>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="LinkButton20" runat="server" OnClick="lnk_chart_payroll_Click" CommandName="polarArea" ToolTip="Polar Area">
                                    <span class ="fa fa-area-chart" style="font-size:30px"></span>
                                  </asp:LinkButton>
                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="LinkButton21" runat="server" OnClick="lnk_chart_payroll_Click" CommandName="doughnut" ToolTip="Doughnut Chart">
                                    <span class ="fa fa-circle-o-notch" style="font-size:30px"></span>
                                  </asp:LinkButton>
                            </div>
                    </header>

                    <div class="panel-body">
                                <canvas id="CanvasPayroll" style="height: 70px; width: 100px"></canvas>
                                <asp:Literal ID="LtPayroll" runat="server"></asp:Literal>
                    </div>
                </section>
                </div>
            </div>
        </asp:Panel>
   
   

     
</asp:Content>

