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

<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">
                Dashboard
                </header>
    </section>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" id="div_empatt" runat="server">
                <section class="panel">
                    <header class="panel-heading">
                         <div>
                                 <asp:LinkButton ID="lnk_pie" runat="server" OnClick="lnk_chart_Click" CommandName="pie">
                                    <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">
                                    <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">
                                    <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">
                                    <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">
                                    <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">
                                    <span class ="fa fa-circle-o-notch" style="font-size:30px"></span>
                                  </asp:LinkButton>
                            </div>
                    </header>
                    <div class="panel-body">
                            <canvas id="CanvasEmpatt" style="height: 30px; width: 100px"></canvas>
                            <asp:Literal ID="LtEmpAtt" runat="server"></asp:Literal>
                    </div>

                 </section>
            </div>




        </div>

        <div class="row">

            <div class="col-md-6" id="div2" runat="server">
                <section class="panel">
                    <header class="panel-heading">
                         <div>
                                 <asp:LinkButton ID="LinkButton1" runat="server" OnClick="lnk_chart_pf_Click" CommandName="pie">
                                    <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_pf_Click" CommandName="bar">
                                    <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_pf_Click"  CommandName="horizontalBar">
                                    <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_pf_Click" CommandName="line">
                                    <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_pf_Click" CommandName="polarArea">
                                    <span class ="fa fa-area-chart" style="font-size:30px"></span>
                                  </asp:LinkButton>
                                  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <asp:LinkButton ID="LinkButton6" runat="server" OnClick="lnk_chart_pf_Click" CommandName="doughnut">
                                    <span class ="fa fa-circle-o-notch" style="font-size:30px"></span>
                                  </asp:LinkButton>
                            </div>
                    </header>
                    <div class="panel-body">
                            <canvas id="CanvasEmpPF" style="height: 70px; width: 100px"></canvas>
                            <asp:Literal ID="LitPF" runat="server"></asp:Literal>
                    </div>

                 </section>
            </div>


            <div class="col-md-6" id="div1" runat="server">
                <section class="panel">
                    <header class="panel-heading" style="height:49px;">
                         <div>
                               Department Members 
                            </div>
                    </header>
                    <div class="panel-body">
                <div style="width: 102%; height:360px;">
                                           <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"  GridLines="Horizontal" HeaderStyle-BackColor="WhiteSmoke" HeaderStyle-ForeColor="Black" 
                      cellpadding="0" border="0" CssClass="table">
            <Columns>
                <asp:BoundField HeaderText="Employee" DataField="Employee" />
                <asp:BoundField HeaderText="Department" DataField="NAME" />
                <asp:BoundField HeaderText="Email" DataField="Email" />
            </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">
                <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="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>



        <!-- Styles -->
        <%--<style>
            #chartdiv {
                width: 100%;
                height: 600px;
            }
        </style>--%>

        <!-- Resources -->
      <%--  <script src="https://cdn.amcharts.com/lib/4/core.js"></script>
        <script src="https://cdn.amcharts.com/lib/4/charts.js"></script>
        <script src="https://cdn.amcharts.com/lib/4/themes/kelly.js"></script>
        <script src="https://cdn.amcharts.com/lib/4/themes/animated.js"></script>

        <!-- Chart code -->
   
        <!-- HTML -->
        <div id="chartdiv"></div>
        <asp:Literal ID="Literal1" runat="server"></asp:Literal>--%>

    </asp:Panel>
</asp:Content>
