<%@ page language="C#" masterpagefile="~/MasterFile/TimeCheck.master" autoeventwireup="true" inherits="DashBoard, App_Web_ky3haule" %>

<%@ Register TagPrefix="dxGridview" Namespace="DevExpress.Web" Assembly="DevExpress.Web.v14.2" %>
<%@ Register Assembly="DevExpress.XtraCharts.v14.2.Web" Namespace="DevExpress.XtraCharts.Web"
    TagPrefix="devxCharts" %>
<%@ Register Src="~/UserControls/TA_uc_OrganizationLevels.ascx" TagName="OrganizationLevel"
    TagPrefix="uc" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="BodyContentPH" runat="Server">
    <link rel="stylesheet" href="plugins/select2/select2.min.css">
   
     <%--<script>
        $.widget.bridge('uibutton', $.ui.button);
    </script>--%>
  
   <script src="plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="dist/js/app.min.js" type="text/javascript"></script>
    <script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>

    <script src="plugins/moment.min.js" type="text/javascript"></script>
    <script src="plugins/daterangepicker/moment.js" type="text/javascript"></script>
    <script src="plugins/datepicker/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="js/DateTimeValidation.js"></script>
    <script src="js/GetNotification.js"></script>
    <script>
        $(function () {
            $('#ctl00_BodyContentPH_txtFrom').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden1').value }
            );
        });
    </script>
    <script>
        $(function () {
            $("#ctl00_BodyContentPH_News").draggable();
        });
        function CloseNews() {
            document.getElementById('ctl00_BodyContentPH_News').style.display = "none";
            return false;
        }
    </script>
    <style type="text/css">
        /*This Style set the popup for the Attendance chart */
        .new-text {
            display: block;
            font-size: 20px;
            font-weight: bold;
            font-family: HelveticaNeueCondensed;
            margin: 0px 0px 10px;
            white-space: nowrap;
            padding: 0px;
            text-align: center;
        }

        .modalBackground {
            background-color: Black;
            filter: alpha(opacity=60);
            opacity: 0.6;
        }
        /*End the attendance Chect*/
        /*This style Created the style for the Exception data chart*/
        .modalPopup1 {
            background-color: #FFFFFF;
            border: 3px solid #DD4B39;
            border-radius: 12px;
            padding: 0;
        }

            .modalPopup1 .header {
                background-color: #DD4B39;
                height: 30px;
                color: White;
                line-height: 30px;
                text-align: center;
                font-weight: bold;
                font-size: 18px;
                font-family: Arial;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
            }

            .modalPopup1 .body {
                min-height: 50px;
                line-height: 30px;
                text-align: center;
                font-weight: bold;
            }

            .modalPopup1 .footer {
                padding: 6px;
            }

            .modalPopup1 .yes, .modalPopup .no {
                height: 23px;
                color: White;
                line-height: 23px;
                text-align: center;
                font-weight: bold;
                cursor: pointer;
                border-radius: 4px;
            }

            .modalPopup1 .yes {
                background-color: #DD4B39;
                border: 1px solid #0DA9D0;
            }

            .modalPopup1 .no {
                background-color: #DD4B39;
                border: 1px solid #5C5C5C;
            }
        /* End of the exception chart */
        /* This is Created for the Approval data chart */
        .modalPopup2 {
            background-color: #FFFFFF;
            border: 3px solid #00A65A;
            border-radius: 12px;
            padding: 0;
            width: 950px;
        }

            .modalPopup2 .header {
                background-color: #00A65A;
                height: 30px;
                color: White;
                line-height: 30px;
                text-align: center;
                font-weight: bold;
                font-size: 18px;
                font-family: Arial;
                border-top-left-radius: 6px;
                border-top-right-radius: 6px;
            }

            .modalPopup2 .body {
                min-height: 50px;
                line-height: 30px;
                text-align: center;
                font-weight: bold;
            }

            .modalPopup2 .footer {
                padding: 6px;
            }

            .modalPopup2 .yes, .modalPopup .no {
                height: 23px;
                color: White;
                line-height: 23px;
                text-align: center;
                font-weight: bold;
                cursor: pointer;
                border-radius: 4px;
            }

            .modalPopup2 .yes {
                background-color: #DD4B39;
                border: 1px solid #0DA9D0;
            }

            .modalPopup2 .no {
                background-color: #00A65A;
                border: 1px solid #5C5C5C;
            }
    </style>
    <script type="text/javascript" language="javascript">
        var valOpen = 0;
        function Keypress_Event(e) {
            // Here we need not backspace keycode = 8
            if (!e) e = window.event;
            var c = (window.event) ? e.keyCode : e.which;
            if (c == 8) {
                //For IE
                if (window.ActiveXObject) {
                    e.keyCode = 0;
                    return true;
                }
                    //For firefox.
                else if (window.XMLHttpRequest) {
                    return false;
                }
            }
            return true;
        }
        function getFilter() {
            $('#collapseThree').collapse('show');
            if (document.getElementById('ctl00_BodyContentPH_trFiller').style.display == "none") {
                document.getElementById('ctl00_BodyContentPH_trFiller').style.display = "";
            }
            else {
                document.getElementById('ctl00_BodyContentPH_trFiller').style.display = "none";
            }
            return false;
        }
        function BtnExpGrid() {
            document.getElementById('ctl00_BodyContentPH_dvExceptionGrid').style.display = "none";
            document.getElementById('ctl00_BodyContentPH_dvExceptionChart').style.display = "block";
            document.getElementById('ctl00_BodyContentPH_btnExpGrid').disabled = false;
            document.getElementById('ctl00_BodyContentPH_btnExpChart').disabled = true;
            document.getElementById('ctl00_BodyContentPH_lblCount2').style.display = "none";
            return false;
        }
        function BtnExpChart() {
            document.getElementById('ctl00_BodyContentPH_dvExceptionGrid').style.display = "block";
            document.getElementById('ctl00_BodyContentPH_dvExceptionChart').style.display = "none";
            document.getElementById('ctl00_BodyContentPH_btnExpGrid').disabled = true;
            document.getElementById('ctl00_BodyContentPH_btnExpChart').disabled = false;
            document.getElementById('ctl00_BodyContentPH_lblCount2').style.display = "block";
            return false;
        }
        function load() {
            document.getElementById('ctl00_BodyContentPH_btnAttGrid').disabled = false;
        }

    </script>
    <script type="text/javascript">
        //Board 1
        function ClickAttendance(Code) {
            document.getElementById('ctl00_BodyContentPH_hdAttendance').value = Code;
        }
        //Board 2
        function ClickApproval(Code) {
            document.getElementById('ctl00_BodyContentPH_hdApproval').value = Code;
        }
        //Board 3
        function ClickException(Code) {
            document.getElementById('ctl00_BodyContentPH_hdException').value = Code;
        }
    </script>
    <script type="text/javascript" language="javascript">
        //values for check date
        var Monthfourdigit = 'Please enter valid date as month, day, and four digit year : Format MM/dd/yyyy.';
        //Adding this line var Datefourdigit='Please enter valid date with correct format dd/MM/yyyy'; as newly
        var Datefourdigit = 'Please enter valid date with correct format dd/MM/yyyy';
        var Invalidyearentry = 'Invalid year entry';
        var Invalidmonthentry = 'Invalid month entry';
        var Invaliddateentry = 'Invalid date entry';
        var DateformatDDMONYYYY = 'Please enter valid date with correct format dd-MMM-yyyy';
        var Entertime = 'Enter time';
        var Valueforhours = 'Invalid value for hours:';
        var Invalidvalueforminutes = 'Invalid value for minutes:';
        var Invalidtimeformat = 'Invalid time format:';
        var EntervalidDateandTime = 'Please enter valid Date and Time';
        var ValiddatemonthMMDDYYHHMM = 'Please enter valid Date and Time MM/dd/yyyy HH:mm';
        var ValiddatemonthMMDDYYHHMMTT = 'Please enter valid Date and Time MM/dd/yyyy hh:mm tt';
        var EntervalidDateandTime = 'Please enter valid Date and Time';
        var Invalidvalueforhours = 'Invalid value for hours:';
        var Invalidvalueforminites = 'Invalid value for minutes:';
        var MaxLength = "Maximum length is ";
        var FromDate = "Enter Valid From Date";
        var ToDate = "Enter Valid To Date";
        var SelectShiftdate = "Select Shift date";
        function SetAlertMessages(fromdate, enterToDate, selectShiftdate) {
            FromDate = fromdate;
            ToDate = enterToDate;
            SelectShiftdate = selectShiftdate;
        }
        function MaxLengthh(maxLength) {
            MaxLength = maxLength;
        }
        function SetAlertCheckDate(monthfourdigit, datefourdigit, invalidyearentry, invalidmonthentry, invaliddateentry, dateformatDDMONYYYY, entertime, valueforhours, invalidvalueforminutes, invalidtimeformat, entervalidDateandTime, validdatemonthMMDDYYHHMM, validdatemonthMMDDYYHHMMTT, entervalidDateandTime, invalidvalueforhours, invalidvalueforminites) {

            Monthfourdigit = monthfourdigit;
            Datefourdigit = datefourdigit;
            Invalidyearentry = invalidyearentry;
            Invalidmonthentry = invalidmonthentry;
            Invaliddateentry = invaliddateentry;
            DateformatDDMONYYYY = dateformatDDMONYYYY;
            Entertime = Entertime;
            Valueforhours = valueforhours;
            Invalidvalueforminutes = invalidvalueforminutes;
            Invalidtimeformat = invalidtimeformat;
            EntervalidDateandTime = entervalidDateandTime;
            ValiddatemonthMMDDYYHHMM = validdatemonthMMDDYYHHMM;
            ValiddatemonthMMDDYYHHMMTT = validdatemonthMMDDYYHHMMTT;
            EntervalidDateandTime = entervalidDateandTime;
            Invalidvalueforhours = invalidvalueforhours;
            Invalidvalueforminites = invalidvalueforminites;
        }
        function validation() {
            if (document.getElementById('ctl00_BodyContentPH_txtFrom').value == '') {
                alert(SelectShiftdate);
                return false;
            }
            else {
                if (document.getElementById('ctl00_BodyContentPH_txtFrom').value != '') {
                    var weekDay = document.getElementById('ctl00_BodyContentPH_txtFrom');
                    var DateFormat = document.getElementById('ctl00_BodyContentPH_Hidden1').value;
                    if (checkDate(weekDay, DateFormat, Monthfourdigit, Datefourdigit, Invalidyearentry, Invalidmonthentry, Invaliddateentry, DateformatDDMONYYYY, Entertime, Valueforhours, Invalidvalueforminutes, Invalidtimeformat, EntervalidDateandTime, ValiddatemonthMMDDYYHHMM, ValiddatemonthMMDDYYHHMMTT, EntervalidDateandTime, Invalidvalueforhours, Invalidvalueforminites)) {
                    }
                    else {
                        return false;
                    }
                }
                else {
                    alert(EnterFromDate);
                    return false;
                }
            }
        }
        function DateEntryValidation() {
            if (document.getElementById('ctl00_BodyContentPH_txtFrom').value != '') {
                var weekDay = document.getElementById('ctl00_BodyContentPH_txtFrom');
                var DateFormat = document.getElementById('ctl00_BodyContentPH_Hidden1').value;
                if (checkDate(weekDay, DateFormat, Monthfourdigit, Datefourdigit, Invalidyearentry, Invalidmonthentry, Invaliddateentry, DateformatDDMONYYYY, Entertime, Valueforhours, Invalidvalueforminutes, Invalidtimeformat, EntervalidDateandTime, ValiddatemonthMMDDYYHHMM, ValiddatemonthMMDDYYHHMMTT, EntervalidDateandTime, Invalidvalueforhours, Invalidvalueforminites)) {
                }
                else {
                    return false;
                }
            }
            else {
                alert(EnterFromDate);
                return false;
            }
        }
    </script>
    <div class="modalPopupNews" id="News" runat="server">
        <div class="header" style="cursor: pointer;">
            <div class="row">
                <div class="col-md-12">
                    News
                    <div class="pull-right">
                        <asp:Button ID="btnCloseNews" runat="server" Text="X" CssClass="no" Style="font-size: 10px; border-top-right-radius: 6px;"
                            OnClientClick="return CloseNews();" />
                    </div>
                </div>
            </div>
        </div>
        <div class="body">
            <div class="row">
                <div class="col-md-12" style="min-height: 200px; min-width: 250px;">
                    <asp:Literal ID="litLeftNews" runat="server"></asp:Literal>
                </div>
            </div>
        </div>
    </div>
    <div id="trDashboard" runat="server">
        <div style="display: none">
            <iframe id="exportData" runat="server"></iframe>
        </div>
        <div class="dashboard">
            <h3>
                <asp:Label ID="lbl_DashHeader" runat="server" Text="Dashboard"></asp:Label></h3>
            <asp:HiddenField ID="Hidden1" runat="server" />
            <asp:HiddenField ID="hdAttendance" runat="server" />
            <asp:HiddenField ID="hdApproval" runat="server" />
            <asp:HiddenField ID="hdException" runat="server" />
        </div>
        <!-- Main content -->
        <div class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel-group" id="accordion" style="margin-bottom: 0px">
                        <div class="panel panel-default">
                            <div class="panel-heading" id="trFilterShowHide" runat="server">
                                <div class="row">
                                    <div class="col-sm-4">
                                        <h4 class="pull-left">
                                            <asp:Label ID="lbl_Filter" runat="server" Text="Filters"></asp:Label></h4>
                                    </div>
                                    <div class="col-sm-5" style="padding-top: 8px">
                                        <div class="col-sm-5">
                                            <asp:Label ID="lblDataFor" Style="font-size: 12px;" runat="server"></asp:Label>
                                        </div>
                                        <div class="col-sm-4">
                                            <asp:Label ID="lbldisplayShiftDate" Style="font-size: 12px;" runat="server"></asp:Label>
                                        </div>

                                    </div>
                                     
                                    <div class="col-sm-3">

                                        <div class="pull-right">
                                        <h4 >
                                            
                                            <asp:LinkButton ID="Label1" runat="server" OnClick="Label1_Click" PostBackUrl="../DashBoardChart.aspx" Text="Chart"></asp:LinkButton>
                                            

                                        </h4>
                                        </div>
                                        <div class="pull-right">
                                            <button class="btn fil-btn" onclick="return getFilter();">
                                                <img src="dist/img/but1.jpg" class="img-responsive"></button>
                                        </div>
                                    </div>
                                   
                                </div>
                            </div>
                        </div>
                        <div class="panel-collapse" id="trFiller" style="display: none;" runat="server">
                            <div class="panel-body drop-table">
                                <div class="emp-filter">
                                    <div class="row">
                                        <div class="col-md-11">
                                            <div class="form-horizontal">
                                                <div id="divFilter" runat="server" align="left">
                                                    <div>
                                                        <div class="box-body">
                                                            <div class="row form-group" id="OrgFilter" runat="server">
                                                                <div class="col-md-12">
                                                                    <asp:UpdatePanel ID="upOrgLevel" runat="server" UpdateMode="Conditional">
                                                                        <ContentTemplate>
                                                                            <asp:PlaceHolder ID="PlaceHolderAbsentees" runat="server">
                                                                                <uc:OrganizationLevel ID="ucOrganizationLevel" runat="server" />
                                                                            </asp:PlaceHolder>
                                                                        </ContentTemplate>
                                                                    </asp:UpdatePanel>
                                                                </div>
                                                            </div>
                                                            <div class="row form-group">
                                                                <div class="col-md-2">
                                                                    <asp:Label ID="lblShiftDate" runat="server" Text="Shift Date"></asp:Label>
                                                                </div>
                                                                <div class="col-md-3">
                                                                    <asp:TextBox ID="txtFrom" runat="server" CssClass="form-control">
                                                                    </asp:TextBox>
                                                                    <%--To--%>
                                                                    <asp:TextBox ID="txtTo" runat="server" Style="display: none" CssClass="form-control">
                                                                    </asp:TextBox>
                                                                </div>
                                                                <div class="col-md-1">
                                                                </div>
                                                                <div class="col-md-2">
                                                                    <asp:Label ID="lbl_ShiftName" runat="server" Text="Shift Name"></asp:Label>
                                                                </div>
                                                                <div class="col-md-3">
                                                                    <asp:DropDownList ID="ddlShift" runat="server" CssClass="form-control select2">
                                                                    </asp:DropDownList>
                                                                </div>
                                                                <div class="col-md-1">
                                                                    <asp:LinkButton ID="btnGo" OnClick="imgbtnSearch_Click" runat="server" CssClass="btn src-btn fa-search"
                                                                        OnClientClick="return validation();" Text="&nbsp;&nbsp;Search"></asp:LinkButton>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-2" style="display: none">
                                                                    Employee Id
                                                                </div>
                                                                <div class="col-md-3" style="display: none">
                                                                    <asp:TextBox ID="txtEmployeeId" runat="server">
                                                                    </asp:TextBox>
                                                                </div>
                                                                <div class="col-md-12" style="width: 0%">
                                                                    <asp:DropDownList ID="ddlSession" runat="server" Style="display: none">
                                                                        <asp:ListItem Text="First Session" Value="0">
                                                                        </asp:ListItem>
                                                                        <asp:ListItem Text="Second Session" Value="1">
                                                                        </asp:ListItem>
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>
                                                            <%-- <div class="row" style="margin-top: 10px">
                                                                <div class="col-md-6">
                                                                </div>
                                                                <div class="col-md-5">
                                                                    <div class="pull-right-button">
                                                                    </div>
                                                                </div>
                                                            </div>--%>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clearfix">
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <%--<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
                <ContentTemplate>--%>
            <div class="row">
                <div class="col-md-12" id="AttendanceData" runat="server">
                    <div class="nav-tabs-custom">
                        <!-- Tabs within a box -->
                        <asp:Label ID="TimeOfPrice" runat="server" Visible="false"></asp:Label>
                        <ul class="nav nav-tabs pull-right" id="tablist1">
                            <li onclick="return ClickAttendance(3);" id="FBTab3" runat="server">
                                <a href="#ctl00_BodyContentPH_tab3" data-toggle="tab">
                                    <span data-toggle="tooltip" title="Chart" runat="server" id="Att_Chart"><i class="fa fa-pie-chart" aria-hidden="true"
                                        style="font-size: 16px; color: #39687F"></i></span>
                                </a>
                            </li>
                            <li onclick="return ClickAttendance(2);" id="FBTab2" runat="server"><a href="#ctl00_BodyContentPH_tab2" data-toggle="tab">
                                <span data-toggle="tooltip" title="Grid" runat="server" id="Att_Grid"><i class="fa fa-table" aria-hidden="true"
                                    style="font-size: 16px; color: #39687F"></i></span></a></li>
                            <li onclick="return ClickAttendance(1);" id="FBTab1" runat="server">
                                <a href="#ctl00_BodyContentPH_tab1"
                                    data-toggle="tab"><span data-toggle="tooltip" title="Dashboard" runat="server" id="Att_Dash"><i class="fa fa-tachometer"
                                        aria-hidden="true" style="font-size: 16px; color: #39687F"></i></span></a></li>
                            <li class="pull-left header">
                                <img src="dist/img/att-data.png" class="att-date"><asp:Label ID="lblAttData" runat="server"></asp:Label></li>
                        </ul>
                        <div class="tab-content no-padding">
                            <!--TAB 3-->
                            <div id="tab3" style="position: relative;" runat="server">
                                <div class="graph-part1" style="overflow: auto">
                                    <div class="row" align="center">
                                        <div class="col-md-12">
                                            <devxCharts:WebChartControl ID="devPieChartAssign" runat="server" ClientInstanceName="chart"
                                                EnableClientSidePointToDiagram="True" Height="250px" Width="450px" OnCustomDrawSeriesPoint="devPieChartAssign_CustomDrawSeriesPoint">
                                                <backimage stretch="True" />
                                                <borderoptions visible="false" />
                                                <seriestemplate>
                                                    <ViewSerializable>
