
<%@ page title="" language="C#" masterpagefile="~/MasterFile/TimeCheck.master" autoeventwireup="true" inherits="MyCalendar, App_Web_prh05cjj" enableeventvalidation="false" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/TA_uc_OrgLevelFilter_Updated.ascx" TagName="TA_uc_OrgLevel_Filter"
    TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="BodyContentPH" runat="Server" content="IE=edge">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="plugins/fullcalendar/fullcalendar.min.css">
    <link rel="stylesheet" href="plugins/fullcalendar/fullcalendar.print.css" media="print">
    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <link href="dist/css/bootstrap-responsive-tabs.css" rel="stylesheet" type="text/css">
    <script src="dist/js/jquery.bootstrap-responsive-tabs.min.js"></script>
    <script src="plugins/moment.min.js" type="text/javascript"></script>
    <script src="plugins/fullcalendar/fullcalendar.min.js"></script>
    <script src="js/GetNotification.js"></script>
    <script src="js/GetMycalendardata.js"></script>
    <script src="js/GetMycalendardataIndividual.js"></script>
    <link href="../dist/css/bootstrap-responsive-tabs.css" rel="stylesheet" type="text/css">
    <%--<script src="../dist/js/jquery.bootstrap-responsive-tabs.min.js"></script>--%>
    <script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
     <script src="../plugins/datepicker/jquery-1.11.1.min.js"></script>

    <script language="javascript" src="../js/EmpLeaveApplication.js" type="text/javascript"></script>
    <script language="javascript" src="../js/jquery.autocomplete.js" type="text/javascript"></script>
    <script language="javascript" src="../js/fancydropdown.js" type="text/javascript"></script>
    <script language="javascript" src="../js/ShiftExchange.js" type="text/javascript"></script>
    <script language="javascript" src="../js/EmployeeNameAjax.js" type="text/javascript"></script>
    <script language="javascript" src="../js/CountNodays.js" type="text/javascript"></script>
    


    <script language="javascript" src="../js/DateTimeValidation.js" type="text/javascript"></script>
    <script language="javascript" src="../js/CountNoOfHours.js" type="text/javascript"></script>
    <script language="javascript" src="../js/jquery.autocomplete.js" type="text/javascript"></script>
    <script language="javascript" src="../js/maxLength.js" type="text/javascript"></script>
    <script src="../plugins/datepicker/bootstrap-datepicker.js"></script>


     
    <script src="../plugins/datepicker/jquery-1.11.1.min.js"></script>
    <script language="javascript" src="../js/jquery.autocomplete.js" type="text/javascript"></script>
    <script src="../plugins/datepicker/bootstrap-datepicker.js"></script>
    <script language="javascript" src="../js/ShiftExchange.js" type="text/javascript"></script>
    <script language="javascript" src="../js/DateTimeValidation.js" type="text/javascript"></script>
    <script language="javascript" src="../js/EmployeeNameAjax.js" type="text/javascript"></script>

    <%--  If my calender is not work, not loaded please enable this below coding. and comment the above coding, we got this issue in vaighai--%>
    <%--<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="plugins/fullcalendar/fullcalendar.min.css">
    <link rel="stylesheet" href="plugins/fullcalendar/fullcalendar.print.css" media="print">
    <link href="dist/css/bootstrap-responsive-tabs.css" rel="stylesheet" type="text/css">
    <script src="plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script>
    <script src="plugins/jquery-ui.min.js" type="text/javascript"></script>
    <script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
    <script src="plugins/raphael-min.js" type="text/javascript"></script>
    <script src="plugins/morris/morris.min.js" type="text/javascript"></script>
    <script src="plugins/sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
    <script src="plugins/jvectormap/jquery-jvectormap-1.2.2.min.js" type="text/javascript"></script>
    <script src="plugins/jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript"></script>
    <script src="plugins/knob/jquery.knob.js" type="text/javascript"></script>
    <script src="plugins/moment.min.js" type="text/javascript"></script>
    <script src="plugins/daterangepicker/daterangepicker.js" type="text/javascript"></script>
    <script src="plugins/daterangepicker/moment.js" type="text/javascript"></script>
    <script src="plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
    <script src="plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>
    <script src="dist/js/jquery.bootstrap-responsive-tabs.min.js"></script>
    <script src="plugins/chartjs/Chart.min.js"></script>
    <script src="dist/js/app.min.js" type="text/javascript"></script>
    <script src="plugins/select2/select2.full.min.js"></script>
    <script src="plugins/fullcalendar/fullcalendar.min.js"></script>
    <script src="js/GetNotification.js"></script>
    <script src="js/GetMycalendardata.js"></script>--%>

    <script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.5/dist/html2canvas.min.js"></script>
    <script type="text/javascript">
        function ShowOffical(msg) {
            debugger;
            jQuery(function () {
                jQuery('#tablist1 a[href="#Permission"]').tab('show')
            });
            $('#ctl00_BodyContentPH_lblMandat').text("5 No.");
            $('html, body').animate({ scrollTop: 0 }, 'slow');
            alert(msg);
            return false;
        }
    </script>

  
    
    <script>
        //--------- HARIHARAN J 23-05-2023---------
        $(function () {
            debugger;
            $('#ctl00_BodyContentPH_txt_ShiftDate').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden1').value }
            );
        });
        $(function () {
            debugger;
            $('#ctl00_BodyContentPH_txt_OutDate').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden1').value }
            );
        });
        $(function () {
            $('#ctl00_BodyContentPH_txt_InDate').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden1').value }
            );
        });
        $(function () {
            $('#ctl00_BodyContentPH_txt_ShiftIn').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden2').value }
            );
        });
        $(function () {
            $('#ctl00_BodyContentPH_txt_ShiftOut').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden2').value }
            );
        });
        //--------------------------------------------

    </script>

    

    <script type="text/javascript">
        function Delete_Conf() {
            debugger;
            //Alert_AreyousuretoDelete
            return confirm('Are you sure to Delete ?');
        }
        function clickUserMycalendar() {
            debugger;
            $('#tablist a[href="#ctl00_BodyContentPH_tab1"]').tab('show');
            $('html, body').animate({ scrollTop: 0 }, 'slow');
        }
        function clickTeamcalendar() {
            debugger;
            $('#tablist a[href="#ctl00_BodyContentPH_tab2"]').tab('show');
            $('html, body').animate({ scrollTop: 0 }, 'slow');
        }
        function clickTeamcalendarIndividual() {
            debugger;
            $('#tablist a[href="#ctl00_BodyContentPH_tab3"]').tab('show');
            $('html, body').animate({ scrollTop: 0 }, 'slow');
        }
        function clickIndividualUser() {
            debugger;
            GetIndividualCalendar();
        }
        function clickTeam() {
            
            GetTeamCalendar(<%= Session["EmpAutoID"].ToString() %>);
        }
        function clickIndividualUsers() {
            debugger;
            GetIndividualCalendars();
        }
        document.onreadystatechange = function () {

            if (document.readyState === 'complete') {
                clickTeam();
                clickIndividualUser();
                debugger;
                clickIndividualUsers();
            }
        }

        //--------- HARIHARAN J 23-05-2023---------
        function ClearInDate() {
            document.aspnetForm.ctl00_BodyContentPH_txt_InDate.value = "";
            return false;
        }
        function ClearInTime() {
            document.aspnetForm.ctl00_BodyContentPH_txt_ShiftIn.value = "";
            return false;
        }
        function ClearOutDate() {
            document.aspnetForm.ctl00_BodyContentPH_txt_OutDate.value = "";
            return false;
        }
        function ClearOutTime() {
            document.aspnetForm.ctl00_BodyContentPH_txt_ShiftOut.value = "";
            return false;
        }
        //-----------------------------
        function doCapture() {
            window.scrollTo(0, 0);
            document.getElementById("divcontent").style.paddingLeft = "350px";
            html2canvas(document.getElementById("divcontent")).then(function (canvas) {
                //document.getElementById("ctl00_BodyContentPH_imgTest").src = canvas.toDataURL("image/jpeg").replace("image/jpeg", "image/octet-stream");
                document.getElementById("ctl00_BodyContentPH_hdnImage").value = canvas.toDataURL("image/jpeg");
            });
            document.getElementById("divcontent").style.paddingLeft = "15px";
            return false;
        }
        function Btn_EmailValidate() {
            if (document.getElementById("ctl00_BodyContentPH_txtEmail").value.trim() == "") {
                alert("Please enter the mail Id.");
                return false;
            }
            return true;
        }

        function fileShowHide() {
            document.getElementById('ctl00_BodyContentPH_div_fileUpload').style.display = "none";
            div_fileUpload
        }

        function div_show() {

            document.getElementById('ctl00_BodyContentPH_PH_Leave').style.display = "block";
            document.getElementById('ctl00_BodyContentPH_PH_Permission').style.display = "none";
            document.getElementById('ctl00_BodyContentPH_PH_OnDuty').style.display = "none";

            $('#tablist1 a[href="#Leave"]').tab('show');
            $('#ctl00_BodyContentPH_lblMandat').text("5 No.");
            $('html, body').animate({ scrollTop: 0 }, 'slow');
        }

        function LeaveTab() {
            document.getElementById('ctl00_BodyContentPH_PH_Leave').style.display = "block";
            document.getElementById('ctl00_BodyContentPH_PH_Permission').style.display = "none";
            document.getElementById('ctl00_BodyContentPH_PH_OnDuty').style.display = "none";
            $('#tablist1 a[href="#Leave"]').tab('show');
            $('#ctl00_BodyContentPH_lblMandat').text("5 No.");
            $('html, body').animate({ scrollTop: 0 }, 'slow');
            return false;
        }


        function div_show1() {
            debugger;
            document.getElementById('ctl00_BodyContentPH_PH_Leave').style.display = "none";
            document.getElementById('ctl00_BodyContentPH_PH_Permission').style.display = "block";
            document.getElementById('ctl00_BodyContentPH_PH_OnDuty').style.display = "none";
            //document.getElementById('ctl00_BodyContentPH_txt_EmpID').focus();

            $('#tablist1 a[href="#Permission"]').tab('show');
            $('#ctl00_BodyContentPH_lblMandat').text("5 No.");
            $('html, body').animate({ scrollTop: 0 }, 'slow');

            return false;

        }

        function div_show2() {
            debugger;
            document.getElementById('ctl00_BodyContentPH_PH_Leave').style.display = "none";
            document.getElementById('ctl00_BodyContentPH_PH_Permission').style.display = "none";
            document.getElementById('ctl00_BodyContentPH_PH_OnDuty').style.display = "block";

            //document.getElementById('ctl00_BodyContentPH_txt_EmpID').focus();

            $('#tablist1 a[href="#OnDuty"]').tab('show');
            $('#ctl00_BodyContentPH_lblMandat').text("3 No.");
            $('html, body').animate({ scrollTop: 0 }, 'slow');

            ondutyDatetimePicker();
          

            return false;

        }
        
        function ondutyDatetimePicker() {
            debugger;
          
            //    $('#ctl00_BodyContentPH_txt_ShiftDate').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden1').value }
            //    );
          
            //$(function () {
            //    debugger;
            //    $('#ctl00_BodyContentPH_txt_OutDate').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden1').value }
            //    );
            //});
            //$(function () {
            //    $('#ctl00_BodyContentPH_txt_InDate').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden1').value }
            //    );
            //});
           
                $('#ctl00_BodyContentPH_txt_ShiftIn').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden2').value }
                );
           
            $(function () {
                $('#ctl00_BodyContentPH_txt_ShiftOut').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden2').value }
                );
            });
            return true;
        }
        

        function SaveOnduty()
        {
            debugger;
            var send = null;

            var ManualEntryType = 1;
            var EmployeeId;
            var EmployeeName;
            var OndutyType = 1;
            var IncludeWeekend = 2;
            var ApplicationDate = document.getElementById('ctl00_BodyContentPH_TxtOnDuty').value;
            var OnDutyDate = document.getElementById('ctl00_BodyContentPH_TxtOnDuty').value;
            var StartTime = document.getElementById('ctl00_BodyContentPH_txt_ShiftIn').value;
            var Endtime = document.getElementById('ctl00_BodyContentPH_txt_ShiftOut').value;
            var Reason = document.getElementById('ctl00_BodyContentPH_txt_Reason').value;


            //send.open("GET", "Transactions_TA_UI_Transactions_OnDutyAdd.aspx?ShiftDate=" + ShiftDate, false);





        }

        //values for check date
        //Adding this line var Datefourdigit='Please enter valid date with correct format dd/MM/yyyy'; as newly
        var Monthfourdigit = 'Please enter valid date as month, day, and four digit year : Format MM/dd/yyyy.';
        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 = 'Incorrect date format. Enter as DD-MON-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 NoRecords = "No Records";
        var ErrorinRetrive = "Error in retriving details";
        var Select = "-Select-";
        var MaxLength = "Maximum length is ";
        var Others = "Others";

        var SelLeaveType = "Select Leave Type";
        var SelLeaveRestictHoliday = "Select Leave/Restricted Holiday";
        var FillFromDate = "Fill From Date";
        var FillToDate = "Fill To Date";
        var SelFromSession = "Select From Session";
        var SelToSession = "Select To Session";
        var FillReason = "Fill Reason";
        var AppliedDaysEmpty = "Number of Days Applied Should Not Be Empty";
        var AppliedDaysZero = "Number of Days Applied Should Not Be Zero";
        var RemainingDaysZero = "Remaining number of days should not be Zero";
        var AppliedShouldNotexceed = "Number of days applied should not exceed 365 days";
        var CompOffShouldNotexceed = "Available Leaves should not be less than the Number of Days Applied";
        var ConfirmSave = "Are you sure to, Save?";
        var Selectvalidfromsessionandtosession = "Select valid from session and to session";
        var Halfdayisnotallowed = "Half day is not allowed";
        var Selectvalidyear = "Select valid year";
        var LeaveFromDateshouldnotbegreaterthanLeaveToDate = "Leave From Date should not be greater than Leave To Date";
        var Leaveshouldnotbeappliedbeforedateofjoining = "Leave should not be applied before date of joining";
        var NoLeavePolicyexistsforthisLeaveFromDateorToDate = "No Leave Policy exists for this Leave From Date or To Date";
        var Leaveshouldbeappliedapplicableafterdays = "Leave should be applied, applicable after days";
        var YouareselectingHoliday = "You are selecting Holiday";
        var YouareselectingWeeklyOffinFromdate = "You are selecting Weekly Off in From date";
        var YouareselectingWeeklyOffinTodate = "You are selecting Weekly Off in To date";
        var YouareselectingWeeklyOff = "You are selecting Weekly Off";
        var LeaveApplicationcannotberaisedduringWeeklyOffGlobalHoliday = "Leave Application cannot be raised during Weekly Off / Global Holiday";
        var SelectLeaveandLeaveTypeId = "Select Leave and LeaveTypeId";
        var Shiftnotallocated = "Shift not allocated";
        var SelectValidFromDateandToDate = "Select Valid From Date and To Date";
        var YouhavechoosedafterweeklyOffOneDayAdded = "You have choosed after weekly Off, One Day Added";
        var YouhavechoosedBeforeweeklyOffOneDayAdded = "You have choosed Before weekly Off, One Day Added";
        var YouhaveselectedInterveningweeklyOffGlobalHoliday = "You have selected Intervening weekly Off / Global Holiday";
        var DayDeducted = "Day(s) Deducted";
        var Dayincluded = "Day(s) included";
        var SelectanEmployee = "Select an Employee";
        var LOPnotdefined = "LOP not defined";
        var RestrictedHoliday = "Restricted Holiday not defined";
        var LeavePolicy = "Leave Policy not defined";
        var InvalidApplicationDate = "Leave Date does not fall on the Selected year";
        var ExceedSuccessiveDays = "Given Application Date exceeds the Successive Days";
        var Selectleavefromandtodate = "Select leave from and to date";
        var Selectleavefromdate = "Select leave from date";
        var Selectleavetodate = "Select leave to date";
        var Theleavedurationcrossestheleavepolicy = "The leave duration crosses the leave policy";
        var Errorinretriving = "Error in retriving details";

        $(document).ready(function () {
            $('#ctl00_BodyContentPH_FileUploadControl').change(function () {
                var path = $(this).val();
                if (path != '' && path != null) {
                    var q = path.substring(path.lastIndexOf('\\') + 1);
                    $('#ctl00_BodyContentPH_lblDocProofNameVal').html(q);
                    document.getElementById('ctl00_BodyContentPH_hdnDocName').value = q;
                }
            });
        });

        var sessionDateValue = '<%= Session["IDateFormat"] %>';
        var sessionTimeValue = '<%= Session["ITimeFormat"] %>';
        var sessionDateAndTimeValue = sessionDateValue + ' ' + sessionTimeValue;
        $(function () {
            debugger;
            //$('#ctl00_BodyContentPH_TxtPermissionDate').datetimepicker({ format: document.getElementById('ctl00_BodyContentPH_Hidden1').value });
            $('#ctl00_BodyContentPH_txt_StartTime').datetimepicker({ format: sessionDateAndTimeValue });
            $('#ctl00_BodyContentPH_txt_EndTime').datetimepicker({ format: sessionDateAndTimeValue });
        });

        function Emp(noRecords, errorinRetrive, select, others) {
            NoRecords = noRecords;
            ErrorinRetrive = errorinRetrive;
            Select = select;
            Others = others;
        }

        function fileShoworHide() {
            
            document.getElementById('ctl00_BodyContentPH_divBorrowLeave').style.display = "block";
        }

        function hidedivBorrow() {
            document.getElementById('ctl00_BodyContentPH_divBorrowLeave').style.display = "none";
        }
        function hidedivLeaveProcess() {
            document.getElementById('ctl00_BodyContentPH_divLeaveProcess').style.display = "none";
        }
        function CheckDatesAndNumberOfDays() {
            if (document.aspnetForm.ctl00_BodyContentPH_txtFromDate.value != "") {
                var weekDay = document.aspnetForm.ctl00_BodyContentPH_txtFromDate;
                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)) {
                    if (document.aspnetForm.ctl00_BodyContentPH_txtToDate.value != "") {
                        var weekDay = document.aspnetForm.ctl00_BodyContentPH_txtToDate;
                        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)) {
                            NumberOfdays
                            (
                                 Selectvalidfromsessionandtosession,
                                 Halfdayisnotallowed,
                                 Selectvalidyear,
                                 LeaveFromDateshouldnotbegreaterthanLeaveToDate,
                                 Leaveshouldnotbeappliedbeforedateofjoining,
                                 NoLeavePolicyexistsforthisLeaveFromDateorToDate,
                                 Leaveshouldbeappliedapplicableafterdays,
                                 YouareselectingHoliday,
                                 YouareselectingWeeklyOffinFromdate,
                                 YouareselectingWeeklyOffinTodate,
                                 YouareselectingWeeklyOff,
                                 LeaveApplicationcannotberaisedduringWeeklyOffGlobalHoliday,
                                 SelectLeaveandLeaveTypeId,
                                 Shiftnotallocated,
                                 SelectValidFromDateandToDate,
                                 YouhavechoosedafterweeklyOffOneDayAdded,
                                 YouhavechoosedBeforeweeklyOffOneDayAdded,
                                 YouhaveselectedInterveningweeklyOffGlobalHoliday,
                                 DayDeducted,
                                 Dayincluded,
                                 InvalidApplicationDate,
                                 ExceedSuccessiveDays
                            );
                        }
                        else {
                            return false;
                        }
                    }
                }
                else {
                    return false;
                }
            }
        }

        function WeekdayValidation() {
            var EmpId = document.getElementById('ctl00_BodyContentPH_txtEmployeeId');
            var EmpName = document.getElementById('ctl00_BodyContentPH_txt_EmpName');
            var weekDay = document.aspnetForm.ctl00_BodyContentPH_txtLeaveStartDate;
            var weekDay2 = document.aspnetForm.ctl00_BodyContentPH_txtLeaveEndDate;
            var swipCard = document.getElementById('ctl00_BodyContentPH_txtSwipeCard');
            if (EmpName == null && EmpId == null && weekDay.value == '' && weekDay2.value == '' && swipCard == null) {
                alert(EnterDetails);
                return false;
            }
            else if ((weekDay.value == '' && weekDay2.value != '') || (weekDay.value != '' && weekDay2.value == '')) {
                alert(FillFromandToDate);
                return false;
            }
            var DateFormat = document.getElementById('ctl00_BodyContentPH_Hidden1').value;
            if (weekDay.value != '') {
                if (checkDate(weekDay, DateFormat, Monthfourdigit, Datefourdigit, Invalidyearentry, Invalidmonthentry, Invaliddateentry, DateformatDDMONYYYY, Entertime, Valueforhours, Invalidvalueforminutes, Invalidtimeformat, EntervalidDateandTime, ValiddatemonthMMDDYYHHMM, ValiddatemonthMMDDYYHHMMTT, EntervalidDateandTime, Invalidvalueforhours, Invalidvalueforminites)) {
                    if (weekDay2.value != '') {
                        if (checkDate(weekDay2, DateFormat, Monthfourdigit, Datefourdigit, Invalidyearentry, Invalidmonthentry, Invaliddateentry, DateformatDDMONYYYY, Entertime, Valueforhours, Invalidvalueforminutes, Invalidtimeformat, EntervalidDateandTime, ValiddatemonthMMDDYYHHMM, ValiddatemonthMMDDYYHHMMTT, EntervalidDateandTime, Invalidvalueforhours, Invalidvalueforminites)) {
                        }
                        else {
                            return false;
                        }
                    }
                    else {
                        document.getElementById('ctl00_BodyContentPH_txtLeaveEndDate').focus();
                        return false;
                    }
                }
                else {
                    return false;
                }
            }
        }

        function assignEmployeeId(empid, Select) {
            document.getElementById('ctl00_BodyContentPH_hdnEmployeeId').value = empid;
            document.getElementById('ctl00_BodyContentPH_ddl_Type').selectedIndex = 0;
            document.aspnetForm.ctl00_BodyContentPH_ddl_SessionFrom.selectedIndex = 0;
            document.aspnetForm.ctl00_BodyContentPH_ddl_SessionTo.selectedIndex = 0;
            document.getElementById('ctl00_BodyContentPH_txtRemainingNoOfLeave').value = "";
            document.getElementById('ctl00_BodyContentPH_hdnisWFH').value = "0";
            document.getElementById('ctl00_BodyContentPH_hdnNumberofDaysApplied').value = "";
            document.getElementById('ctl00_BodyContentPH_txt_Numberofdays').value = "";
            document.getElementById('ctl00_BodyContentPH_divLeaveProcess').style.display = "none";
            if (document.getElementById('ctl00_BodyContentPH_ddl_LeaveType').options.length != null) {
                for (var count = document.getElementById('ctl00_BodyContentPH_ddl_LeaveType').options.length - 1; count > -1; count--) {
                    document.getElementById('ctl00_BodyContentPH_ddl_LeaveType').options[count] = null;
                }
            }
            var newOptSelect = new Option(Select, '-Select-', false, false);
            document.getElementById('ctl00_BodyContentPH_ddl_LeaveType').options[0] = newOptSelect;
            document.getElementById('ctl00_BodyContentPH_ddl_LeaveType').selectedIndex = 0;
            if (empid.value != "-Select-" && empid.value != "") {
                document.getElementById('ctl00_BodyContentPH_ddl_Type').focus();
            }
        }
        function validateNumberOfDays(NumberOfDays) {
            if (parseInt(NumberOfDays.value) > 365) {
                alert(AppliedShouldNotexceed);
            }
        }

        function Validation_LeaveApplication() {

            var TypeIndex = document.aspnetForm.ctl00_BodyContentPH_ddl_Type.selectedIndex;
            var leaveApplied = parseFloat(document.aspnetForm.ctl00_BodyContentPH_txt_Numberofdays.value);
            var leaveRemaining = parseFloat(document.aspnetForm.ctl00_BodyContentPH_txtRemainingNoOfLeave.value);
            document.getElementById('ctl00_BodyContentPH_hdnleaveRemaining').value = leaveRemaining;
            var SelectLeaveType = document.getElementById("ctl00_BodyContentPH_ddl_LeaveType");
            var selectedLeaveText = SelectLeaveType.options[SelectLeaveType.selectedIndex].text;
            if (TypeIndex == -1) {
                return false;
            }
            var LTypeIndex = document.aspnetForm.ctl00_BodyContentPH_ddl_LeaveType.selectedIndex;
            if (LTypeIndex == -1) {
                alert(SelLeaveType);
                return false;
            }
            var LeaveType = document.aspnetForm.ctl00_BodyContentPH_ddl_LeaveType.options[LTypeIndex].value;
            var Type = document.aspnetForm.ctl00_BodyContentPH_ddl_Type.options[TypeIndex].value;
            if (Type == "-Select-") {
                alert(SelLeaveRestictHoliday);
                return false;
            }
            else if (LeaveType == "-Select-") {
                alert(SelLeaveType);
                return false;
            }
            else if (document.aspnetForm.ctl00_BodyContentPH_txtFromDate.value == "") {
                alert(FillFromDate);
                return false;
            }
            else if (document.aspnetForm.ctl00_BodyContentPH_txtToDate.value == "") {
                alert(FillToDate);
                return false;
            }

            else if (document.aspnetForm.ctl00_BodyContentPH_ddl_SessionFrom.selectedIndex == 0) {
                alert(SelFromSession);
                return false;
            }
            else if (document.aspnetForm.ctl00_BodyContentPH_ddl_SessionTo.selectedIndex == 0) {
                alert(SelToSession);
                return false;
            }
            else if (document.aspnetForm.ctl00_BodyContentPH_txtReason.value == "") {
                alert(FillReason);
                return false;
            }
            else if (document.aspnetForm.ctl00_BodyContentPH_txt_Numberofdays.value == "") {
                alert(AppliedDaysEmpty);
                return false;
            }
            else if (document.aspnetForm.ctl00_BodyContentPH_txt_Numberofdays.value == "0") {
                alert(AppliedDaysZero);
                return false;
            }
            else if (document.aspnetForm.ctl00_BodyContentPH_txtRemainingNoOfLeave.value == "0") {
                alert(RemainingDaysZero);
                return false;
            }
            else if (parseInt(document.aspnetForm.ctl00_BodyContentPH_txt_Numberofdays.value) > 365) {
                alert(AppliedShouldNotexceed);
                return false;

            }
                //to solve the issue from mantis 0019020 : Need to convert the string value into float and then check it. By Manjula.P on 24-Sep-2013
            else if (leaveRemaining < leaveApplied) {
                alert(CompOffShouldNotexceed);
                return false;
            }
            if (ctl00_BodyContentPH_hdnFURequired.value != null && ctl00_BodyContentPH_hdnFURequired.value != "" && ctl00_BodyContentPH_hdnFURequired.value == 1) {
                var fileupload = document.aspnetForm.ctl00_BodyContentPH_FileUploadControl.value;
                if (fileupload == null || fileupload == "") {
                    alert("Upload the necessary document to avail this leave");
                    return false;
                }
                else {
                    var array = ['pdf', 'doc', 'docx', 'jpeg', 'jpg'];
                    var xyz = document.getElementById("ctl00_BodyContentPH_FileUploadControl");

                    var Extension = xyz.value.substring(xyz.value.lastIndexOf('.') + 1).toLowerCase();
                    if (array.indexOf(Extension) <= -1) {
                        alert("Please Upload only PDF,DOC,JPEG.JPG extension file");
                        return false;

                    }
                }
            }
            return confirm(ConfirmSave);
        }

        //Permission Application Validation

        var FillPermissinDate = "Select Shift Date";
        var FillStarDate = "Select Start Time";
        var FillEndDate = "Select End Time";
        var FillReason = " Enter the Reason";
        var permissionEmpty = "Number of Hours Applied Should Not Be Empty / Zero.Click Calculate Hours";
        var SelEmployee = "Select an Employee";
        var ConfirmSave = "Are you sure to, Save?";
        var FillStarEndDate = "Select Start and End Time";
        var SelectEmployee = "Select Employee";
        var SelectvalidPermissionDate = "Select valid Permission Date";
        var SelectvalidPermissionFromDateandTime = "Select valid Permission From Date and Time";
        var SelectvalidPermissionToDateandTime = "Select valid Permission To Date and Time";
        var Selectvalidyear = "Select valid year";
        var Permissionshouldnotbeappliedbeforedateofjoining = "Permission should not be applied before date of joining";
        var PermissionHoursfallsonWeeklyOffGlobalHoliday = "Permission Hours falls on Weekly Off / Global Holiday";
        var SelectValidPermissionHours = "Select Valid Permission Hours";
        var ShiftNotAllocated = "Shift Not Allocated";
        var PermissionHoursdoesnotfallinsidetheshift = "Permission Hours does not fall inside the shift";
        var PermissionHoursfallwiththeshiftbreaktimes = "Permission Hours fall with the shift break times"
        var PermissionHoursShouldNotInNegativeHours = "Permission Hours Should Not In Negative Hours";
        var PermissionHoursNotdefinedforthisemployee = "Permission Hours Not defined for this employee";
        var MaxNumberofInstancespermonthExceeds = "Max Number of Instances per month Exceeds";
        function SetAlertMessages(permissiondtae, StarDtae, EndDate, Reason, permissionEmpty, selEmployee, ConfirmSavedeatils, FillStarEnddate) {
            FillPermissinDate = permissiondtae;
            FillStarDate = StarDtae;
            FillEndDate = EndDate;
            FillReason = Reason;
            PermissionEmpty = permissionEmpty;
            SelEmployee = selEmployee;
            ConfirmSave = ConfirmSavedeatils;
            FillStarEndDate = FillStarEnddate;
        }
        function SetAlertMessagesAjax_Permission
      (
       selectEmployee,
       selectvalidPermissionDate,
       selectvalidPermissionFromDateandTime,
       selectvalidPermissionToDateandTime,
       selectvalidyear,
       permissionshouldnotbeappliedbeforedateofjoining,
       permissionHoursfallsonWeeklyOffGlobalHoliday,
       selectValidPermissionHours,
       shiftNotAllocated,
       permissionHoursdoesnotfallinsidetheshift,
       permissionHoursfallwiththeshiftbreaktimes,
       permissionHoursShouldNotInNegativeHours,
       permissionHoursNotdefinedforthisemployee,
       maxNumberofInstancespermonthExceeds
      ) {
            SelectEmployee = selectEmployee;
            SelectvalidPermissionDate = selectvalidPermissionDate;
            SelectvalidPermissionFromDateandTime = selectvalidPermissionFromDateandTime;
            SelectvalidPermissionToDateandTime = selectvalidPermissionToDateandTime;
            Selectvalidyear = selectvalidyear;
            Permissionshouldnotbeappliedbeforedateofjoining = permissionshouldnotbeappliedbeforedateofjoining;
            PermissionHoursfallsonWeeklyOffGlobalHoliday = permissionHoursfallsonWeeklyOffGlobalHoliday;
            SelectValidPermissionHours = selectValidPermissionHours;
            ShiftNotAllocated = shiftNotAllocated;
            PermissionHoursdoesnotfallinsidetheshift = permissionHoursdoesnotfallinsidetheshift;
            PermissionHoursfallwiththeshiftbreaktimes = permissionHoursfallwiththeshiftbreaktimes;
            PermissionHoursShouldNotInNegativeHours = permissionHoursShouldNotInNegativeHours;
            PermissionHoursNotdefinedforthisemployee = permissionHoursNotdefinedforthisemployee;
            MaxNumberofInstancespermonthExceeds = maxNumberofInstancespermonthExceeds;
        }
        //function ClearPermissionHrs() {
        //    document.aspnetForm.ctl00_BodyContentPH_txt_NumberOfHours.value = "";
        //}
        //function CheckDateShiftDate(current, SelectEmployee, SelectvalidPermissionDate, SelectvalidPermissionFromDateandTime, SelectvalidPermissionToDateandTime, Selectvalidyear, Permissionshouldnotbeappliedbeforedateofjoining, PermissionHoursfallsonWeeklyOffGlobalHoliday, SelectValidPermissionHours, ShiftNotAllocated, PermissionHoursdoesnotfallinsidetheshift, PermissionHoursfallwiththeshiftbreaktimes, PermissionHoursShouldNotInNegativeHours, PermissionHoursNotdefinedforthisemployee, MaxNumberofInstancespermonthExceeds) {
        //    var DateFormat = document.getElementById('ctl00_BodyContentPH_Hidden1').value;
        //    var PermissionDate = document.aspnetForm.ctl00_BodyContentPH_TxtPermissionDate;
        //    if (document.aspnetForm.ctl00_BodyContentPH_TxtPermissionDate.value != "") {
        //        if (checkDate(PermissionDate, DateFormat, Monthfourdigit, Datefourdigit, Invalidyearentry, Invalidmonthentry, Invaliddateentry, DateformatDDMONYYYY, Entertime, Valueforhours, Invalidvalueforminutes, Invalidtimeformat, EntervalidDateandTime, ValiddatemonthMMDDYYHHMM, ValiddatemonthMMDDYYHHMMTT, EntervalidDateandTime, Invalidvalueforhours, Invalidvalueforminites)) {
        //            assignEmployeeIdPermission(current, SelectEmployee, SelectvalidPermissionDate, SelectvalidPermissionFromDateandTime, SelectvalidPermissionToDateandTime, Selectvalidyear, Permissionshouldnotbeappliedbeforedateofjoining, PermissionHoursfallsonWeeklyOffGlobalHoliday, SelectValidPermissionHours, ShiftNotAllocated, PermissionHoursdoesnotfallinsidetheshift, PermissionHoursfallwiththeshiftbreaktimes, PermissionHoursShouldNotInNegativeHours, PermissionHoursNotdefinedforthisemployee, MaxNumberofInstancespermonthExceeds);
        //        }
        //        else {
        //            return false;
        //        }
        //    }
        //    else {
        //        return false;
        //    }
        //}
        //function CheckDatesAndNumberOfDays() {
        //    var rangeDemoFormat = document.getElementById('ctl00_BodyContentPH_Hidden1').value;
        //    var rangeDemoFormats = document.getElementById('ctl00_BodyContentPH_Hidden1').value + " " + document.getElementById('ctl00_BodyContentPH_Hidden2').value;
        //    var DateFormat = document.getElementById('ctl00_BodyContentPH_Hidden1').value;
        //    var TimeFormat = document.getElementById('ctl00_BodyContentPH_Hidden2').value;
        //    var PermissionDate = document.aspnetForm.ctl00_BodyContentPH_TxtPermissionDate;
        //    if (document.aspnetForm.ctl00_BodyContentPH_TxtPermissionDate.value != "") {
        //        if (checkDate(PermissionDate, DateFormat, Monthfourdigit, Datefourdigit, Invalidyearentry, Invalidmonthentry, Invaliddateentry, DateformatDDMONYYYY, Entertime, Valueforhours, Invalidvalueforminutes, Invalidtimeformat, EntervalidDateandTime, ValiddatemonthMMDDYYHHMM, ValiddatemonthMMDDYYHHMMTT, EntervalidDateandTime, Invalidvalueforhours, Invalidvalueforminites)) {
        //            if (document.aspnetForm.ctl00_BodyContentPH_txt_StartTime.value != "") {
        //                var FromDateTime = document.aspnetForm.ctl00_BodyContentPH_txt_StartTime;
        //                if (checkDateAndTime(FromDateTime, DateFormat, TimeFormat, Monthfourdigit, Datefourdigit, Invalidyearentry, Invalidmonthentry, Invaliddateentry, DateformatDDMONYYYY, Entertime, Valueforhours, Invalidvalueforminutes, Invalidtimeformat, EntervalidDateandTime, ValiddatemonthMMDDYYHHMM, ValiddatemonthMMDDYYHHMMTT, ValiddateDateDDMMYYHHMM, ValiddateDateDDMMYYHHMMTT, EntervalidDateandTime, Invalidvalueforhours, Invalidvalueforminites)) {
        //                    if (document.aspnetForm.ctl00_BodyContentPH_txt_EndTime.value != "") {
        //                        var ToDateTime = document.aspnetForm.ctl00_BodyContentPH_txt_EndTime;
        //                        if (checkDateAndTime(ToDateTime, DateFormat, TimeFormat, Monthfourdigit, Datefourdigit, Invalidyearentry, Invalidmonthentry, Invaliddateentry, DateformatDDMONYYYY, Entertime, Valueforhours, Invalidvalueforminutes, Invalidtimeformat, EntervalidDateandTime, ValiddatemonthMMDDYYHHMM, ValiddatemonthMMDDYYHHMMTT, ValiddateDateDDMMYYHHMM, ValiddateDateDDMMYYHHMMTT, EntervalidDateandTime, Invalidvalueforhours, Invalidvalueforminites)) {
        //                            NumberOfHours(SelectEmployee, SelectvalidPermissionDate, SelectvalidPermissionFromDateandTime, SelectvalidPermissionToDateandTime, Selectvalidyear, Permissionshouldnotbeappliedbeforedateofjoining, PermissionHoursfallsonWeeklyOffGlobalHoliday, SelectValidPermissionHours, ShiftNotAllocated, PermissionHoursdoesnotfallinsidetheshift, PermissionHoursfallwiththeshiftbreaktimes, PermissionHoursShouldNotInNegativeHours, PermissionHoursNotdefinedforthisemployee, MaxNumberofInstancespermonthExceeds);
        //                        }
        //                        else {
        //                            return false;
        //                        }
        //                    }
        //                    else {
        //                        return false;
        //                    }
        //                }
        //                else {
        //                    return false;
        //                }
        //            }
        //            else {
        //                return false;
        //            }
        //        }
        //        else {
        //            return false;
        //        }
        //    }
        //    else {
        //        return false;
        //    }
        //    return false;
        //}


        
        //function Validation_Permission() {
        //    var rangeDemoFormat = document.getElementById('ctl00_BodyContentPH_Hidden1').value;
        //    var rangeDemoFormats = document.getElementById('ctl00_BodyContentPH_Hidden1').value + " " + document.getElementById('ctl00_BodyContentPH_Hidden2').value;
        //    document.getElementById('ctl00_BodyContentPH_hdnNoOfHours').value = document.aspnetForm.ctl00_BodyContentPH_txt_NumberOfHours.value;
        //    if (document.getElementById('ctl00_BodyContentPH_hdnEmployeeId').value == "") {
        //        alert(SelEmployee);
        //        document.getElementById('ctl00_BodyContentPH_txt_EmployeeId').focus();
        //        return false;
        //    }
        //    if (document.aspnetForm.ctl00_BodyContentPH_TxtPermissionDate.value == "") {
        //        alert(FillPermissinDate);
        //        document.aspnetForm.ctl00_BodyContentPH_TxtPermissionDate.focus();
        //        return false;
        //    }
        //    else if (document.aspnetForm.ctl00_BodyContentPH_txt_StartTime.value == "" && document.aspnetForm.ctl00_BodyContentPH_txt_EndTime.value == "") {
        //        alert(FillStarEndDate);
        //        document.aspnetForm.ctl00_BodyContentPH_txt_StartTime.focus();
        //        return false;
        //    }
        //    else if (document.aspnetForm.ctl00_BodyContentPH_txt_StartTime.value == "") {
        //        alert(FillStarDate);
        //        document.aspnetForm.ctl00_BodyContentPH_txt_StartTime.focus();
        //        return false;
        //    }
        //    else if (document.aspnetForm.ctl00_BodyContentPH_txt_EndTime.value == "") {
        //        alert(FillEndDate);
        //        document.aspnetForm.ctl00_BodyContentPH_txt_EndTime.focus();
        //        return false;
        //    }
        //    else if (trim(document.aspnetForm.ctl00_BodyContentPH_txtReason.value) == "") {
        //        alert(FillReason);
        //        document.aspnetForm.ctl00_BodyContentPH_txtReason.focus();
        //        return false;
        //    }
        //    else if (document.aspnetForm.ctl00_BodyContentPH_txt_NumberOfHours.value == "") {
        //        alert(PermissionEmpty);
        //        return false;
        //    }
        //    else if (document.aspnetForm.ctl00_BodyContentPH_txt_NumberOfHours.value == "00:00") {
        //        alert(PermissionEmpty);
        //        return false;
        //    }
        //    else {
        //        if (confirm(ConfirmSave) == true) {
        //            return true;
        //        }
        //        else {
        //            return false;
        //        }
        //    }

        //}

    </script>
    <div id="output"></div>
    <section class="content-header">

         <asp:HiddenField ID="hdfStartTime" runat="server" />
        <asp:HiddenField ID="hdfStartEnd" runat="server" />
        <asp:HiddenField ID="hdnAllowMax" Value="2" runat="server" />

        <h1 style="padding-right: 0px">
            <img src="dist/img/MyCalendar.png" style="padding-right: 10px; vertical-align: middle; padding-bottom: 2px" />
            <asp:Label ID="lbl_Header" runat="server" Text="My Calendar"></asp:Label>
        </h1>
        <asp:SiteMapPath ID="site" runat="server" CssClass="breadcrumb">
            <NodeStyle CssClass="active" />
        </asp:SiteMapPath>
    </section>

      


    <asp:UpdatePanel ID="upLeave" runat="server">
        <ContentTemplate>
            <asp:Panel ID="pnlProgress" runat="server" Style="display: none;">
                <asp:Panel ID="pnlLoading" runat="server" HorizontalAlign="center">
                    <div class="InsideProgressBar">
                        <div class="row" style="margin-top: 10px">
                            <img src="../dist/img/logo-Progress.png" />
                        </div>
                        <div class="row" style="min-width: 280px">
                            <img src="../dist/img/default.gif" style="width: 100px" />
                        </div>
                        <div class="row" style="margin-bottom: 10px">
                            <asp:Label ID="lblLoading" runat="server" ForeColor="black" Style="text-align: center"
                                Text="Please Wait..." Font-Bold="true" Font-Size="12px" Font-Italic="true" Font-Family="Arial"></asp:Label>
                        </div>
                        <div class="clear clearfix">
                        </div>
                    </div>
                </asp:Panel>
            </asp:Panel>
            <asp:HiddenField ID="hdnProgress" runat="server" />
            <cc1:ModalPopupExtender ID="popupProgress" runat="server" TargetControlID="hdnProgress"
                BackgroundCssClass="ModalPopup" PopupControlID="pnlProgress" BehaviorID="popupProgress">
            </cc1:ModalPopupExtender>
        </ContentTemplate>
        <Triggers>
            <asp:PostBackTrigger ControlID="btnLeaveAdd" />
        </Triggers>
    </asp:UpdatePanel>

    <div id="myLeaveOrPermission" class="modal modal-default fade" role="dialog">
        <div class="modal-dialog" style="min-width: 85%;">
            <!-- Modal content-->
            <div class="col-md-12" style="color: Red; display: none">
            <asp:Label ID="lbl_Error" runat="server" ForeColor="Red"></asp:Label>
        </div>
            <div class="modal-content" style="margin-top: 100px">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" style="border-radius: 50px;">
                        &times;</button>
                    <h4 class="modal-title">
                        <asp:Label ID="Label2" runat="server" Text="Data View"></asp:Label>
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row form-group">

                        <div class="col-md-2">
                            <asp:Label ID="Label3" runat="server" Text="Email ID"></asp:Label>
                        </div>
                        <div class="col-md-10">
                            <asp:TextBox ID="TextBox3" runat="server" TextMode="MultiLine" CssClass="form-control" Style="resize: none;"></asp:TextBox>
                            <asp:Label ID="Label4" runat="server" Text="Multiple Email ID can be included using comma separator(,) Example : abc@xxxxx.com, xyz@xxxxx.com" Font-Size="Small" Width="50" ForeColor="Red" Style="word-wrap: break-word; width: 45%;"></asp:Label>

                            <asp:HiddenField runat="server" ID="HiddenField2" />
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary pull-right" data-dismiss="modal">
                        Close</button>
                    &nbsp;&nbsp;
                    <asp:Button ID="Button1" runat="server" CssClass="btn btn-primary pull-right " Text="Send Email" OnClick="btnSendMail_Click" OnClientClick="return Btn_EmailValidate();" />
                    &nbsp;&nbsp;
                </div>
            </div>
        </div>
    </div>

    <div id="myModal" class="modal modal-default fade" role="dialog">
        <div class="modal-dialog" style="min-width: 85%;">
            <!-- Modal content-->
            <div class="modal-content" style="margin-top: 100px">

                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" style="border-radius: 50px;">
                        &times;</button>
                    <h4 class="modal-title">
                        <asp:Label ID="lblDataView" runat="server" Text="Data View"></asp:Label>
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row form-group">

                        <div class="col-md-2">
                            <asp:Label ID="lbl_Email" runat="server" Text="Email ID"></asp:Label>
                        </div>
                        <div class="col-md-10">
                            <asp:TextBox ID="txtEmail" runat="server" TextMode="MultiLine" CssClass="form-control" Style="resize: none;"></asp:TextBox>
                            <asp:Label ID="lblHit" runat="server" Text="Multiple Email ID can be included using comma separator(,) Example : abc@xxxxx.com, xyz@xxxxx.com" Font-Size="Small" Width="50" ForeColor="Red" Style="word-wrap: break-word; width: 45%;"></asp:Label>

                            <asp:HiddenField runat="server" ID="hdnImage" />
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary pull-right" data-dismiss="modal">
                        Close</button>
                    &nbsp;&nbsp;
                    <asp:Button ID="btnSendMail" runat="server" CssClass="btn btn-primary pull-right " Text="Send Email" OnClick="btnSendMail_Click" OnClientClick="return Btn_EmailValidate();" />
                    &nbsp;&nbsp;
                </div>
            </div>
        </div>
    </div>

    <%-- Leave and Permission Option Modal popub Screen Design Created by Maria Prasanth--%>

    <div id="LeaveModal" class="modal modal-default fade" role="dialog">
        <div class="modal-dialog" style="min-width: 55%;">
            <!-- Modal content-->
            <div class="modal-content" style="margin-top: 100px">

                
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" style="border-radius: 50px;">
                        &times;</button>
                    <h4 class="modal-title">
                        <asp:Label ID="lblLeavePermission" runat="server" Text="Leave / Permission Apply"></asp:Label>
                    </h4>
                </div>

                <div class="modal-body">
                    <div class="row form-group">
                        <div class="col-md-12" style="margin-top: 15px;">
                            <div class="respos-tab">
                                <div id="tabID" role="tabpanel">
                                    <ul class="nav nav-tabs responsive-tabs tab-header" id="tablist1">

                                        <li class="active" id="DivLeave">
                                            <a href="#Leave" role="tab" onclick="return div_show();">

                                                <span>
                                                    <img src="../dist/img/lve-app.png"></span>
                                                <asp:Label ID="lbl_Leave" runat="server" Text="Leave Application" Style="padding: 0"></asp:Label></a>
                                        </li>

                                        <li id="DivPermission"><a href="#Permission" role="tab" onclick="return div_show1();">
                                            <span>
                                                <img src="../dist/img/permission.png"></span>
                                            <asp:Label ID="lbl_Permission" runat="server" Text="Permission Apply" Style="padding: 0">
                                                </asp:Label>
                                                </a>
                                        </li>


                                        <li id="DivOnDuty"><a href="#OnDuty" role="tab" onclick="return div_show2();">
                                            <span>
                                                <img src="../dist/img/tab3.png">

                                            </span><asp:Label ID="lbl_OnDuty" runat="server" Text="On Duty " Style="padding: 0">

                                            </asp:Label>
                                            </a>
                                        </li>



                                        <li class="pull-right empadd-man">
                                            <h6>
                                                <span style="color: Red">|</span><asp:Label ID="lbl_Mandatory" runat="server" Text="Mandatory" Style="padding: 0"></asp:Label>
                                                (<asp:Label ID="lblMandat" runat="server"
                                                    Text="5 No." Style="padding: 0px"></asp:Label>)</h6>
                                        </li>

                                    </ul>
                                </div>
                            </div>

                            <div class="tab-content">
                                <div class="tab-pane active" id="Leave">
                                    <div id="PH_Leave" runat="server" enableviewstate="true" style="padding: 10px">
                                        <div class="form-horizontal">
                                            <div class="panel-body">

                                                <div class="row" style="display: none">
                                                    <div class="col-md-12">
                                                        <div class="box">
                                                            <div>
                                                                <div class="row">
                                                                    <div class="col-md-2">
                                                                        <asp:Button ID="btn_Leave_main" runat="server" CssClass="btn btn-block btn-primary"
                                                                            Enabled="false" />
                                                                    </div>
                                                                    <div class="col-md-2">
                                                                        <asp:Button ID="btn_Permission_blur" runat="server" CausesValidation="true" CssClass="btn btn-block btn-success"
                                                                            OnClientClick="return div_show1();" />
                                                                    </div>

                                                                    <div class="col-md-2">
                                                                        <asp:Button ID="btn_OnDuty_blur" runat="server" CssClass="btn btn-block btn-info"
                                                                            Enabled="false" OnClientClick="return div_show2();" />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12" style="margin-top: 10px; display: none">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                        </div>
                                                        <div class="col-md-5">
                                                            <div class="col-md-6" style="padding-right: 2px; padding-left: 7px">
                                                                <asp:RadioButton ID="rbtnCurrentYear" runat="server" GroupName="ApplicationYear"
                                                                    Checked="true" onclick="EmpName('Leave');" onchange="OpenWindowLeaveQuota(SelectanEmployee);" CssClass="radioLeave radioLeave-primary"
                                                                    Style="padding-right: 0px" />
                                                            </div>
                                                            <div class="col-md-6" style="padding-right: 2px; padding-left: 7px">
                                                                <asp:RadioButton ID="rbtnSuccessiveYear" runat="server" onchange="OpenWindowLeaveQuota(SelectanEmployee);" onclick="EmpName('Leave');"
                                                                    GroupName="ApplicationYear" CssClass="radioLeave radioLeave-primary" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:HiddenField runat="server" ID="hdnDateFormat" />
                                                            <asp:HiddenField runat="server" ID="hdnSelectedEmployee" />
                                                            <input id="txtToDate" type="hidden" runat="server" />
                                                            <input id="txtFromDate" type="hidden" runat="server" />
                                                            <asp:HiddenField ID="Hidden1" runat="server" />
                                                            <asp:Label ID="lblLeaveApplicationDate" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox onpaste="return true" ID="txtLeaveDate" runat="server" CssClass="form-control "
                                                                Style="resize: none;" MaxLength="250" onkeypress="return chkMaxLen(event,this,250,MaxLength);" Enabled="false">
                                                            </asp:TextBox>

                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lblLeaveRestrictedHoliday" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:DropDownList ID="ddl_Type" runat="server" onchange="return leaveOptions(this.value,SelectanEmployee,LOPnotdefined,RestrictedHoliday,LeavePolicy,Errorinretriving,Select,Others,document.getElementById('ctl00_BodyContentPH_txtFromDate').value,document.getElementById('ctl00_BodyContentPH_txtToDate').value,Selectleavefromandtodate,Selectleavefromdate,Selectleavetodate,Theleavedurationcrossestheleavepolicy);"
                                                                CssClass="form-control mandatory">
                                                                <asp:ListItem Text="-Select-" Value="-Select-"></asp:ListItem>
                                                                <asp:ListItem Text="Leave" Value="Leave"></asp:ListItem>
                                                                <asp:ListItem Text="Restricted Holiday" Value="Restricted Holiday"></asp:ListItem>
                                                                <asp:ListItem Text="Comp Off" Value="Comp Off"></asp:ListItem>
                                                                <asp:ListItem Text="LOP" Value="LOP"></asp:ListItem>
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lblLeaveType" runat="server" Text="Leave Type"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">

                                                            <asp:DropDownList ID="ddl_LeaveType" runat="server" CssClass="form-control mandatory" onblur="return fileShoworHide();"
                                                                onchange="return RemainingNoOfLeaves(this.value,document.getElementById('ctl00_BodyContentPH_txtFromDate').value,document.getElementById('ctl00_BodyContentPH_txtToDate').value);">
                                                                <asp:ListItem Text="-Select-" Value="-Select-"></asp:ListItem>
                                                            </asp:DropDownList>
                                                            <asp:TextBox onpaste="return true" ID="txt_LeaveType" runat="server" CssClass="form-control "
                                                                Style="resize: none; display: none" MaxLength="250" onkeypress="return chkMaxLen(event,this,250,MaxLength);" Enabled="false">
                                                            </asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lblSession" Text="Session" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5" style="padding: 0px">
                                                            <div class="col-sm-6 lve-mar Session-padright">
                                                                <asp:DropDownList ID="ddl_SessionFrom" runat="server" CssClass="form-control mandatory"
                                                                    onchange="return CheckDatesAndNumberOfDays();">
                                                                    <asp:ListItem Text="-Select-" Value="-Select-"></asp:ListItem>
                                                                    <asp:ListItem Text="First half" Value="First half"></asp:ListItem>
                                                                    <asp:ListItem Text="Second half" Value="Second half"></asp:ListItem>
                                                                </asp:DropDownList>
                                                            </div>
                                                            <div class="col-sm-6 src-padleft">
                                                                <asp:DropDownList ID="ddl_SessionTo" runat="server" CssClass="form-control mandatory"
                                                                    onchange="return CheckDatesAndNumberOfDays();">
                                                                    <asp:ListItem Text="-Select-" Value="-Select-"></asp:ListItem>
                                                                    <asp:ListItem Text="First half" Value="First half"></asp:ListItem>
                                                                    <asp:ListItem Text="Second half" Value="Second half"></asp:ListItem>
                                                                </asp:DropDownList>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lblReason" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox onpaste="return true" ID="txtReason" runat="server" CssClass="form-control mandatory"
                                                                Style="resize: none;" MaxLength="250" onkeypress="return chkMaxLen(event,this,250,MaxLength);"
                                                                TextMode="MultiLine">
                                                            </asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12" style="display: none">
                                                    <div id="div_fileUpload" class="form-group ">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lblFileUpload" runat="server" Text="File Upload"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:FileUpload ID="FileUploadControl" runat="server" CssClass="form-control mandatory" />
                                                            <asp:Label ID="lblFileUploadNotification" runat="server" Text=""></asp:Label>
                                                            <asp:HiddenField ID="hdLeaveSelectedText" runat="server" Value="0" />
                                                            <div style="margin-top: 5px;"><b>Choose the File to be imported</b></div>
                                                            <div style="font-size: 12px; text-align: justify;">[only <b>Doc,Docx,JPEG,PDF,JPG</b> formats are Supported] Maximum upload file size is <b style="font-size: 12px;">5MB</b>.</div>
                                                        </div>

                                                    </div>
                                                </div>

                                                <div class="row col-md-12" style="display: none">
                                                    <div id="div_fileUploadName" class="form-group" style="display: block">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lblDocProofName" runat="server" Text="Doc. Proof Name"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:Label ID="lblDocProofNameVal" runat="server" Enabled="false" CssClass="form-control"></asp:Label>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lblNumberofdaysapplied" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox onpaste="return true" ID="txt_Numberofdays" runat="server" CssClass="form-control "
                                                                MaxLength="8" onCut="return false" onDrop="return false" onkeydown="return key_press_nokey(event)"
                                                                onkeypress="return key_press_nokey(event)" onchange="return validateNumberOfDays(this);"
                                                                Enabled="false"></asp:TextBox>
                                                            <div runat="server" id="divLeaveProcess" style="position: absolute; display: none">
                                                                <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/loading.gif" />Processing
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12">
                                                    <div class="form-group" id="tr_RemainingNoOfLeave">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lblRemainingNumberofLeave" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox onpaste="return true" ID="txtRemainingNoOfLeave" runat="server" CssClass="form-control "
                                                                onDrag="return false;" onCut="return false" onDrop="return false" onkeydown="return key_press_nokey(event)"
                                                                onkeypress="return key_press_nokey(event)" Enabled="false">
                                                            </asp:TextBox>
                                                            <asp:HiddenField runat="server" ID="hdnisWFH" />
                                                            <div id="divBorrowLeave" runat="server" style="position: relative; padding-left: 2px; float: right;">
                                                                <asp:CheckBox ID="chkBorrowLeave" runat="server" OnClick="return RemainingNoOfBorrowLeaves()" />
                                                            </div>
                                                            <input id="hdnEmployeeId" type="hidden" runat="server" /><input id="hdnTxtLeaveTypeId"
                                                                runat="server" type="hidden" /><input id="hdnNumberofDaysApplied" runat="server"
                                                                    type="hidden" /><input id="hdnApplicationYear" type="hidden" runat="server" />

                                                            <input id="hdnSuccessiveYear" runat="server" type="hidden" />
                                                            <input id="hdnFinalValue" runat="server" type="hidden" />
                                                            <input id="hdnSuccessiveDate" runat="server" type="hidden" />
                                                            <input id="hdnleaveRemaining" runat="server" type="hidden" />
                                                            <%--<input id="txt_Numberofdays" runat="server" type="hidden" />--%>
                                                            <asp:HiddenField ID="Intervening" runat="server" />
                                                            <asp:HiddenField ID="hdnAvailedLeave" runat="server" />
                                                            <asp:HiddenField ID="hdnAvailedLOPLeave" runat="server" />
                                                            <asp:HiddenField ID="hdnFURequired" Value="0" runat="server" />
                                                            <asp:HiddenField ID="PolicyExistsEmployees" runat="server" />
                                                            <asp:HiddenField ID="hdnDocName" runat="server" />
                                                            <asp:HiddenField ID="hdnLeaveApplicationID" runat="server" />
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="Label1" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <div class="pull-right-button">
                                                                <asp:LinkButton ID="btnLeaveAdd" CssClass="btn save-btn fa-floppy-o" runat="server" OnClick="btnLeaveAdd_Click"
                                                                    OnClientClick="javascript:if(Validation_LeaveApplication()) $find('popupProgress').show();else return false;" />
                                                                <asp:HiddenField ID="HiddenField1" runat="server" />
                                                                <asp:LinkButton ID="btnCancel" CssClass="btn save-btn fa-angle-left" runat="server"
                                                                    CausesValidation="False" OnClick="btnCancel_Click" Visible="false" />

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div>
                                                    <div class="form-group">
                                                        <div class="col-md-1">
                                                            <asp:Label ID="Label5" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <div class="pull-right-button">
                                                                <asp:LinkButton ID="btnDelete" CssClass="btn del-btn fa-trash-o" runat="server" Style="display: none"
                                                                    OnClick="btnDelete_Click" Text="Delete" OnClientClick="javascript:if(Delete_Conf()) $find('popupProgress').show();else return false;"></asp:LinkButton>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                                <%--                                                <div class="row">
                                                    <div class="col-md-5">
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="pull-right-button">
                                                            <asp:LinkButton ID="btn_Cancel1" CssClass="btn clr-btn fa-times" runat="server" CausesValidation="false"
                                                                OnClick="btn_Cancel1_Click"></asp:LinkButton>
                                                            <asp:LinkButton ID="btn_Next" CssClass="btn clr-btn fa-angle-right" runat="server"
                                                                OnClientClick="return div_show1();"></asp:LinkButton>
                                                        </div>
                                                    </div>
                                                </div>--%>
                                            </div>

                                        </div>
                                    </div>
                                </div>

                                <%-- Permission Tab --%>
                                <div id="Permission" class="tab-pane fade">
                                    <div id="PH_Permission" runat="server" enableviewstate="true" style="padding: 10px">
                                        <div class="form-horizontal">
                                            <div class="panel-body">
                                                <div class="row" style="display: none">
                                                    <div class="col-md-12">
                                                        <div class="box">
                                                            <div>
                                                                <div class="row">
                                                                    <div class="col-md-2">
                                                                        <asp:Button ID="btn_Leave_blur1" runat="server" CausesValidation="false" CssClass="btn btn-block btn-primary"
                                                                            OnClientClick="return LeaveTab();" />
                                                                    </div>
                                                                    <div class="col-md-2">
                                                                        <asp:Button ID="btn_Permission_main" runat="server" CssClass="btn btn-block btn-success"
                                                                            Enabled="false" />
                                                                    </div>

                                                                    <div class="col-md-2">
                                                                        <asp:Button ID="btn_OnDuty_blur1" runat="server" CssClass="btn btn-block btn-success"
                                                                            Enabled="false" OnClientClick="return div_show2();"/>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row col-md-12" style="margin-top: 15px;">
                                                    <div class="form-group">
                                                        <div class="col-md-3">

                                                            <asp:Label ID="lbl_FromTime" runat="server" Text="From Time"></asp:Label>
                                                            <asp:HiddenField ID="hdn_Permissiondt" runat="server" />
                                                            <asp:HiddenField ID="HiddenField4" runat="server" />
                                                            <asp:HiddenField ID="HiddenField5" runat="server" />

                                                          
                                                            <asp:HiddenField ID="hdnNoOfHours" runat="server" />

                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox onpaste="return true" onfocus="return CheckDateShiftDate(this,SelectEmployee,SelectvalidPermissionDate,SelectvalidPermissionFromDateandTime, SelectvalidPermissionToDateandTime,Selectvalidyear,Permissionshouldnotbeappliedbeforedateofjoining,PermissionHoursfallsonWeeklyOffGlobalHoliday,SelectValidPermissionHours,ShiftNotAllocated,PermissionHoursdoesnotfallinsidetheshift,PermissionHoursfallwiththeshiftbreaktimes,PermissionHoursShouldNotInNegativeHours,PermissionHoursNotdefinedforthisemployee,MaxNumberofInstancespermonthExceeds)"
                                                                ID="txt_StartTime" runat="server" CssClass="form-control man-dat" onCut="return false"
                                                                onDrop="return false" onchange="return ClearPermissionHrs();"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12" style="margin-top: 15px;">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lbl_EndTime" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox onpaste="return true" onfocus="return CheckDateShiftDate(this,SelectEmployee,SelectvalidPermissionDate,SelectvalidPermissionFromDateandTime, SelectvalidPermissionToDateandTime,Selectvalidyear,Permissionshouldnotbeappliedbeforedateofjoining,PermissionHoursfallsonWeeklyOffGlobalHoliday,SelectValidPermissionHours,ShiftNotAllocated,PermissionHoursdoesnotfallinsidetheshift,PermissionHoursfallwiththeshiftbreaktimes,PermissionHoursShouldNotInNegativeHours,PermissionHoursNotdefinedforthisemployee,MaxNumberofInstancespermonthExceeds)"
                                                                ID="txt_EndTime" runat="server" CssClass="form-control man-dat" onCut="return false"
                                                                onDrop="return false" onchange="return ClearPermissionHrs();"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12" style="margin-top: 15px;">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lbl_RemainingNumberofHours" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <div class="form-control man-dat" id="tdRemainNoOfHours" style="height: 28px">
                                                                <asp:Label ID="lblRemainNoOfHours" runat="server" Enabled="false">
                                                                </asp:Label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12" style="margin-top: 15px;">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lbl_NumberofHoursapplied" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <div class="input-group input-group-sm">
                                                                <asp:TextBox onpaste="return true" ID="txt_NumberOfHours" runat="server" CssClass="form-control man-dat"
                                                                    MaxLength="8" onCut="return false" onDrop="return false" onkeydown="return key_press_nokey(event)"
                                                                    onkeypress="return key_press_nokey(event)" Enabled="false" placeholder="Click Here To Calculate Hours.."></asp:TextBox>
                                                                <span class="input-group-btn">
                                                                    <asp:LinkButton ID="btn_CalculateHrs" runat="server" CssClass="btn save-btn fa-calculator"
                                                                        OnClientClick="return CheckDatesAndNumberOfDays();" Text="Calculate Hours" UseSubmitBehavior="False" />
                                                                </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row col-md-12" style="margin-top: 15px;">
                                                    <div class="form-group">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lbl_Reason" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox ID="TextBox1" runat="server" CssClass="form-control man-dat"
                                                                MaxLength="250" onkeypress="return chkMaxLen(event,this,250,MaxLength);" TextMode="MultiLine"
                                                                onCut="return false" onDrop="return false" Style="resize: none;"></asp:TextBox>

                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <div class="form-group">
                                                <div class="col-md-5">
                                                </div>
                                                <div class="col-md-6">
                                                    <div class="pull-right-button">
                                                        <asp:LinkButton ID="btn_Permission" CssClass="btn save-btn fa-floppy-o" runat="server" OnClick="btnLeaveAdd_Click"
                                                            OnClientClick="javascript:if(Validation_Permission()) $find('popupProgress').show();else return false;" />

                                                        <%--  <asp:LinkButton ID="btn_Next2" CssClass="btn clr-btn fa-angle-right" runat="server"
                                                        OnClientClick="return div_show2();"></asp:LinkButton>--%>
                                                        <asp:HiddenField ID="hdf_orgLevel" runat="server" />
                                                        <asp:HiddenField ID="hdf_Levelalert" runat="server" />
                                                        <asp:ValidationSummary ID="ValidationSummary3" runat="server" ShowMessageBox="True"
                                                            ShowSummary="False" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                 <%-- OnDuty Tab --%>
                                
                                <div id="OnDuty" class="tab-pane fade">
                                    <div id="PH_OnDuty" runat="server" enableviewstate="true" style="padding: 10px">
                                           <%--<asp:HiddenField ID="Hidden1" runat="server" />--%>
                                           <asp:HiddenField ID="Hidden2" runat="server" />
                                           <asp:HiddenField ID="hiddenTime" runat="server" />
                                        <div class="form-horizontal">
                                            <div class="panel-body">
                                                <div class="row" style="display: none">
                                                    <div class="col-md-12">
                                                        <div class="box">
                                                            <div>
                                                                <div class="row">
                                                                    <div class="col-md-2">
                                                                         <asp:Button ID="btn_Leave_blur" runat="server" CssClass="btn btn-block btn-success"
                                                                            Enabled="false" OnClientClick="return LeaveTab();"  />
                                                                       
                                                                    </div>
                                                                    <div class="col-md-2">
                                                                        <asp:Button ID="btn_Permission_blur1" runat="server" CausesValidation="false" CssClass="btn btn-block btn-primary"
                                                                           OnClientClick="return div_show1();" />
                                                                    </div>
                                                                    <div class="col-md-2">
                                                                        <asp:Button ID="btn_OnDuty_main" runat="server" CssClass="btn btn-block btn-success"
                                                                            Enabled="false"  />
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row col-md-12" style="color: #5D5D5D">
                                                    
                                                    <div class="row form-group">

                                                        <div class="col-md-3">
                                                            <asp:Label ID="lbl_ManualTimeEntryDate" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox onpaste="return true" ID="TxtOnDuty" runat="server" CssClass="form-control "
                                                                Style="resize: none;" MaxLength="250" onkeypress="return chkMaxLen(event,this,250,MaxLength);">
                                                            </asp:TextBox>
                                                            <%--<asp:Label onpaste="return true" ID="TxtOnDuty" CssClass="form-control " runat="server"
                                                                Style="resize: none;" MaxLength="250" onkeypress="return chkMaxLen(event,this,250,MaxLength);"></asp:Label>--%>
                                                        </div>
                                                     
                                                    </div>

                                                </div>





                                                <%--<div  class="row col-md-12" style="margin-top: 15px;">
                                                    <div class="row form-group">
                                                        <div id="tr_InTime" runat="server">
                                                            <div class="col-md-3">
                                                                <asp:Label ID="lbl_InTime" runat="server"></asp:Label>
                                                            </div>
                                                            <div class="col-md-5">
                                                                <asp:TextBox onpaste="return true" ID="txt_ShiftIn" runat="server" CssClass="form-control man-dat"
                                                                    MaxLength="12" onCut="return false" onDrop="return false"></asp:TextBox>
                                                                <asp:Button ID="btn_InTimeClear" runat="server" CssClass="but" CausesValidation="False"
                                                                    Style="display: none;" />
                                                            </div>
                                                        </div>

                                                    </div>
                                                    </div>
                                                </div>--%>


                                                <div class="row col-md-12" style="margin-top: 15px;">
                                                     <div class="row form-group">
                                                    <div id="tr_InTime" runat="server">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lbl_InTime" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox onpaste="return true" ID="txt_ShiftIn" runat="server" CssClass="form-control man-dat"
                                                                MaxLength="12" onCut="return false" onDrop="return false"></asp:TextBox>
                                                            <asp:Button ID="btn_InTimeClear" runat="server" CssClass="but" CausesValidation="False"
                                                                Style="display: none;" />
                                                        </div>
                                                        <div>
                                                        <asp:RadioButton ID="rbtOnDutys" runat="server" GroupName="GroupEntryType" Checked="true"
                                                            CssClass="radio radio-primary" Visible ="false" />
                                                        </div>
                                                        <div>
                                                            <asp:RadioButton ID="rbSingleDayYes" Checked="true" runat="server" Visible ="false"
                                                                GroupName="Single Day"  CssClass="radioLeave radioLeave-primary" />
                                                        </div>
                                                    </div>
                                                    </div>
                                                </div>




                                                <div style="display: none">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <asp:Label ID="lbl_InPunchType" runat="server"></asp:Label>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <asp:DropDownList ID="ddlInPunchTypes" runat="server" CssClass="form-control select2">
                                                            </asp:DropDownList>
                                                            <input id="hdn_InPunchType" type="hidden" runat="server" />
                                                        </div>
                                                    </div>
                                                </div>

                                                <div style="display: none">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lbl_OutPunchType" runat="server"></asp:Label>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <asp:DropDownList ID="ddlOutPunchTypes" runat="server" CssClass="form-control select2">
                                                            </asp:DropDownList>
                                                            <input id="hdn_OutPunchType" type="hidden" runat="server" />
                                                        </div>
                                                    </div>
                                                </div>


                                                <div class="row" style="display: none">
                                                    <div class="col-md-3">
                                                        <asp:Label ID="lbl_InTerminal" runat="server"></asp:Label>
                                                    </div>
                                                    <div class="col-md-3">
                                                        <asp:DropDownList ID="ddlInTerminals" runat="server" CssClass="form-control select2"
                                                            onchange="return ManualTimeEntry_InPunchTypes(SelTerminal,NoRecords,Errorinretrivingdetails,Select);">
                                                        </asp:DropDownList><input id="hdn_InTerminal" type="hidden" runat="server" />
                                                    </div>
                                                </div>

                                                <div style="display: none">
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lbl_OutTerminal" runat="server"></asp:Label>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-3">
                                                            <asp:DropDownList ID="ddlOutTerminals" runat="server" CssClass="form-control select2"
                                                                onchange="return ManualTimeEntry_OutPunchTypes(SelOutTerminal,NoRecords,Errorinretrivingdetails,Select);">
                                                            </asp:DropDownList><input id="hdn_OutTerminal" type="hidden" runat="server" />
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="row" style="display: none">
                                                    <div class="col-md-6">
                                                        <asp:Label ID="lbl_TypeOfManualEntry" runat="server"></asp:Label>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <asp:RadioButton ID="rbtSingle" runat="server" GroupName="EntryType" onclick="show();"
                                                            TabIndex="1" />
                                                        <asp:RadioButton ID="rbtGroup" runat="server" GroupName="EntryType" onclick="show1();" />
                                                    </div>
                                                </div>





                                                <div  class="row col-md-12" style="margin-top: 15px;">
                                                    <div class="row form-group">
                                                    <div id="tr_OutTime" runat="server">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lbl_OutTimes" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox onpaste="return true" ID="txt_ShiftOut" runat="server" CssClass="form-control man-dat"
                                                                MaxLength="12" onCut="return false" onDrop="return false"></asp:TextBox>
                                                            <asp:Button ID="btn_OutTimeClear" runat="server" CssClass="but" Width="71px" CausesValidation="False"
                                                                OnClientClick="return ClearOutTime()" Style="display: none;" />
                                                        </div>
                                                    </div>
                                                        </div>
                                                </div>

                                                <div class="row col-md-12" >

                                                    <div class="row form-group" style="margin-top: 15px">
                                                        <div class="col-md-3">
                                                            <asp:Label ID="lbl_Reasons" runat="server"></asp:Label>
                                                        </div>
                                                        <div class="col-md-5">
                                                            <asp:TextBox onpaste="return true" ID="txt_Reason" runat="server" CssClass="form-control man-dat"
                                                                MaxLength="200" onCut="return false" onDrop="return false"
                                                                TextMode="MultiLine" Style="resize: none"></asp:TextBox>
                                                        </div>
                                                    </div>
                                                </div>

                                                

                                            </div>
                                            <div class="row col-md-12">
                                                <div class="form-group">
                                                    <div class="col-md-3">
                                                    </div>

                                                    <div class="col-md-5" style="padding: 0px">
                                                        <div class="col-sm-6 lve-mar Session-padright">
                                                            <asp:LinkButton ID="Btn_OnDuty" CssClass="btn save-btn fa-floppy-o" CausesValidation="true"
                                                                OnClientClick="return SaveOnduty();" OnClick="Btn_OnDuty_Click" runat="server" />


                                                            <asp:HiddenField ID="HiddenField11" runat="server" />
                                                            <asp:HiddenField ID="HiddenField12" runat="server" />
                                                            <asp:ValidationSummary ID="ValidationSummary1" runat="server" ShowMessageBox="True"
                                                                ShowSummary="False" />
                                                        </div>

                                                        <div class="col-sm-6 src-padleft">
                                                            <asp:LinkButton ID="Btn_OnDutyDelete" CssClass="btn save-btn fa-floppy-o"
                                                                OnClick="Btn_OnDutyDelete_Click" runat="server" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
 
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>

                <div class="modal-footer">
                </div>

            </div>
        </div>


    </div>


    <section class="content" id="divcontent">
        <div class="row form-group" id="divUserList" runat="server">
            <div class="col-md-2">
                <asp:Label ID="lblUser" runat="server" Text="Team Member"></asp:Label>
            </div>
            <div class="col-md-3">
                <asp:DropDownList ID="ddlUser" runat="server" CssClass="form-control" AutoPostBack="true" OnSelectedIndexChanged="ddlUser_SelectedIndexChanged"></asp:DropDownList>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="respos-tab1">
                    <div class="responsive-tabs tab-header">
                        <ul class="nav nav-tabs responsive-tabs tab-header" id="tablist">
                            <li id="liTeamcalendar" visible="false" runat="server" class="pull-right" style="border-left: thick; border-color: #C1E8FC">
                                <a href="#ctl00_BodyContentPH_tab2" class="fa fa-users" onclick="return clickTeamcalendar();" style="color: green; font-size: larger">
                                    <%--<img src="../dist/img/over-time-Settings.png" class="padding-right-5" />--%>
                                    <asp:Label ID="lblTeam" runat="server" Text="Team" Style="font-family: robotoregular; font-size: 13px; color: black"></asp:Label><asp:Label ID="lbl_TotEmployee" runat="server" Text=""></asp:Label>
                                </a>
                            </li>
                            <li id="liUserMycalendar" runat="server" class="pull-right" style="border-left: thick; border-left-width: initial; border-color: #C1E8FC">
                                <a href="#ctl00_BodyContentPH_tab1" class="fa fa-user" onclick="return clickUserMycalendar();" style="color: red; font-size: larger">
                                    <%--<img src="../dist/img/settings.png" class="padding-right-5" />--%>
                                    <asp:Label ID="lblIndividual" runat="server" Text="Individual" Style="font-family: robotoregular; font-size: 13px; color: black"></asp:Label>
                                </a></li>

                            <li id="liUserMyCalenderIndividual" runat="server" class="pull-right" style="border-left: thick; border-left-width: initial; border-color: #C1E8FC">
                                <a href="#ctl00_BodyContentPH_tab3" class="fa fa-user" onclick="return clickTeamcalendarIndividual();" style="color: green; font-size: larger">
                                    <%--<img src="../dist/img/settings.png" class="padding-right-5" />--%>
                                    <asp:Label ID="lblUserIndividual" runat="server" Text="Team Individual" Style="font-family: robotoregular; font-size: 13px; color: black"></asp:Label>
                                </a></li>

                        </ul>
                    </div>
                    <div class="tab-content">
                        <!--TAB 1-->
                        <div class="tab-pane active" id="tab1" runat="server">
                            <div class="form-horizontal">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-12">
                                            <i class="fa fa-square" style="color: #008247; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblPresent" runat="server" />&nbsp;
                                            <i class="fa fa-square" style="color: #FF5151; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblAbsent" runat="server" />&nbsp;
                                            <i class="fa fa-square" style="color: #D0457B; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblLeave" runat="server" />&nbsp;
                                            <i class="fa fa-square" style="color: #FF7F00; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblHoliday" runat="server" />&nbsp;
                                            <i class="fa fa-square" style="color: #02749E; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblWeeklyOff" runat="server" />&nbsp;
                                            <i class="fa fa-square" style="color: #A9A9A9; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblcombination" runat="server" Text="Combined Attendance" />
                                            <i style="color: red; display: none; font-size: 12px">* Click the date, it will show the detail of that particular date in side window.</i>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="col-md-12" style="display: none">
                                                <div class="box-body no-padding">
                                                    <div class="col-md-2" style="display: none">
                                                        <asp:Label ID="lblEHlegend" runat="server" />
                                                    </div>
                                                    <div class="col-md-2">
                                                        <asp:Label ID="lblHw" runat="server" />
                                                    </div>
                                                    <div class="col-md-2">
                                                        <asp:Label ID="lblEHrs" runat="server" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="box box-primary">
                                                    <div class="box-body no-padding">
                                                        <div id="calendar"></div>
                                                    </div>
                                                </div>
                                            </div>


                                        </div>

                                        <div class="col-md-4">
                                            <div class="panel-group" id="accordion">
                                                <br />
                                                <asp:LinkButton runat="server" ID="btnMail" OnClientClick="return doCapture();" Text="&nbsp;&nbsp;Send Mail" data-toggle="modal" data-target="#myModal" CssClass="btn save-btn fa fa-envelope-o" Style="width: 95%; align-content: center;"></asp:LinkButton>
                                                <br />
                                                <br />
                                                <br />
                                                <div class="panel panel-default">
                                                    <div class="panel-heading1">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion" href="#DailyAtt">Daily Attendance Details -
                                                                <asp:Label ID="lblUserName1" runat="server"></asp:Label>
                                                            </a>
                                                        </h4>
                                                    </div>
                                                    <div id="DailyAtt" class="panel-collapse collapse in">
                                                        <div class="panel-body">
                                                            <table class="table das-table1">
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_ShiftDate" Text="Shift Date" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_ShiftDate" runat="server" Text="01-01-2017"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_ShiftDetails" Text="Shift Details" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-exchange" aria-hidden="true" style="color: black !important"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_ShiftDetails" runat="server" Text="MRS ( 09:00 AM to 06:00 PM )"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr style="display: none">
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_ShiftDefineHrs" Text="Total Working Hours" runat="server"></asp:Label>
                                                                    </td>
                                                                         <td>
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="lbl_ShiftDefineHours" runat="server" Text="08:00"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr style="display: none">
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_FirstIntime" Text="Shift In Time" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_FirstIntime" runat="server" Text="09:00 AM"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr style="display: none">
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_LastOuttime" Text="Shift Out Time" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_LastOuttime" runat="server" Text="09:00 PM"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr style="display: none">
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_WorkHours" runat="server" Text="Worked Hours"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_WorkHours" runat="server" Text="09:00"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_LateHours" runat="server" Text="Late Hours"></asp:Label>
                                                                    </td>
                                                                    <td style="color: #D50000 !important">
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_LateHours" runat="server" Text="00:00"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_EarlyExitHours" Text="Early Exit Hours" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="color: #D50000 !important">
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;   
                                            <asp:Label ID="txt_EarlyExitHours" runat="server" Text="00:00"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_Lunchhours" runat="server" Text="Lunch hours"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_Lunchhours" runat="server" Text="00:00"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_BrackHrs" runat="server" Text="Break hours"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_BrackHrs" runat="server"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr style="display: none">
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_Attendancedetails" runat="server" Text="Attendance details"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-list-alt" aria-hidden="true"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_Attendancedetails" runat="server" Text="Present / Present"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="panel panel-default">
                                                    <div class="panel-heading1">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion" href="#MonthlyAtt">Monthly Attendance Details -
                                                                <asp:Label ID="lblUserName2" runat="server"></asp:Label>
                                                            </a>
                                                        </h4>
                                                    </div>
                                                    <div id="MonthlyAtt">
                                                        <div class="panel-body">
                                                            <table class="table das-table1">
                                                                <tr>
                                                                    <td class="empheader"> 
                                                                        <asp:Label ID="lbl_Month" Text="Month" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%;">
                                                                        <i class="fa fa-calendar-o" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_MonthName" runat="server" Text="8"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_Present" Text="Present Days" runat="server"></asp:Label>
                                                                        <br />
                                                                        <span style="font-size: xx-small;">(Present + Onduty)</span>
                                                                    </td>
                                                                    <td style="width: 50%; vertical-align: central; align-items: center">
                                                                        <i class="fa fa-user" aria-hidden="true" style="color: #83DAF6 !important; padding-top: 13px"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_Present" runat="server" Text="8" Style="padding-top: 13px"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_AbsentDays" Text="Absent Days" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-times" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_AbsentDays" runat="server" Text="2"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lblLeaveDays" Text="Leave Days" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-check-square-o" aria-hidden="true" style="color: #00CC71 !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_LeaveDays" runat="server" Text="1"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_Holidays" Text="Holiday Days" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-umbrella" aria-hidden="true" style="color: darkblue !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_Holidays" runat="server" Text="2"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_WeeklyOffDays" Text="Weekly Off Days" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-calendar" aria-hidden="true" style="color: blueviolet"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_WeeklyOffDays" runat="server" Text="4"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_MonthDaysCount" Text="Total" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <asp:Label ID="lblTotaldays" runat="server" Text="4"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="panel panel-default" style="display: none">
                                                    <div class="panel-heading1">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion" href="#DailyTeam">Daily Team Attendance Details </a>
                                                        </h4>
                                                    </div>
                                                    <div id="DailyTeam" class="panel-collapse collapse">
                                                        <div class="panel-body">
                                                            <table class="table das-table1">
                                                                <tr>
                                                                    <td colspan="2">Total Employees : 11
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_PresentEmployee" Text="Present" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%;">
                                                                        <i class="fa fa-user" aria-hidden="true" style="color: #83DAF6 !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_PresentEmployee" runat="server" Text="8"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_AbsentEmployee" Text="Absent" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-times" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_AbsentEmployee" runat="server" Text="2"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader"> 
                                                                        <asp:Label ID="lbl_LeaveEmployee" Text="Leave" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-check-square-o" aria-hidden="true" style="color: #00CC71 !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_LeaveEmployee" runat="server" Text="1"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_Punctuality" Text="Punctuality" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_Punctuality" runat="server" Text="4"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader"> 
                                                                        <asp:Label ID="lbl_LateEntry" Text="Late Entrys" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_LateEntry" runat="server" Text="4"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>


                                                <div class="panel panel-default" style="display: none">
                                                    <div class="panel-heading1">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion" href="#MonthlyTeam">Monthly Team Attendance Details </a>
                                                        </h4>
                                                    </div>
                                                    <div id="MonthlyTeam" class="panel-collapse collapse">
                                                        <div class="panel-body">
                                                            <table class="table das-table1">
                                                                <tr>
                                                                    <td colspan="2">Total Employees : 11
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_TotalPresent" Text="Present" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%;">
                                                                        <i class="fa fa-user" aria-hidden="true" style="color: #83DAF6 !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_TotalPresent" runat="server" Text="8"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_TotalAbsent" Text="Absent" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-times" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_TotalAbsent" runat="server" Text="2"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_TotalLeave" Text="Leave" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-check-square-o" aria-hidden="true" style="color: #00CC71 !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_TotalLeave" runat="server" Text="1"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>


                                                <div class="panel panel-default" style="display: none">
                                                    <div class="panel-heading1">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion" href="#MyShortcuts">My Shortcuts </a>
                                                        </h4>
                                                    </div>
                                                    <div id="MyShortcuts" class="panel-collapse collapse">
                                                        <div class="panel-body">
                                                            <div class="col-md-12" style="padding-top: 10px; padding-bottom: 10px">
                                                                <div class="col-md-12">
                                                                    <asp:HiddenField ID="lbldate" runat="server"></asp:HiddenField>
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <asp:RadioButton ID="rbtLeaveApplication" runat="server" Text="Apply Leave" CssClass="radio radio-primary" GroupName="Option" Checked="true" />
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <asp:RadioButton ID="rbtPermissionApplication" runat="server" Text="Apply Permission" CssClass="radio radio-primary" GroupName="Option" />
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <asp:RadioButton ID="rbtOnduty" runat="server" Text="Apply Onduty" CssClass="radio radio-primary" GroupName="Option" />
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <asp:Button runat="server" ID="btnApply" Text="Go" OnClick="btnApply_Click" class="btn btn-primary pull-right" />
                                                                    <%--<button type="button" class="btn btn-primary pull-right" data-dismiss="modal">
                                Close</button>--%>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-md-8">
                                            <div class="callout callout-info" style="margin-bottom: 0!important;">
                                                <asp:Label ID="lblImportNote" runat="server"></asp:Label>
                                            </div>
                                            <br />
                                            <ul style="background: #fff">
                                                <li>
                                                    <asp:Label ID="lblnotes1" runat="server" Text="By clicking the respective date, the remaining details like Shift, Total Late Hrs ,Total Break Hrs, will be shown in the right side of the view."></asp:Label>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                    <div class="col-md-12">
                                        <div id="createEventModal" class="modal fade">
                                            <div class="modal-dialog" style="width: 400px;">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                        <h4 class="modal-title">Applye For:</h4>
                                                    </div>
                                                    <div id="modalBody" class="modal-body">
                                                        <div class="row form-group">
                                                            <div class="col-xs-5">
                                                                <label for="title">From Date</label>
                                                            </div>
                                                            <div class="col-xs-7">
                                                                <input class="form-control" type="text" id="fromdate">
                                                            </div>
                                                        </div>
                                                        <div class="row form-group">
                                                            <div class="col-xs-5">
                                                                <label for="title">To Date</label>
                                                            </div>
                                                            <div class="col-xs-7">
                                                                <input class="form-control" type="text" id="todate">
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-xs-5">
                                                            </div>
                                                            <div class="col-xs-7">
                                                                <asp:RadioButtonList ID="rdbtnlist1" runat="server">
                                                                    <asp:ListItem Text="Leave Application" Value="1" Selected="True"></asp:ListItem>
                                                                    <asp:ListItem Text="Permission Application" Value="2"></asp:ListItem>
                                                                    <asp:ListItem Text="Onduty Entry" Value="3"></asp:ListItem>
                                                                </asp:RadioButtonList>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
                                                        <button type="submit" class="btn btn-primary" id="submitButton">Apply</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                </div>
                            </div>
                        </div>

                        <div class="tab-pane" id="tab2" runat="server">
                            <div class="form-horizontal">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-12">
                                            <i class="fa fa-square" style="color: #008247; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblteamPresent" runat="server" />&nbsp;
                                            <i class="fa fa-square" style="color: #FF5151; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblteamAbsent" runat="server" />&nbsp;
                                            <i class="fa fa-square" style="color: #D0457B; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblteamLeave" runat="server" />&nbsp;
                                            <i style="color: red; font-size: 12px">* Click the count value, it will popup the detail of the particular date.</i>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="box box-primary">
                                                <div id="Teamcalendar"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="tab-pane active" id="tab3" runat="server">
                            <div class="form-horizontal">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="col-md-12"> 
                                            <i class="fa fa-square" style="color: #008247; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblPresents" runat="server" />&nbsp; 
                                            <i class="fa fa-square" style="color: #FF5151; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblAbsents" runat="server" />&nbsp;   
                                            <i class="fa fa-square" style="color: #D0457B; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblLeaves" runat="server" />&nbsp;
                                            <i class="fa fa-square" style="color: #FF7F00; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblHolidays" runat="server" />&nbsp;
                                            <i class="fa fa-square" style="color: #02749E; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblWeeklyOffs" runat="server" />&nbsp;
                                            <i class="fa fa-square" style="color: #A9A9A9; font-size: 16px"></i>&nbsp;&nbsp;<asp:Label ID="lblcombinations" runat="server" Text="Combined Attendance" />
                                            <i style="color: red; display: none; font-size: 12px">* Click the date, it will show the detail of that particular date in side window.</i>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="col-md-12" style="display: none">
                                                <div class="box-body no-padding">
                                                    <div class="col-md-2" style="display: none">
                                                        <asp:Label ID="lblEHlegends" runat="server" />
                                                    </div>
                                                    <div class="col-md-2">
                                                        <asp:Label ID="lblHws" runat="server" />
                                                    </div>
                                                    <div class="col-md-2">
                                                        <asp:Label ID="lblEHrss" runat="server" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-12">
                                                <div class="box box-primary">
                                                    <div class="box-body no-padding">
                                                        <div id="calendars"></div>
                                                    </div>
                                                </div>
                                            </div>


                                        </div>

                                        <div class="col-md-4">
                                            <div class="panel-group" id="accordions">
                                                <br />
                                                <%--<asp:LinkButton runat="server" ID="LinkButton1" OnClientClick="return doCapture();" Text="&nbsp;&nbsp;Send Mail" data-toggle="modal" data-target="#myModal" CssClass="btn save-btn fa fa-envelope-o" Style="width: 95%; align-content: center;"></asp:LinkButton>--%>
                                                <br />
                                                <br />
                                                <br />

                                                <div class="panel panel-default">
                                                    <div class="panel-heading1">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion" href="#DailyAtt">Daily Attendance Details -
                                                                <asp:Label ID="lblUserNames3" runat="server"></asp:Label>
                                                            </a>
                                                        </h4>
                                                    </div>
                                                    <div id="DailyAtts" class="panel-collapse collapse in">
                                                        <div class="panel-body">
                                                            <table class="table das-table1">
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_ShiftDates" Text="Shift Date" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_ShiftDates" runat="server" Text="01-01-2017"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_ShiftDetailss" Text="Shift Details" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-exchange" aria-hidden="true" style="color: black !important"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_ShiftDetailss" runat="server" Text="MRS ( 09:00 AM to 06:00 PM )"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr style="display: none">
                                                                    <td class="empheader">                 
                                                                        <asp:Label ID="lbl_ShiftDefineHrss" Text="Total Working Hours" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td> 
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="lbl_ShiftDefineHourss" runat="server" Text="08:00"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr style="display: none">
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_FirstIntimes" Text="Shift In Time" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td>                   
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_FirstIntimes" runat="server" Text="09:00 AM"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr style="display: none">
                                                                    <td class="empheader">   
                                                                        <asp:Label ID="lbl_LastOuttimes" Text="Shift Out Time" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_LastOuttimes" runat="server" Text="09:00 PM"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr style="display: none">
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_WorkHourss" runat="server" Text="Worked Hours"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_WorkHourss" runat="server" Text="09:00"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">   
                                                                        <asp:Label ID="lbl_LateHourss" runat="server" Text="Late Hours"></asp:Label>
                                                                    </td>
                                                                    <td style="color: #D50000 !important">
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_LateHourss" runat="server" Text="00:00"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_EarlyExitHourss" Text="Early Exit Hours" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="color: #D50000 !important">
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;   
                                            <asp:Label ID="txt_EarlyExitHourss" runat="server" Text="00:00"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">     
                                                                        <asp:Label ID="lbl_Lunchhourss" runat="server" Text="Lunch hours"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_Lunchhourss" runat="server" Text="00:00"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_BrackHrss" runat="server" Text="Break hours"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-clock-o" aria-hidden="true" style="font-size: 16px"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_BrackHrss" runat="server"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr style="display: none">
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_Attendancedetailss" runat="server" Text="Attendance details"></asp:Label>
                                                                    </td>
                                                                    <td>
                                                                        <i class="fa fa-list-alt" aria-hidden="true"></i>&nbsp;&nbsp;
                                            <asp:Label ID="txt_Attendancedetailss" runat="server" Text="Present / Present"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="panel panel-default">
                                                    <div class="panel-heading1">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion" href="#MonthlyAtt">Monthly Attendance Details -
                                                                <asp:Label ID="lblUserNames4" runat="server"></asp:Label>
                                                            </a>
                                                        </h4>
                                                    </div>
                                                    <div id="MonthlyAtts">
                                                        <div class="panel-body">
                                                            <table class="table das-table1">
                                                                <tr>
                                                                    <td class="empheader">    
                                                                        <asp:Label ID="lbl_Months" Text="Month" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%;">
                                                                        <i class="fa fa-calendar-o" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_MonthNames" runat="server" Text="8"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_Presents" Text="Present Days" runat="server"></asp:Label>
                                                                        <br />
                                                                        <span style="font-size: xx-small;">(Present + Onduty)</span>
                                                                    </td>
                                                                    <td style="width: 50%; vertical-align: central; align-items: center">
                                                                        <i class="fa fa-user" aria-hidden="true" style="color: #83DAF6 !important; padding-top: 13px"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_Presents" runat="server" Text="8" Style="padding-top: 13px"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_AbsentDayss" Text="Absent Days" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-times" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_AbsentDayss" runat="server" Text="2"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">    
                                                                        <asp:Label ID="lblLeaveDayss" Text="Leave Days" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-check-square-o" aria-hidden="true" style="color: #00CC71 !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_LeaveDayss" runat="server" Text="1"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_Holidayss" Text="Holiday Days" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-umbrella" aria-hidden="true" style="color: darkblue !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_Holidayss" runat="server" Text="2"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_WeeklyOffDayss" Text="Weekly Off Days" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-calendar" aria-hidden="true" style="color: blueviolet"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_WeeklyOffDayss" runat="server" Text="4"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">     
                                                                        <asp:Label ID="lbl_MonthDaysCounts" Text="Total" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                <asp:Label ID="lblTotaldayss" runat="server" Text="4"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="panel panel-default" style="display: none">
                                                    <div class="panel-heading1">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion" href="#DailyTeam">Daily Team Attendance Details </a>
                                                        </h4>
                                                    </div>
                                                    <div id="DailyTeams" class="panel-collapse collapse">
                                                        <div class="panel-body">
                                                            <table class="table das-table1">
                                                                <tr>
                                                                    <td colspan="2">Total Employees : 11
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_PresentEmployees" Text="Present" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%;">
                                                                        <i class="fa fa-user" aria-hidden="true" style="color: #83DAF6 !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_PresentEmployees" runat="server" Text="8"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>      
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_AbsentEmployees" Text="Absent" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-times" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_AbsentEmployees" runat="server" Text="2"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_LeaveEmployees" Text="Leave" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-check-square-o" aria-hidden="true" style="color: #00CC71 !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_LeaveEmployees" runat="server" Text="1"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_Punctualitys" Text="Punctuality" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_Punctualitys" runat="server" Text="4"></asp:Label>
                                                                    </td>   
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_LateEntrys" Text="Late Entrys" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-clock-o" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_LateEntrys" runat="server" Text="4"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="panel panel-default" style="display: none">
                                                    <div class="panel-heading1">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion" href="#MonthlyTeam">Monthly Team Attendance Details </a>
                                                        </h4>
                                                    </div>
                                                    <div id="MonthlyTeams" class="panel-collapse collapse">
                                                        <div class="panel-body">
                                                            <table class="table das-table1">
                                                                <tr>
                                                                    <td colspan="2">Total Employees : 11
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_TotalPresents" Text="Present" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%;">
                                                                        <i class="fa fa-user" aria-hidden="true" style="color: #83DAF6 !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_TotalPresents" runat="server" Text="8"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">      
                                                                        <asp:Label ID="lbl_TotalAbsents" Text="Absent" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-times" aria-hidden="true"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_TotalAbsents" runat="server" Text="2"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td class="empheader">
                                                                        <asp:Label ID="lbl_TotalLeaves" Text="Leave" runat="server"></asp:Label>
                                                                    </td>
                                                                    <td style="width: 50%">
                                                                        <i class="fa fa-check-square-o" aria-hidden="true" style="color: #00CC71 !important"></i>&nbsp;&nbsp;
                                                <asp:Label ID="txt_TotalLeaves" runat="server" Text="1"></asp:Label>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>

                                                <%--<div class="panel panel-default" style="display: none">
                                                    <div class="panel-heading1">
                                                        <h4 class="panel-title">
                                                            <a data-toggle="collapse" data-parent="#accordion" href="#MyShortcuts">My Shortcuts </a>
                                                        </h4>
                                                    </div>
                                                    <div id="MyShortcutss" class="panel-collapse collapse">
                                                        <div class="panel-body">
                                                            <div class="col-md-12" style="padding-top: 10px; padding-bottom: 10px">
                                                                <div class="col-md-12">
                                                                    <asp:HiddenField ID="HiddenField3" runat="server"></asp:HiddenField>
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <asp:RadioButton ID="RadioButton1" runat="server" Text="Apply Leave" CssClass="radio radio-primary" GroupName="Option" Checked="true" />
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <asp:RadioButton ID="RadioButton2" runat="server" Text="Apply Permission" CssClass="radio radio-primary" GroupName="Option" />
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <asp:RadioButton ID="RadioButton3" runat="server" Text="Apply Onduty" CssClass="radio radio-primary" GroupName="Option" />
                                                                </div>
                                                                <div class="col-md-12">
                                                                    <asp:Button runat="server" ID="Button2" Text="Go" OnClick="btnApply_Click" class="btn btn-primary pull-right" />
                                                                   
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>--%>

                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="callout callout-info" style="margin-bottom: 0!important;">
                                                <asp:Label ID="Label69" runat="server"></asp:Label>
                                            </div>
                                            <br />
                                            <ul style="background: #fff">
                                                <li>
                                                    <asp:Label ID="Label70" runat="server" Text="By clicking the respective date, the remaining details like Shift, Total Late Hrs ,Total Break Hrs, will be shown in the right side of the view."></asp:Label>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>

                                    <%--<div class="col-md-12">
                                        <div id="createEventModal" class="modal fade">
                                            <div class="modal-dialog" style="width: 400px;">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                                        <h4 class="modal-title">Applye For:</h4>
                                                    </div>
                                                    <div id="modalBody" class="modal-body">
                                                        <div class="row form-group">
                                                            <div class="col-xs-5">
                                                                <label for="title">From Date</label>
                                                            </div>
                                                            <div class="col-xs-7">
                                                                <input class="form-control" type="text" id="fromdate">
                                                            </div>
                                                        </div>
                                                        <div class="row form-group">
                                                            <div class="col-xs-5">
                                                                <label for="title">To Date</label>
                                                            </div>
                                                            <div class="col-xs-7">
                                                                <input class="form-control" type="text" id="todate">
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-xs-5">
                                                            </div>
                                                            <div class="col-xs-7">
                                                                <asp:RadioButtonList ID="RadioButtonList1" runat="server">
                                                                    <asp:ListItem Text="Leave Application" Value="1" Selected="True"></asp:ListItem>
                                                                    <asp:ListItem Text="Permission Application" Value="2"></asp:ListItem>
                                                                    <asp:ListItem Text="Onduty Entry" Value="3"></asp:ListItem>
                                                                </asp:RadioButtonList>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
                                                        <button type="submit" class="btn btn-primary" id="submitButton">Apply</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>--%>


                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- /.row -->
    </section>


    




    <script type="text/javascript">
        $('.responsive-tabs').responsiveTabs({
            accordionOn: ['xs', 'sm']
        });
    </script>
</asp:Content>