<:SideBySideBarSeriesView HiddenSerializableString="to be serialized">
                                                    </:SideBySideBarSeriesView>
</ViewSerializable>
                                                    <LabelSerializable>
<:SideBySideBarSeriesLabel HiddenSerializableString="to be serialized" OverlappingOptionsTypeName="OverlappingOptions">
                                                        <FillStyle >
                                                            <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                        </FillStyle>
                                                    </:SideBySideBarSeriesLabel>
</LabelSerializable>
                                                    <PointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                    </:PointOptions>
</PointOptionsSerializable>
                                                    <LegendPointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                    </:PointOptions>
</LegendPointOptionsSerializable>
                                                </seriestemplate>
                                                <fillstyle>
                                                    <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                </fillstyle>
                                            </devxCharts:WebChartControl>
                                        </div>
                                    </div>
                                    <div class="clearfix">
                                    </div>
                                </div>
                            </div>
                            <!--TAB 2-->
                            <div id="tab2" style="position: relative; padding: 10px 20px;" runat="server">
                                <div class="row">
                                    <div class="col-md-7 col-sm-12">
                                        <div class="table-responsive" id="dvAttendanceGrid">
                                            <asp:GridView ID="dgrdException" runat="server" AutoGenerateColumns="false" CssClass="table das-table1"
                                                OnRowDeleting="dgrdException_RowDeleting" OnRowDataBound="dgrdException_RowDataBound">
                                                <Columns>
                                                    <asp:TemplateField HeaderStyle-CssClass="head1 to-emp1 pad-lft HeaderWidth" ItemStyle-CssClass="to-emp1 pad-lft"
                                                        ItemStyle-VerticalAlign="top">
                                                        <HeaderTemplate>
                                                            <asp:Label ID="lblHeaderName" Text="Data" runat="server"></asp:Label>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <asp:ImageButton ID="imgtips" runat="server" Enabled="false" Style="vertical-align: middle; padding-right: 10px" />
                                                            <%--<img src="">--%>
                                                            <asp:Label ID="lbltopic" runat="server" Text='<%#Eval("Topic") %>'></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderStyle-CssClass="head1 count1" ItemStyle-CssClass="pre1"
                                                        ItemStyle-HorizontalAlign="Center">
                                                        <HeaderTemplate>
                                                            <asp:Label ID="lblHeadCount" Text="Count" runat="server"></asp:Label>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <asp:LinkButton ID="lblCount" runat="server" Text='<%#Eval("ValueCount") %>' CommandName="Delete"
                                                                ForeColor="black" OnClientClick="return DateEntryValidation();"> </asp:LinkButton>
                                                            <%-- </a>--%>
                                                            <asp:HiddenField ID="hdfReportname" runat="server" Value='<%#Eval("ReportName") %>' />
                                                            <asp:HiddenField ID="hdfCount" runat="server" Value='<%#Eval("ValueCount") %>' />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField ItemStyle-HorizontalAlign="Center" HeaderText="%" HeaderStyle-CssClass="head1 pre1"
                                                        ItemStyle-CssClass="pre1">
                                                        <ItemTemplate>
                                                            <%-- <asp:LinkButton > </asp:LinkButton>--%>
                                                            <asp:Label ID="lnkpercent" runat="server" Text='<%#Eval("PercentageValue") %>' ForeColor="black"> </asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField ItemStyle-HorizontalAlign="Center" HeaderStyle-CssClass="head1 excel1"
                                                        ItemStyle-CssClass="excel1">
                                                        <ItemTemplate>
                                                            <asp:ImageButton ID="btnImagExcel" runat="server" ImageUrl="dist/img/excel-icon.jpg"
                                                                ToolTip="Export to Excel" CommandArgument='<%#Eval("ReportName") %>' OnClick="ImgAbsentExcel_Click"
                                                                data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField ItemStyle-HorizontalAlign="Center" HeaderStyle-CssClass="head1 pdf1"
                                                        ItemStyle-CssClass="pdf1">
                                                        <ItemTemplate>
                                                            <asp:ImageButton ID="btnimgPDF" runat="server" ImageUrl="dist/img/pdf-icon.jpg" ToolTip="Export to PDF"
                                                                CommandArgument='<%#Eval("ReportName") %>' OnClick="ImgAbsentPDF_Click" data-toggle="tooltip"
                                                                data-placement="top" OnClientClick="return DateEntryValidation();" />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                </Columns>
                                            </asp:GridView>
                                        </div>
                                    </div>
                                    <div class="col-md-5 col-sm-12" align="center" style="margin-top: 20px">
                                        <devxCharts:WebChartControl ID="devPieChartAdd" runat="server" ClientInstanceName="chart"
                                            EnableClientSidePointToDiagram="True" OnCustomDrawSeriesPoint="devPieChartAdd_CustomDrawSeriesPoint"
                                            Style="background-color: #E9F6FD" BackColor="#E9F6FD" Height="210px" Width="210px">
                                            <backimage stretch="True" />
                                            <borderoptions visible="false" />
                                            <seriestemplate>
                                                <ViewSerializable>
<:SideBySideBarSeriesView HiddenSerializableString="to be serialized">
                                                </:SideBySideBarSeriesView>
</ViewSerializable>
                                                <LabelSerializable>
<:SideBySideBarSeriesLabel HiddenSerializableString="to be serialized" OverlappingOptionsTypeName="OverlappingOptions">
                                                    <FillStyle >
                                                        <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                    </FillStyle>
                                                </:SideBySideBarSeriesLabel>
</LabelSerializable>
                                                <PointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                </:PointOptions>
</PointOptionsSerializable>
                                                <LegendPointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                </:PointOptions>
</LegendPointOptionsSerializable>
                                            </seriestemplate>
                                            <fillstyle>
                                                <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                            </fillstyle>
                                        </devxCharts:WebChartControl>
                                    </div>
                                </div>
                                <!--RES TABLE-->
                            </div>
                            <!--TAB 1-->
                            <div id="tab1" style="position: relative; padding: 10px 20px;" runat="server">
                                <div class="row">
                                    <!--BOX 1-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="FirstboardPresent" runat="server">
                                        <div class="row">
                                            <div class="atte-box1">
                                                <div>
                                                    <div class="app-dates">
                                                        <h1>
                                                            <asp:Label ID="lblCountPresent" runat="server" Text="0"></asp:Label></h1>
                                                    </div>
                                                    <div class="app-line">
                                                        <img src="dist/img/line01.png">
                                                    </div>
                                                    <div class="app-icons">
                                                        <img src="dist/img/present-icon.png" class="animated-AttData fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="app-info">
                                                        <h4>
                                                            <asp:Label ID="lblPresent" runat="server" Text="Present">
                                                            </asp:Label></h4>
                                                    </div>
                                                    <div class="app-more">
                                                        <div>
                                                            <a id="A1" href="#" runat="server" onserverclick="Present_Click" onclick="return DateEntryValidation();">+ More Info <i class="fa fa-caret-down"
                                                                aria-hidden="true"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgPermissionExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        data-toggle="tooltip" data-placement="top" CommandArgument="MonthlyAttendance"
                                                                        OnClick="ImgAbsentExcel_Click" OnClientClick="return DateEntryValidation();" />
                                                                </li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgPermissionPDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        data-toggle="tooltip" data-placement="top" CommandArgument="MonthlyAttendance"
                                                                        OnClick="ImgAbsentPDF_Click" OnClientClick="return DateEntryValidation();" />
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 2-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="FirstboardAbsent" runat="server">
                                        <div class="row">
                                            <div class="atte-box2">
                                                <div>
                                                    <div class="app-dates">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblCountAbsent" runat="server" Text="0"></asp:Label>
                                                            </span>
                                                        </h1>
                                                    </div>
                                                    <div class="app-line">
                                                        <img src="dist/img/line02.png">
                                                    </div>
                                                    <div class="app-icons">
                                                        <img src="dist/img/absent-icon.png" class="animated-AttData fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="app-info">
                                                        <h4>
                                                            <asp:Label ID="lblAbsent" runat="server"></asp:Label>
                                                        </h4>
                                                    </div>
                                                    <div class="app-more">
                                                        <div>
                                                            <a id="A2" href="#" runat="server" onserverclick="Absent_Click" onclick="return DateEntryValidation();">+ More Info <i class="fa fa-caret-down"
                                                                aria-hidden="true"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgAbsentExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        OnClick="ImgAbsentExcel_Click" CommandArgument="Absentees" data-toggle="tooltip"
                                                                        data-placement="top" OnClientClick="return DateEntryValidation();" />
                                                                </li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgAbsentPDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        OnClick="ImgAbsentPDF_Click" CommandArgument="Absentees" data-toggle="tooltip"
                                                                        data-placement="top" OnClientClick="return DateEntryValidation();" />
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 3-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="FirstboardLeave" runat="server">
                                        <div class="row">
                                            <div class="atte-box3">
                                                <div>
                                                    <div class="app-dates">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblCountLeaveTaken" runat="server" Text="0"></asp:Label></span></h1>
                                                    </div>
                                                    <div class="app-line">
                                                        <img src="dist/img/line03.png">
                                                    </div>
                                                    <div class="app-icons">
                                                        <img src="dist/img/leave-icon.png" class="animated-AttData fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="app-info">
                                                        <h4>
                                                            <asp:Label ID="lblAppLeave" runat="server"></asp:Label></h4>
                                                    </div>
                                                    <div class="app-more">
                                                        <div>
                                                            <a id="A3" href="#" runat="server" onserverclick="Leave_Click" onclick="return DateEntryValidation();">+ More Info <i class="fa fa-caret-down"
                                                                aria-hidden="true"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgLeaveExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        OnClick="ImgAbsentExcel_Click" CommandArgument="Leave" data-toggle="tooltip"
                                                                        data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgLeavePDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        OnClick="ImgAbsentPDF_Click" CommandArgument="Leave" data-toggle="tooltip"
                                                                        data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 4-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="FirstboardOnduty" runat="server">
                                        <div class="row">
                                            <div class="atte-box4">
                                                <div>
                                                    <div class="app-dates">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblCountOnduty" runat="server" Text="0"></asp:Label></span></h1>
                                                    </div>
                                                    <div class="app-line">
                                                        <img src="dist/img/line04.png">
                                                    </div>
                                                    <div class="app-icons">
                                                        <img src="dist/img/onduty-icon.png" class="animated-AttData fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="app-info">
                                                        <h4>
                                                            <asp:Label ID="lblAppOnduty" runat="Server"></asp:Label></h4>
                                                    </div>
                                                    <div class="app-more">
                                                        <div>
                                                            <a id="A4" href="#" runat="server" onserverclick="OnDutyEntry_Click" onclick="return DateEntryValidation();">+ More Info <i
                                                                class="fa fa-caret-down" aria-hidden="true"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgOndutyExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        CommandArgument="OnDutyEntry" OnClick="ImgAbsentExcel_Click" data-toggle="tooltip"
                                                                        data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgOndutyPDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        CommandArgument="OnDutyEntry" OnClick="ImgAbsentPDF_Click" data-toggle="tooltip"
                                                                        data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 5-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="FirstboardPunctuality" runat="server">
                                        <div class="row">
                                            <div class="atte-box5">
                                                <div>
                                                    <div class="app-dates">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblCountPunctuality" runat="server" Text="0"></asp:Label></span></h1>
                                                    </div>
                                                    <div class="app-line">
                                                        <img src="dist/img/line05.png">
                                                    </div>
                                                    <div class="app-icons">
                                                        <img src="dist/img/punctuality-icon.png" class="animated-AttData fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="app-info">
                                                        <h4>
                                                            <asp:Label ID="lblPunctuality" runat="server"></asp:Label></h4>
                                                    </div>
                                                    <div class="app-more">
                                                        <div>
                                                            <a id="A5" href="#" runat="server" onserverclick="Punctuality_Click" onclick="return DateEntryValidation();">+ More Info <i
                                                                class="fa fa-caret-down"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgPunctualityExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        CommandArgument="Punctuality" OnClick="ImgAbsentExcel_Click"
                                                                        data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgPunctualityPDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        CommandArgument="Punctuality" OnClick="ImgAbsentPDF_Click"
                                                                        data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 6-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="FirstboardAttendance" runat="server">
                                        <div class="row">
                                            <div class="atte-box6">
                                                <div>
                                                    <div class="app-dates">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblAttendanceSummary" runat="server" Text="0"></asp:Label></span></h1>
                                                    </div>
                                                    <div class="app-line">
                                                        <img src="dist/img/line06.png">
                                                    </div>
                                                    <div class="app-icons">
                                                        <img src="dist/img/summary-icon.png" class="animated-AttData fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="app-info">
                                                        <h4>
                                                            <asp:Label ID="lblAttSummary" runat="server"></asp:Label></h4>
                                                    </div>
                                                    <div class="app-more">
                                                        <div>
                                                            <a id="A6" href="#" runat="server" onserverclick="AttendanceSummary_Click" onclick="return DateEntryValidation();">+ More Info
                                                                <i class="fa fa-caret-down"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="imgPresentExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        OnClick="ImgAbsentExcel_Click" CommandArgument="AttendanceSummary"
                                                                        data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                                <li>
                                                                    <asp:ImageButton ID="imgPresentPDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        OnClick="ImgAbsentPDF_Click" CommandArgument="AttendanceSummary" data-toggle="tooltip"
                                                                        data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                                <!--Box 7 (Developed By Maria Prasanth 05-Sep-2023 in Version 3.5)-->

                                <div class="row">
                                    <div class="col-md-12 col-sm-6 col-xs-12" id="FirstboardRecentPunches" runat="server">
                                        <div class="card" id="atte-box7">
                                            <div class="card-header" id="box7Header">
                                                <h3 class="card-title">Recent Punches</h3>
                                            </div>
                                            <asp:GridView ID="grvRecentPunches" runat="server" CssClass="table table-striped"
                                                 AutoGenerateColumns="False" PageSize="5" FooterStyle-Width="450px"
                                                    FooterStyle-BorderColor="#0099ff" >
                                                <Columns>
                                                    <asp:TemplateField HeaderText="Employee ID" HeaderStyle-CssClass="empheader GridColumn50">
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_EmpId" Text='<%# Eval("Employee_Code_Id") %>' runat="server" Style="word-wrap: break-word; display: inline-block; width: 100px;" CssClass="pull-left-button"></asp:Label>
                                                        </ItemTemplate>

                                                    </asp:TemplateField>

                                                    <asp:TemplateField HeaderText="Name" HeaderStyle-CssClass="empheader GridColumn50">
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_Name" Text='<%# Eval("EmployeeName")%>' runat="server" Style="word-wrap: break-word; display: inline-block; width: 100px;" CssClass="pull-left-button"></asp:Label>
                                                        </ItemTemplate>

                                                    </asp:TemplateField>

                                                    <asp:TemplateField HeaderText="Shift" HeaderStyle-CssClass="empheader GridColumn50">
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_Designation" Text='<%# Eval("shiftName")%>' runat="server" Style="word-wrap: break-word; display: inline-block; width: 120px;" CssClass="pull-left-button"></asp:Label>
                                                        </ItemTemplate>


                                                    </asp:TemplateField>

                                                    <asp:TemplateField HeaderText="PunchType" HeaderStyle-CssClass="empheader GridColumn50">
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_gender" Text='<%# Eval("PunchType")%>' runat="server" Style="word-wrap: break-word; display: inline-block; width: 70px;" CssClass="pull-left-button"></asp:Label>
                                                        </ItemTemplate>

                                                    </asp:TemplateField>

                                                    <asp:TemplateField HeaderText="Punch Time" HeaderStyle-CssClass="empheader GridColumn50">
                                                        <ItemTemplate>
                                                            <asp:Label ID="lbl_CalenderDays" Text='<%# Eval("PunchTime") %>' runat="server" Style="word-wrap: break-word; display: inline-block; width: 70px;" CssClass="pull-left-button"></asp:Label>
                                                        </ItemTemplate>

                                                    </asp:TemplateField>

                                                </Columns>
                                                <EmptyDataTemplate>
                                                    <asp:Label ID="lblLoadgrid" runat="server"> No Record Found</asp:Label>
                                                </EmptyDataTemplate>
                                            </asp:GridView>

                                           

                                    </div>

                                 
                                </div>



                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12" id="ApprovalData" runat="server">
                <!--Approval Data-->
                <div class="nav-tabs-custom">
                    <!-- Tabs within a box -->
                    <ul class="nav nav-tabs pull-right" id="tablist2">
                        <li onclick="return ClickApproval(3);" id="SBTabl3" runat="server"><a href="#ctl00_BodyContentPH_tab6" data-toggle="tab">
                            <span data-toggle="tooltip" title="Chart" runat="server" id="App_Chart"><i class="fa fa-pie-chart" aria-hidden="true"
                                style="font-size: 16px; color: #39687F"></i></span></a></li>
                        <li onclick="return ClickApproval(2);" id="SBTabl2" runat="server"><a href="#ctl00_BodyContentPH_tab5" data-toggle="tab">
                            <span data-toggle="tooltip" title="Grid" runat="server" id="App_Grid"><i class="fa fa-table" aria-hidden="true"
                                style="font-size: 16px; color: #39687F"></i></span></a></li>
                        <li onclick="return ClickApproval(1);" id="SBTabl1" runat="server"><a href="#ctl00_BodyContentPH_tab4"
                            data-toggle="tab"><span data-toggle="tooltip" title="Dashboard" runat="server" id="App_Dash"><i class="fa fa-tachometer"
                                aria-hidden="true" style="font-size: 16px; color: #39687F"></i></span></a></li>
                        <li class="pull-left header">
                            <img src="dist/img/app-date.png" class="att-date"><asp:Label ID="lblAppData" runat="server"></asp:Label></li>
                    </ul>
                    <div class="tab-content no-padding">
                        <!--TAB 6-->
                        <div id="tab6" style="position: relative;" runat="server">
                            <div class="graph-part1" style="overflow: auto">
                                <div class="row">
                                    <div class="col-md-4" align="center" id="SB3rdTabLeave" runat="server">
                                        <h4>
                                            <strong>
                                                <asp:Label ID="lbl_Leave2" runat="server" Text="Leave"></asp:Label>
                                            </strong></h4>
                                        <devxCharts:WebChartControl ID="WebChartControl1" runat="server" ClientInstanceName="chart"
                                            EnableClientSidePointToDiagram="True" Height="250px" OnCustomDrawSeriesPoint="devWebChartLeave_CustomDrawSeriesPoint"
                                            Width="200px">
                                            <backimage stretch="True" />
                                            <borderoptions visible="false" />
                                            <seriestemplate>
                                                    <ViewSerializable>
<:SideBySideBarSeriesView HiddenSerializableString="to be serialized">
                                                    </:SideBySideBarSeriesView>
</ViewSerializable>
                                                    <LabelSerializable>
<:SideBySideBarSeriesLabel HiddenSerializableString="to be serialized" OverlappingOptionsTypeName="OverlappingOptions">
                                                        <FillStyle >
                                                            <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                        </FillStyle>
                                                    </:SideBySideBarSeriesLabel>
</LabelSerializable>
                                                    <PointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                    </:PointOptions>
</PointOptionsSerializable>
                                                    <LegendPointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                    </:PointOptions>
</LegendPointOptionsSerializable>
                                                </seriestemplate>
                                                <fillstyle>
                                                    <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                </fillstyle>
                                            </devxCharts:WebChartControl>
                                        </div>
                                        <div class="col-md-4" align="center" id="SB3rdTabOnduty" runat="server">
                                            <h4>
                                                <strong>
                                                    <asp:Label ID="lbl_Onduty2" runat="server" Text="Onduty"></asp:Label></strong></h4>
                                            <devxCharts:WebChartControl ID="WebChartControl2" runat="server" ClientInstanceName="chart"
                                                EnableClientSidePointToDiagram="True" Height="250px" Width="200px" OnCustomDrawSeriesPoint="devWebChartOnduty_CustomDrawSeriesPoint">
                                                <backimage stretch="True" />
                                                <borderoptions visible="false" />
                                                <seriestemplate>
                                                    <ViewSerializable>
<:SideBySideBarSeriesView HiddenSerializableString="to be serialized">
                                                    </:SideBySideBarSeriesView>
</ViewSerializable>
                                                    <LabelSerializable>
<:SideBySideBarSeriesLabel HiddenSerializableString="to be serialized" OverlappingOptionsTypeName="OverlappingOptions">
                                                        <FillStyle >
                                                            <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                        </FillStyle>
                                                    </:SideBySideBarSeriesLabel>
</LabelSerializable>
                                                    <PointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                    </:PointOptions>
</PointOptionsSerializable>
                                                    <LegendPointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                    </:PointOptions>
</LegendPointOptionsSerializable>
                                                </seriestemplate>
                                                <fillstyle>
                                                    <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                </fillstyle>
                                                <loadingpanelstyle cssclass="chart-responsive">
                                                </loadingpanelstyle>
                                            </devxCharts:WebChartControl>
                                        </div>
                                        <div class="col-md-4" align="center" id="SB3rdTabPermission" runat="server">
                                            <h4>
                                                <strong>
                                                    <asp:Label ID="lbl_Permission2" runat="server" Text="Permission"></asp:Label></strong></h4>
                                            <devxCharts:WebChartControl ID="WebChartControl3" runat="server" ClientInstanceName="chart"
                                                EnableClientSidePointToDiagram="True" Height="250px" Width="185px" OnCustomDrawSeriesPoint="devWebChartPermission_CustomDrawSeriesPoint">
                                                <backimage stretch="True" />
                                                <borderoptions visible="false" />
                                                <seriestemplate>
                                                    <ViewSerializable>
<:SideBySideBarSeriesView HiddenSerializableString="to be serialized">
                                                    </:SideBySideBarSeriesView>
</ViewSerializable>
                                                    <LabelSerializable>
<:SideBySideBarSeriesLabel HiddenSerializableString="to be serialized" OverlappingOptionsTypeName="OverlappingOptions">
                                                        <FillStyle >
                                                            <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                        </FillStyle>
                                                    </:SideBySideBarSeriesLabel>
</LabelSerializable>
                                                    <PointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                    </:PointOptions>
</PointOptionsSerializable>
                                                    <LegendPointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                    </:PointOptions>
</LegendPointOptionsSerializable>
                                                </seriestemplate>
                                                <fillstyle>
                                                    <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                </fillstyle>
                                            </devxCharts:WebChartControl>
                                        </div>
                                    </div>
                                    <%--<div class="clearfix">
                                </div>--%>
                                </div>
                            </div>
                            <!--TAB 5-->
                            <div id="tab5" style="position: relative; padding: 10px 20px;" runat="server">
                                <div class="row">
                                    <div class="col-md-7 col-sm-12">
                                        <div class="table-responsive">
                                            <asp:GridView ID="gvBoardDetails" runat="server" AutoGenerateColumns="false" CssClass="table das-table2"
                                                OnDataBound="OnDataBound" ShowHeader="true" OnRowDataBound="gvBoardDetails_RowDataBound">
                                                <Columns>
                                                    <asp:TemplateField HeaderStyle-CssClass="subhead2 pad-lft1 HeaderWidth1" ItemStyle-CssClass="pad-lft1 leave1 lea-col">
                                                        <HeaderTemplate>
                                                            <asp:Label ID="lblHeaderNameBoard" Text="Data" runat="server"></asp:Label>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <asp:ImageButton ID="imgbtn" runat="server" Enabled="false" Style="vertical-align: middle; padding-right: 10px" />
                                                            <asp:Label ID="lblHeading" runat="server" Text='<%#Eval("Approval") %>'></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderStyle-CssClass="subhead2 count2" ItemStyle-CssClass="leave1 count2">
                                                        <HeaderTemplate>
                                                            <asp:Label ID="lblBoardCount1" Text="Count" runat="server"></asp:Label>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <asp:LinkButton ID="lblCountPending" runat="server" Text='<%#Eval("Pending") %>'
                                                                ForeColor="black" CommandArgument="Pending" CommandName='<%#Eval("Approval") %>'
                                                                OnClick="btnBoardApproved_Click" OnClientClick="return DateEntryValidation();"></asp:LinkButton>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="%" HeaderStyle-CssClass="subhead2 count2" ItemStyle-CssClass="leave1 count2">
                                                        <ItemTemplate>
                                                            <asp:Label ID="lnkPendingpercent" runat="server" Text='<%#Eval("PendingPercent") %>'
                                                                ForeColor="black"></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderStyle-CssClass="subhead2 count2" ItemStyle-CssClass="leave1 count2">
                                                        <HeaderTemplate>
                                                            <asp:Label ID="lblBoardCount2" Text="Count" runat="server"></asp:Label>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <asp:LinkButton ID="lblCountForwarded" runat="server" Text='<%#Eval("Forwarded") %>'
                                                                ForeColor="black" CommandArgument="Forwarded" CommandName='<%#Eval("Approval") %>'
                                                                OnClick="btnBoardApproved_Click" OnClientClick="return DateEntryValidation();"></asp:LinkButton>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="%" HeaderStyle-CssClass="subhead2 count2" ItemStyle-CssClass="leave1 count2">
                                                        <ItemTemplate>
                                                            <asp:Label ID="lnkForwardedpercent" runat="server" Text='<%#Eval("ForwardedPercent") %>'
                                                                ForeColor="black"> </asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderStyle-CssClass="subhead2 count2" ItemStyle-CssClass="leave1 count2">
                                                        <HeaderTemplate>
                                                            <asp:Label ID="lblBoardCount3" Text="Count" runat="server"></asp:Label>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <asp:LinkButton ID="lblCountApproved" runat="server" Text='<%#Eval("Approved") %>'
                                                                ForeColor="black" CommandArgument="Approved" CommandName='<%#Eval("Approval") %>'
                                                                OnClick="btnBoardApproved_Click" OnClientClick="return DateEntryValidation();"></asp:LinkButton>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="%" HeaderStyle-CssClass="subhead2 count2" ItemStyle-CssClass="leave1 count2">
                                                        <ItemTemplate>
                                                            <asp:Label ID="lnkApprovedpercent" runat="server" Text='<%#Eval("ApprovedPercent") %>'
                                                                ForeColor="black"></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                </Columns>
                                            </asp:GridView>
                                        </div>
                                    </div>
                                    <div class="col-md-5 col-sm-12">
                                        <div class="row">
                                            <div id="myCarousel" class="carousel slide" data-ride="carousel">
                                                <!-- Indicators -->
                                                <%--<ol class="carousel-indicators">
                                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                                <li data-target="#myCarousel" data-slide-to="1"></li>
                                                <li data-target="#myCarousel" data-slide-to="2"></li>
                                            </ol>--%>
                                                <!-- Wrapper for slides -->
                                                <div class="carousel-inner" role="listbox">
                                                    <div class="hidden" id="SBSTabChart1" runat="server">
                                                        <div class="col-md-12" style="padding: 0px; background-color: #E9F6FD">
                                                            <div class="row" align="center">
                                                                <asp:Label ID="lbl_Leave" runat="server" Text="Leave"></asp:Label>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-12" align="center" style="min-width: 210px; overflow: auto">
                                                                    <devxCharts:WebChartControl ID="devChartLeave" runat="server" ClientInstanceName="chart"
                                                                        EnableClientSidePointToDiagram="True" BackColor="#E9F6FD" Height="210px" Width="210px"
                                                                        OnCustomDrawSeriesPoint="devChartLeave_CustomDrawSeriesPoint">
                                                                        <backimage stretch="True" />
                                                                        <borderoptions visible="false" />
                                                                        <seriestemplate>
                                                                            <ViewSerializable>
<:SideBySideBarSeriesView HiddenSerializableString="to be serialized">
                                                                            </:SideBySideBarSeriesView>
</ViewSerializable>
                                                                            <LabelSerializable>
<:SideBySideBarSeriesLabel HiddenSerializableString="to be serialized" OverlappingOptionsTypeName="OverlappingOptions">
                                                                                <FillStyle >
                                                                                    <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                                                </FillStyle>
                                                                            </:SideBySideBarSeriesLabel>
</LabelSerializable>
                                                                            <PointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                                            </:PointOptions>
</PointOptionsSerializable>
                                                                            <LegendPointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                                            </:PointOptions>
</LegendPointOptionsSerializable>
                                                                        </seriestemplate>
                                                                        <fillstyle>
                                                                            <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                                        </fillstyle>
                                                                    </devxCharts:WebChartControl>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="hidden" id="SBSTabChart2" runat="server">
                                                        <div class="col-md-12" style="padding: 0px; background-color: #E9F6FD">
                                                            <div class="row" align="center">
                                                                <div class="col-md-12">
                                                                    <asp:Label ID="lbl_Onduty" runat="server" Text="Onduty"></asp:Label>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-12" align="center" style="min-width: 210px; overflow: auto">
                                                                    <devxCharts:WebChartControl ID="devChartOnduty" runat="server" ClientInstanceName="chart"
                                                                        EnableClientSidePointToDiagram="True" BackColor="#E9F6FD" Height="210px" Width="210px"
                                                                        OnCustomDrawSeriesPoint="devChartOnduty_CustomDrawSeriesPoint">
                                                                        <backimage stretch="True" />
                                                                        <borderoptions visible="false" />
                                                                        <seriestemplate>
                                                                            <ViewSerializable>
<:SideBySideBarSeriesView HiddenSerializableString="to be serialized">
                                                                            </:SideBySideBarSeriesView>
</ViewSerializable>
                                                                            <LabelSerializable>
<:SideBySideBarSeriesLabel HiddenSerializableString="to be serialized" OverlappingOptionsTypeName="OverlappingOptions">
                                                                                <FillStyle >
                                                                                    <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                                                </FillStyle>
                                                                            </:SideBySideBarSeriesLabel>
</LabelSerializable>
                                                                            <PointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                                            </:PointOptions>
</PointOptionsSerializable>
                                                                            <LegendPointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                                            </:PointOptions>
</LegendPointOptionsSerializable>
                                                                        </seriestemplate>
                                                                        <fillstyle>
                                                                            <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                                        </fillstyle>
                                                                        <loadingpanelstyle cssclass="chart-responsive">
                                                                        </loadingpanelstyle>
                                                                    </devxCharts:WebChartControl>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="hidden" id="SBSTabChart3" runat="server">
                                                        <div class="col-md-12" style="padding: 0px; background-color: #E9F6FD">
                                                            <div class="row" align="center">
                                                                <div class="col-md-12">
                                                                    <asp:Label ID="lbl_Permission" runat="server" Text="Permission"></asp:Label>
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-md-12" align="center" style="min-width: 210px; overflow: auto;">
                                                                    <devxCharts:WebChartControl ID="devChartPermission" runat="server" ClientInstanceName="chart"
                                                                        EnableClientSidePointToDiagram="True" BackColor="#E9F6FD" Height="210px" Width="210px"
                                                                        OnCustomDrawSeriesPoint="devChartPermission_CustomDrawSeriesPoint">
                                                                        <backimage stretch="True" />
                                                                        <borderoptions visible="false" />
                                                                        <seriestemplate>
                                                                            <ViewSerializable>
<:SideBySideBarSeriesView HiddenSerializableString="to be serialized">
                                                                            </:SideBySideBarSeriesView>
</ViewSerializable>
                                                                            <LabelSerializable>
<:SideBySideBarSeriesLabel HiddenSerializableString="to be serialized" OverlappingOptionsTypeName="OverlappingOptions">
                                                                                <FillStyle >
                                                                                    <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                                                </FillStyle>
                                                                            </:SideBySideBarSeriesLabel>
</LabelSerializable>
                                                                            <PointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                                            </:PointOptions>
</PointOptionsSerializable>
                                                                            <LegendPointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                                            </:PointOptions>
</LegendPointOptionsSerializable>
                                                                        </seriestemplate>
                                                                        <fillstyle>
                                                                            <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                                        </fillstyle>
                                                                    </devxCharts:WebChartControl>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- Left and right controls -->
                                                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                                                    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                                    <span class="sr-only">Previous</span> </a><a class="right carousel-control" href="#myCarousel" role="button"
                                                        data-slide="next"><span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span><span class="sr-only">Next</span> </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--TAB 4-->
                            <div id="tab4" style="position: relative; padding: 10px 20px;" runat="server">
                                <div class="row">

                                    <!--BOX 1-->
                                    <div class="col-md-4" id="SecondboardLeave" runat="server">
                                        <div class="approval-data">
                                            <h3 class="bg-col1">
                                                <asp:Label ID="lbl_Leave1" runat="server" Text="Leave"></asp:Label></h3>
                                            <div class="leave-icons">
                                                <ul class="list-inline">
                                                    <li>
                                                        <div class="rounded pending">
                                                            <img src="dist/img/pending.png" class="animated-Approved fadeIn">
                                                        </div>
                                                        <h4>
                                                            <asp:Label ID="lbl_Lev_Pending" runat="server" Text="Pending"></asp:Label></h4>
                                                        <h2 style="text-decoration: underline">
                                                            <asp:LinkButton ID="btnLeavePending" OnClick="btnLeaveApproved_Click" CommandArgument="Pending"
                                                                Text="0" runat="server" ForeColor="black" OnClientClick="return DateEntryValidation();">
                                                            </asp:LinkButton></h2>
                                                    </li>
                                                    <li class="lrline">
                                                        <div class="rounded forwarded">
                                                            <img src="dist/img/forwarded.png" class="animated-Approved fadeIn">
                                                        </div>
                                                        <h4>
                                                            <asp:Label ID="lbl_Lev_Forwarded" runat="server" Text="Forwarded"></asp:Label></h4>
                                                        <h2 style="text-decoration: underline">
                                                            <asp:LinkButton ID="btnLeaveForwarded" OnClick="btnLeaveApproved_Click" CommandArgument="Forwarded"
                                                                Text="0" runat="server" ForeColor="black" OnClientClick="return DateEntryValidation();">
                                                            </asp:LinkButton></h2>
                                                    </li>
                                                    <li>
                                                        <div class="rounded leaveapp">
                                                            <img src="dist/img/approved.png" class="animated-Approved fadeIn">
                                                        </div>
                                                        <h4>
                                                            <asp:Label ID="lbl_Lev_Approved" runat="server" Text="Approved"></asp:Label></h4>
                                                        <h2 style="text-decoration: underline">
                                                            <asp:LinkButton ID="btnLeaveApproved" OnClick="btnLeaveApproved_Click" CommandArgument="Approved"
                                                                Text="0" runat="server" ForeColor="black" OnClientClick="return DateEntryValidation();">
                                                            </asp:LinkButton></h2>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 2-->
                                    <div class="col-md-4" id="SecondboardOnDuty" runat="server">
                                        <div class="approval-data">
                                            <h3 class="bg-col2">
                                                <asp:Label ID="lbl_Onduty1" runat="server" Text="Onduty"></asp:Label></h3>
                                            <div class="leave-icons">
                                                <ul class="list-inline">
                                                    <li>
                                                        <div class="rounded pending">
                                                            <img src="dist/img/pending.png" class="animated-Approved fadeIn">
                                                        </div>
                                                        <h4>
                                                            <asp:Label ID="lbl_OD_Pending" runat="server" Text="Pending"></asp:Label></h4>
                                                        <h2 style="text-decoration: underline">
                                                            <asp:LinkButton ID="btnOndutyPending" OnClick="btnOndutyApproved_Click" CommandArgument="Pending"
                                                                Text="0" runat="server" ForeColor="black" OnClientClick="return DateEntryValidation();">
                                                            </asp:LinkButton></h2>
                                                    </li>
                                                    <li class="lrline">
                                                        <div class="rounded forwarded">
                                                            <img src="dist/img/forwarded.png" class="animated-Approved fadeIn">
                                                        </div>
                                                        <h4>
                                                            <asp:Label ID="lbl_OD_Forwarded" runat="server" Text="Forwarded"></asp:Label></h4>
                                                        <h2 style="text-decoration: underline">
                                                            <asp:LinkButton ID="btnOndutyForwarded" OnClick="btnOndutyApproved_Click" CommandArgument="Forwarded"
                                                                Text="0" runat="server" ForeColor="black" OnClientClick="return DateEntryValidation();">
                                                            </asp:LinkButton></h2>
                                                    </li>

                                                    <li>
                                                        <div class="rounded ondutyapp">
                                                            <img src="dist/img/approved.png" class="animated-Approved fadeIn">
                                                        </div>
                                                        <h4>
                                                            <asp:Label ID="lbl_OD_Approved" runat="server" Text="Approved"></asp:Label></h4>
                                                        <h2 style="text-decoration: underline">
                                                            <asp:LinkButton ID="btnOndutyApproved" OnClick="btnOndutyApproved_Click" CommandArgument="Approved"
                                                                Text="0" runat="server" ForeColor="black" OnClientClick="return DateEntryValidation();">
                                                            </asp:LinkButton></h2>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 3-->
                                    <div class="col-md-4" id="SecondboardPermission" runat="server">
                                        <div class="approval-data">
                                            <h3 class="bg-col3">
                                                <asp:Label ID="lbl_Permission1" runat="server" Text="Permission"></asp:Label></h3>
                                            <div class="leave-icons">
                                                <ul class="list-inline">
                                                    <li>
                                                        <div class="rounded pending">
                                                            <img src="dist/img/pending.png" class="animated-Approved fadeIn">
                                                        </div>
                                                        <h4>
                                                            <asp:Label ID="lbl_Per_Pending" runat="server" Text="Pending"></asp:Label>
                                                        </h4>
                                                        <h2 style="text-decoration: underline">
                                                            <asp:LinkButton ID="btnPermissionPending" OnClick="btnPermissionApproved_Click" CommandArgument="Pending"
                                                                Text="0" runat="server" ForeColor="black" OnClientClick="return DateEntryValidation();">
                                                            </asp:LinkButton></h2>
                                                    </li>
                                                    <li class="lrline">
                                                        <div class="rounded forwarded">
                                                            <img src="dist/img/forwarded.png" class="animated-Approved fadeIn">
                                                        </div>
                                                        <h4>
                                                            <asp:Label ID="lbl_Per_Forwarded" runat="server" Text="Forwarded"></asp:Label></h4>
                                                        <h2 style="text-decoration: underline">
                                                            <asp:LinkButton ID="btnPermissionForwarded" OnClick="btnPermissionApproved_Click"
                                                                Text="0" CommandArgument="Forwarded" runat="server" ForeColor="black" OnClientClick="return DateEntryValidation();">
                                                            </asp:LinkButton>
                                                        </h2>
                                                    </li>

                                                    <li>
                                                        <div class="rounded perapp">
                                                            <img src="dist/img/approved.png" class="animated-Approved fadeIn">
                                                        </div>
                                                        <h4>
                                                            <asp:Label ID="lbl_Per_Approved" runat="server" Text="Approved"></asp:Label></h4>
                                                        <h2 style="text-decoration: underline">
                                                            <asp:LinkButton ID="btnPermissionApproved" OnClick="btnPermissionApproved_Click"
                                                                Text="0" CommandArgument="Approved" runat="server" ForeColor="black" OnClientClick="return DateEntryValidation();">
                                                            </asp:LinkButton></h2>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-10">
                                        <span style="color: black; font-size: 10px">* Click Count value in above boards, it will redirect you to appropriate sanction page directly from dashboard.</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12" id="ExceptionData" runat="server">
                    <!--EXPECTION DATA-->
                    <div class="nav-tabs-custom">
                        <!-- Tabs within a box -->
                        <ul class="nav nav-tabs pull-right" id="tablist3">
                            <li onclick="return ClickException(3)" id="TTab3" runat="server"><a href="#ctl00_BodyContentPH_tab9" data-toggle="tab">
                                <span data-toggle="tooltip" title="Chart" runat="server" id="Exp_Chart"><i class="fa fa-pie-chart" aria-hidden="true"
                                    style="font-size: 16px; color: #39687F"></i></span></a></li>
                            <li onclick="return ClickException(2)" id="TTab2" runat="server"><a href="#ctl00_BodyContentPH_tab8" data-toggle="tab">
                                <span data-toggle="tooltip" title="Grid" runat="server" id="Exp_Grid"><i class="fa fa-table" aria-hidden="true"
                                    style="font-size: 16px; color: #39687F"></i></span></a></li>
                            <li onclick="return ClickException(1)" id="TTab1" runat="server"><a href="#ctl00_BodyContentPH_tab7"
                                data-toggle="tab"><span data-toggle="tooltip" title="Dashboard" runat="server" id="Exp_Dash"><i class="fa fa-tachometer"
                                    aria-hidden="true" style="font-size: 16px; color: #39687F"></i></span></a></li>
                            <li class="pull-left header">
                                <img src="dist/img/exception-data.png" class="att-date"><asp:Label ID="lblExcData"
                                    runat="server"></asp:Label></li>
                        </ul>
                        <div class="tab-content no-padding">
                            <!--TAB 9-->
                            <div id="tab9" style="position: relative;" runat="server">
                                <div class="graph-part1" align="center" style="overflow: auto">
                                    <devxCharts:WebChartControl ID="devxchartException" runat="server" ClientInstanceName="chart"
                                        OnCustomDrawSeriesPoint="devxchartException_CustomDrawSeriesPoint" EnableClientSidePointToDiagram="True"
                                        Height="250px" Width="450px">
                                        <backimage stretch="True" />
                                        <borderoptions visible="false" />
                                        <seriestemplate>
                                            <ViewSerializable>
<:SideBySideBarSeriesView HiddenSerializableString="to be serialized">
                                            </:SideBySideBarSeriesView>
</ViewSerializable>
                                            <LabelSerializable>
<:SideBySideBarSeriesLabel HiddenSerializableString="to be serialized" OverlappingOptionsTypeName="OverlappingOptions">
                                                <FillStyle >
                                                    <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                </FillStyle>
                                            </:SideBySideBarSeriesLabel>
</LabelSerializable>
                                            <PointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                            </:PointOptions>
</PointOptionsSerializable>
                                            <LegendPointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                            </:PointOptions>
</LegendPointOptionsSerializable>
                                        </seriestemplate>
                                        <fillstyle>
                                            <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                        </fillstyle>
                                    </devxCharts:WebChartControl>
                                    <div class="clearfix">
                                    </div>
                                </div>
                            </div>
                            <!--TAB 8-->
                            <div id="tab8" style="position: relative; padding: 10px 20px;" runat="server">
                                <!--RES TABLE-->
                                <div class="row">
                                    <div class="col-md-7 col-sm-12">
                                        <div class="table-responsive" id="dvExceptionGrid">
                                            <asp:GridView ID="dgdLeaveDetails" runat="server" AutoGenerateColumns="false" CssClass="table das-table1"
                                                OnRowDeleting="dgdLeaveDetails_RowDeleting" OnRowDataBound="dgdLeaveDetails_RowDataBound">
                                                <Columns>
                                                    <asp:TemplateField HeaderStyle-CssClass="head1 to-emp1 pad-lft HeaderWidth" ItemStyle-CssClass="to-emp1 pad-lft">
                                                        <HeaderTemplate>
                                                            <asp:Label ID="lblHeaderNameBoard" Text="Exception Data" runat="server"></asp:Label>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <asp:ImageButton ID="imgbtn" runat="server" Enabled="false" Style="vertical-align: middle; padding-right: 10px" />
                                                            <asp:Label ID="lbltopic" runat="server" Text='<%#Eval("Topic") %>'></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="Count" HeaderStyle-CssClass="head1 count1" ItemStyle-CssClass="count1">
                                                        <HeaderTemplate>
                                                            <asp:Label ID="lblHeadCount" Text="Count" runat="server"></asp:Label>
                                                        </HeaderTemplate>
                                                        <ItemTemplate>
                                                            <asp:LinkButton ID="lblCount" runat="server" Text='<%#Eval("Count") %>' ForeColor="black"
                                                                CommandName="Delete" OnClientClick="return DateEntryValidation();"> </asp:LinkButton>
                                                            <asp:HiddenField ID="hdfLeaveReportname" runat="server" Value='<%#Eval("ReportName") %>' />
                                                            <asp:HiddenField ID="hdfCount" runat="server" Value='<%#Eval("Count") %>' />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderText="%" HeaderStyle-CssClass="head1 pre1" ItemStyle-CssClass="pre1">
                                                        <ItemTemplate>
                                                            <asp:Label ID="lnkpercent" runat="server" Text='<%#Eval("Percentage") %>' ForeColor="black"></asp:Label>
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderStyle-CssClass="head1 excel1" ItemStyle-CssClass="excel1">
                                                        <ItemTemplate>
                                                            <asp:ImageButton ID="btnImagExcel" runat="server" ImageUrl="dist/img/excel-icon.jpg"
                                                                ToolTip="Export to Excel" CommandArgument='<%#Eval("ReportName") %>' OnClick="ImgAbsentExcel_Click"
                                                                data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                    <asp:TemplateField HeaderStyle-CssClass="head1 pdf1" ItemStyle-CssClass="pdf1">
                                                        <ItemTemplate>
                                                            <asp:ImageButton ID="btnimgPDF" runat="server" ImageUrl="dist/img/pdf-icon.jpg" ToolTip="Export to PDF"
                                                                CommandArgument='<%#Eval("ReportName") %>' OnClick="ImgAbsentPDF_Click" data-toggle="tooltip"
                                                                data-placement="top" OnClientClick="return DateEntryValidation();" />
                                                        </ItemTemplate>
                                                    </asp:TemplateField>
                                                </Columns>
                                            </asp:GridView>
                                        </div>
                                    </div>
                                    <div class="col-md-5 col-sm-12" align="center" style="margin-top: 20px">
                                        <devxCharts:WebChartControl ID="devChartException" runat="server" ClientInstanceName="chart"
                                            OnCustomDrawSeriesPoint="devchartException_CustomDrawSeriesPoint" EnableClientSidePointToDiagram="True"
                                            BackColor="#E9F6FD" Height="210px" Width="210px">
                                            <backimage stretch="True" />
                                            <borderoptions visible="false" />
                                            <seriestemplate>
                                                <ViewSerializable>
<:SideBySideBarSeriesView HiddenSerializableString="to be serialized">
                                                </:SideBySideBarSeriesView>
</ViewSerializable>
                                                <LabelSerializable>
<:SideBySideBarSeriesLabel HiddenSerializableString="to be serialized" OverlappingOptionsTypeName="OverlappingOptions">
                                                    <FillStyle >
                                                        <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                                    </FillStyle>
                                                </:SideBySideBarSeriesLabel>
</LabelSerializable>
                                                <PointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                </:PointOptions>
</PointOptionsSerializable>
                                                <LegendPointOptionsSerializable>
<:PointOptions HiddenSerializableString="to be serialized">
                                                </:PointOptions>
</LegendPointOptionsSerializable>
                                            </seriestemplate>
                                            <fillstyle>
                                                <OptionsSerializable>
<:SolidFillOptions HiddenSerializableString="to be serialized"></:SolidFillOptions>
</OptionsSerializable>
                                            </fillstyle>
                                        </devxCharts:WebChartControl>
                                    </div>
                                </div>
                                <!--RES TABLE-->
                            </div>
                            <!--TAB 7-->
                            <div id="tab7" style="position: relative; padding: 10px 20px;" runat="server">
                                <div class="row">
                                    <!--BOX 1-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="ThirdboardLate" runat="server">
                                        <div class="row">
                                            <div class="exp-box1">
                                                <div>
                                                    <div class="exp-date">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblCountLateEntry" runat="server" Text="0"></asp:Label>
                                                            </span>
                                                        </h1>
                                                    </div>
                                                    <div class="exp-line">
                                                        <img src="dist/img/line07.png">
                                                    </div>
                                                    <div class="exp-icon">
                                                        <img src="dist/img/late-entry-icon.png" class="animated-Exception fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="exp-info">
                                                        <h4>
                                                            <asp:Label ID="lblLateEntry" runat="server"></asp:Label></h4>
                                                    </div>
                                                    <div class="exp-more">
                                                        <div>
                                                            <a id="A7" href="#" runat="server" onserverclick="Late_Click" onclick="return DateEntryValidation();">+ More Info <i class="fa fa-caret-down"
                                                                aria-hidden="true"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgLateExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        CommandArgument="LateEntry" OnClick="ImgAbsentExcel_Click" data-toggle="tooltip"
                                                                        data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgLatePDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        CommandArgument="LateEntry" OnClick="ImgAbsentPDF_Click" data-toggle="tooltip"
                                                                        data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 2-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="ThirdboardEarly" runat="server">
                                        <div class="row">
                                            <div class="exp-box2">
                                                <div>
                                                    <div class="exp-date">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblCountEarlyExit" runat="server" Text="0"></asp:Label></span></h1>
                                                    </div>
                                                    <div class="exp-line">
                                                        <img src="dist/img/line08.png">
                                                    </div>
                                                    <div class="exp-icon">
                                                        <img src="dist/img/early-exit-icon.png" class="animated-Exception fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="exp-info">
                                                        <h4>
                                                            <asp:Label ID="lblEarlyExit" runat="server"></asp:Label></h4>
                                                    </div>
                                                    <div class="exp-more">
                                                        <div>
                                                            <a id="A8" href="#" runat="server" onserverclick="EarlyExit_Click" onclick="return DateEntryValidation();">+ More Info <i
                                                                class="fa fa-caret-down" aria-hidden="true"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgEarlyExitExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        CommandArgument="EarlyExit" OnClick="ImgAbsentExcel_Click"
                                                                        data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgEarlyExitPDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        CommandArgument="EarlyExit" OnClick="ImgAbsentPDF_Click"
                                                                        data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 3-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="ThirdboardLess" runat="server">
                                        <div class="row">
                                            <div class="exp-box3">
                                                <div>
                                                    <div class="exp-date">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblShiftNotAllocated" runat="server" Text="0"></asp:Label>
                                                                <asp:LinkButton ID="lnkbtnshiftNotAllocation" runat="server" Style="text-underline-position: below; text-decoration: underline;" OnClick="lnkbtnshiftNotAllocation_Click"></asp:LinkButton>
                                                            </span></h1>
                                                    </div>
                                                    <div class="exp-line">
                                                        <img src="dist/img/line09.png">
                                                    </div>
                                                    <div>
                                                    </div>
                                                    <div class="exp-icon">
                                                        <img src="dist/img/worked-icon.png" class="animated-Exception fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="exp-info">
                                                        <h4>
                                                            <asp:Label ID="lblLessWorked" runat="server"></asp:Label></h4>
                                                    </div>
                                                    <div class="exp-more">
                                                        <div>
                                                            <a id="A9" href="#" runat="server" onserverclick="LessHoursWorked_Click" onclick="return DateEntryValidation();">+ More Info
                                                                <i class="fa fa-caret-down"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgLessHoursWorkedExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        CommandArgument="ShiftNotAllocated" OnClick="ImgAbsentExcel_Click"
                                                                        data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgLessHoursWorkedPDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        CommandArgument="ShiftNotAllocated" OnClick="ImgAbsentPDF_Click"
                                                                        data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 4-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="ThirdboardOverTime" runat="server">
                                        <div class="row">
                                            <div class="exp-box4">
                                                <div>
                                                    <div class="exp-date">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblCountOverTime" runat="server" Text="0"></asp:Label></span></h1>
                                                    </div>
                                                    <div class="exp-line">
                                                        <img src="dist/img/line10.png">
                                                    </div>
                                                    <div class="exp-icon">
                                                        <img src="dist/img/over-rime-icon.png" class="animated-Exception fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="exp-info">
                                                        <h4>
                                                            <asp:Label ID="lblAppOverTime" runat="server"></asp:Label></h4>
                                                    </div>
                                                    <div class="exp-more">
                                                        <div>
                                                            <a id="A10" href="#" runat="server" onserverclick="OverTime_Click" onclick="return DateEntryValidation();">+ More Info <i
                                                                class="fa fa-caret-down" aria-hidden="true"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgOverTimeExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        CommandArgument="OverTime" OnClick="ImgAbsentExcel_Click"
                                                                        data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgOverTimePDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        CommandArgument="OverTime" OnClick="ImgAbsentPDF_Click" data-toggle="tooltip"
                                                                        data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 5-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="ThirdboardDiscrepancy" runat="server">
                                        <div class="row">
                                            <div class="exp-box5">
                                                <div>
                                                    <div class="exp-date">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblCountDiscrepancy" runat="server" Text="0"></asp:Label></span></h1>
                                                    </div>
                                                    <div class="exp-line">
                                                        <img src="dist/img/line11.png">
                                                    </div>
                                                    <div class="exp-icon">
                                                        <img src="dist/img/dis-icon.png" class="animated-Exception fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="exp-info">
                                                        <h4>
                                                            <asp:Label ID="lblDiscrepancy" runat="server"></asp:Label></h4>
                                                    </div>
                                                    <div class="exp-more">
                                                        <div>
                                                            <a id="A11" href="#" runat="server" onserverclick="Discrepancy_Click" onclick="return DateEntryValidation();">+ More Info <i
                                                                class="fa fa-caret-down" aria-hidden="true"></i></a>
                                                        </div>
                                                        <div>
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgDiscrepancyExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        CommandArgument="Discrepancy" OnClick="ImgAbsentExcel_Click"
                                                                        data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgDiscrepancyPDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        CommandArgument="Discrepancy" OnClick="ImgAbsentPDF_Click"
                                                                        data-toggle="tooltip" data-placement="top" OnClientClick="return DateEntryValidation();" /></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--BOX 6-->
                                    <div class="col-md-4 col-sm-6 col-xs-12" id="ThirdboardNonProcessed" runat="server">
                                        <div class="row">
                                            <div class="exp-box6">
                                                <div>
                                                    <div class="exp-date">
                                                        <h1>
                                                            <span class="count">
                                                                <asp:Label ID="lblCountNoProcessRecord" runat="server" Text="0"></asp:Label></span></h1>
                                                    </div>
                                                    <div class="exp-line">
                                                        <img src="dist/img/line12.png">
                                                    </div>
                                                    <div class="exp-icon">
                                                        <img src="dist/img/record-icon.png" class="animated-Exception fadeIn">
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                                <div>
                                                    <div class="exp-info">
                                                        <h4>
                                                            <asp:Label ID="lblNonProcess" runat="server"></asp:Label></h4>
                                                    </div>
                                                    <div class="exp-more">
                                                        <div>
                                                            <a id="A12" href="#" runat="server" onserverclick="NonProcessRecord_Click" onclick="return DateEntryValidation();">+ More Info
                                                                <i class="fa fa-caret-down"></i></a>
                                                        </div>
                                                        <div style="display: none">
                                                            <ul class="list-inline">
                                                                <li>
                                                                    <asp:ImageButton ID="ImgNonProcessedRecordExcel" runat="server" ImageUrl="dist/img/xls.png"
                                                                        CommandArgument="RawData" OnClick="ImgAbsentExcel_Click" Enabled="false" /></li>
                                                                <li>
                                                                    <asp:ImageButton ID="ImgNonProcessedRecordPDF" runat="server" ImageUrl="dist/img/pdf.png"
                                                                        CommandArgument="RawData" OnClick="ImgAbsentPDF_Click" Enabled="false" /></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="clearfix">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <%--</ContentTemplate>
                <Triggers>
                    <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
                </Triggers>
            </asp:UpdatePanel>
             <asp:Timer ID="Timer1" runat="server" Interval="30000" OnTick="Timer1_Tick"></asp:Timer>--%>
        </div>
    </div>
    <div id="trLanding" visible="false" runat="server">
        <div class="dashboard">
            <h3>Home</h3>
        </div>
        <div class="panel-body" style="text-align: center;">
            <div>
                <div class="table">
                    <div class="row" runat="server">
                        <div class="col-md-12" style="margin-top: 30%">
                            <asp:Label ID="lblDemo" runat="server" Font-Bold="True" Font-Names="Verdana" Font-Size="XX-Large"
                                ForeColor="Gray" Visible="false"></asp:Label>
                            <asp:HiddenField ID="hfLogout" runat="server" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="plugins/select2/select2.full.min.js"></script>
</asp:Content>
