<%@ page language="C#" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" autoeventwireup="true" inherits="Pages_Hrm_Employee_EmployeeDetailForm, App_Web_lqpu5xhr" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register Src="~/UserControls/GridViewPager/GridViewPager.ascx" TagName="GridViewPager" TagPrefix="uc1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl" TagPrefix="ScreenGroup" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <style>
        .border-nav {
            border: 1px solid #e2e2e2;
        }

        .text-muted {
            font-size: 13px;
        }

        .btn {
            padding: 4px 7px 4px 8px;
            font-size: 12px !important;
        }

        .min-h {
            padding-left: 0px;
        }

        .user-name {
            text-align: left;
            padding-left: 0 !important;
        }

        .nav.nav-tabs > li:hover > a, .nav.nav-tabs > li:hover > a input {
            color: white !important;
        }

        .fa-address-book:before {
            content: "\f2b9";
        }

        .kt-portlet__head-title span {
            margin-left: 20px;
        }

        h4 span {
            font-size: 16px;
            font-weight: 650;
        }


        input:not([type]), input[type=text]:not(.browser-default),
        input[type=password]:not(.browser-default),
        input[type=email]:not(.browser-default),
        input[type=url]:not(.browser-default),
        input[type=time]:not(.browser-default),
        input[type=date]:not(.browser-default),
        input[type=datetime]:not(.browser-default),
        input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default),
        input[type=number]:not(.browser-default), input[type=search]:not(.browser-default),
        textarea.materialize-textarea {
            height: 2rem;
            width: 85%;
            font-size: 14px;
            font-weight: 750;
        }

        .pTop15 {
            padding-top: 16px !important;
            padding-left: 6px;
        }

        .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th,
        .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
            font-size: 12px;
        }

        .btn {
            background-color: #00bcd4;
            color: white;
        }

            .btn:hover, .btn-large:hover {
                background-color: #00bcd4;
                font-weight: 700 !important;
                box-shadow: 0px 1px 6px #9e9e9e;
            }

        .icon i {
            position: absolute;
            padding-top: 10px;
            margin-top: 0 !important;
            padding-left: 13px;
        }

        .box-header.purple-border .box-title i {
            color: #00bcd4 !important;
        }

        .nav.nav-tabs > li.active > a,
        .nav.nav-tabs > li.active > a input {
            color: white !important;
        }

        .skin-blue .nav-tabs > li.active,
        .skin-blue .nav-tabs > li.active:hover {
            border-bottom: 1px solid #a79a9a;
            background-color: #01bcd4 !important;
        }

        .skin-blue .nav-tabs > li {
            border-bottom: 1px solid #a79a9a;
        }



        .skin-blue .navgraybackground .nav.nav-tabs {
            background-color: #ffffff;
            border-bottom: none;
        }

        .nav.nav-tabs > li > a input {
            margin-top: 4px;
            padding: 5px 15px 7px 35px !important;
            font-weight: 600;
            background: none;
            font-size: 14px;
            width: 100%;
            text-align: left;
        }

        .nav.nav-tabs > li {
            height: 35px;
            padding: 0px;
            padding-top: 0;
            margin-top: 5px;
        }

        .card-full {
            height: 80vh;
        }

        .card-full-body {
            min-height: 75vh;
            overflow-y: auto;
        }

        .card-purple {
            height: 190px;
            overflow: auto;
        }

        .card-box.box-primary {
            margin-bottom: 15px;
        }

        .card-side {
            box-shadow: 0 10px 40px 0 rgb(62 57 107 / 7%), 0 2px 9px 0 rgb(62 57 107 / 6%);
            height: 500px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        /*.card-side .card-body {
                min-height: 680px;
            }*/

        .circle {
            border-radius: 50%;
            height: 75px;
            width: 75px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 1rem auto;
        }

        .btnhover:hover {
            background-color: #10a2b5;
        }

        .item:focus {
            border: 1px solid #000000;
        }

        label {
            display: inline;
        }

        .profile-usertitle-name {
            font-weight: 700;
            padding-left: 10px;
            font-size: 16px;
        }

            .profile-usertitle-name label {
                font-weight: 700;
                font-size: 24px;
            }

        .screennamelabel {
            margin-left: 20px;
        }
    </style>
    <asp:UpdatePanel ID="OTQueueListingUpdatePanel" runat="server">
        <ContentTemplate>
            <div id="divContentPage" class="divcontentpagemargin">
                <!-- ContentPlaceHolder Box Starts -->

                <div class="dashBoardLeftCont">
                    <div class="himssuHeader3WireBox">
                        <table>
                            <tr>
                                <td>
                                    <div class="himsBoxContent">
                                        <div class="leftUlMenu">
                                            <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="164"
                                                Visible="true" runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="whiteboxpaddingleft row">
                    <div class="himssuHeader1WireBox card card-box card-full">
                        <div class="row whiteboxpaddingleft">
                            <div class="himsBoxContent card-body card-full-body" id="Div1" runat="server" visible="true" style="overflow: hidden">

                                <div class="col-md-3" id="EmployeeLeftPane">

                                    <div class="card mt-5 card-side">
                                        <div id="Div35" runat="server">
                                            <div class="outerBox pTop15 pl-1 col-md-12 col-sm-4 col-xs-12" style="padding-left: 1.7rem !important;">
                                                <%--<div class="controlLabelWidth">
                                                <asp:Label ID="StudentAutoSearchLabel" runat="server" Text="Student Search" ></asp:Label>
                                            </div>--%>
                                                <div class="fLeft ">
                                                    <asp:TextBox ID="EmployeeAutoSearchTextBox" placeholder="Employee Search" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onkeyup="Search(this);" onclick="Search(this);"
                                                        SkinID="CustomWidthTextBox" runat="server"> </asp:TextBox>
                                                    <i class="fas fa-search" style="font-size: 16px;"></i>
                                                    <div id="AutoSearchSuggestion"></div>
                                                    <asp:HiddenField ID="SearchListHiddenField" runat="server" />
                                                </div>
                                            </div>
                                            <div class="cBoth"></div>
                                        </div>

                                        <div id="ButtonList" style="display: none">
                                            <div class="card-body">
                                                <ul class="nav nav-tabs mx-2 card border-nav card-box" role="tablist" style="border: 1px solid #a9a19b;">
                                                    <li id="OverviewList" data-toggle="pill" runat="server" class="icon nav-link active" href="#ctl00_CP_DashBoardDiv"><a>
                                                        <i class="fa fa-eye" aria-hidden="true"></i>
                                                        <input type="button" id="OverviewButton" value=" Overview" class="btnhover fas transparenttab" style="border: none; cursor: pointer" />
                                                    </a></li>
                                                    <li id="EmployeeDetailsList" runat="server" class="icon nav-link" data-toggle="pill" href="#ctl00_CP_EmployeeFullProfileDiv" role="tab" visible="false"><a><i class="fa fa-file" aria-hidden="true"></i>
                                                        <input type="button" id="EmployeeDetailsListButton" value="Employee Details" onclick="EmployeeFullProfileShow();" class="btnhover fas transparenttab" style="border: none; cursor: pointer" />
                                                    </a></li>
                                                    <li id="AttendanceList" runat="server" class="icon nav-link" data-toggle="pill" href="#ctl00_CP_AttendanceDiv" role="tab" visible="false"><a>
                                                        <i class="fa fa-pencil-square-o" aria-hidden="true"></i>
                                                        <input type="button" id="AttendanceButton" value=" Attendance" onclick="AttendanceDetailsShow();"
                                                            class="btnhover fas transparenttab" style="border: none; cursor: pointer" />
                                                    </a></li>
                                                    <li id="LeaveList" runat="server" class="icon nav-link" data-toggle="pill" href="#ctl00_CP_LeaveDiv" role="tab" visible="false">
                                                        <a>
                                                            <i class="fa fa-calendar-times" aria-hidden="true"></i>
                                                            <input type="button" id="LeaveListButton" value=" Leave" onclick="LeaveDetailsShow();"
                                                                class="btnhover fas transparenttab" style="border: none; cursor: pointer" />
                                                        </a></li>
                                                    <li id="PayrollList" runat="server" class="icon nav-link" data-toggle="pill" href="#ctl00_CP_PayrollDiv" role="tab" visible="false"><a><i class="fa fa-credit-card" aria-hidden="true"></i>
                                                        <input type="button" id="PayrollListButton" value=" Payroll" onclick="PayrollDetailsShow();"
                                                            class="btnhover fas transparenttab" style="border: none; cursor: pointer" />
                                                    </a></li>
                                                    <li id="CertificateList" runat="server" class="icon nav-link" data-toggle="pill" href="#ctl00_CP_CertificateDiv" role="tab" visible="false"><a><i class="fa fa-id-card" aria-hidden="true"></i>
                                                        <input type="button" id="CertificateListButton" value=" My Certificate" onclick="CertificateDetailsShow();"
                                                            class="btnhover fas transparenttab" style="border: none; cursor: pointer" />
                                                    </a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-9" id="EmployeeRightPane" style="padding-left: 0px; display: none; overflow: auto; height: 460px;">
                                    <div class="card card-box" style="margin-top: 14px;">
                                        <div class="row">
                                            <div class="col-md-2 pr-0">
                                                <div class="circle">
                                                    <img id="EmployeeImage" alt="Profile Pic" class="img-responsive employeeProfileImgTag img-fluid">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="profile-usertitle">
                                                    <div class="profile-usertitle-name user-name">
                                                        <label id="NameLabel"></label>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-5 pr-0">
                                                        <div class="profile-usermenu">
                                                            <ul class="nav">
                                                                <li class="active"><b>Code</b> : &nbsp;
                                                                    <label id="CodeLabel"></label>
                                                                </li>
                                                                <li class="active"><b>Gender</b> : &nbsp;
                                                                    <label id="GenderLabel"></label>
                                                                </li>
                                                                <li class="active"><b>Birthdate</b> : &nbsp;
                                                                    <label id="BirthDateLabel"></label>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-7 p-0">
                                                        <div class="profile-usermenu">
                                                            <ul class="nav pl-1">
                                                                <li class="bg-suc">
                                                                    <b class="txt-suc">Department</b> : &nbsp;
                                        <label id="DepartmentMainLabel"></label>
                                                                </li>
                                                                <li class="active"><b>Employee Type</b> : &nbsp;
                                        <label id="EmployeeTypeMainLabel"></label>
                                                                </li>
                                                                <li class="active"><b>Designation</b> : &nbsp;
                                        <label id="DesignationMainLabel"></label>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">

                                                <div>
                                                    <div class="row">
                                                        <div class="col-md-6">
                                                            <%--  <h5 class="d-flex-center">
                                                            <span class="caption-subject font-dark bold uppercase">Barcode</span>
                                                        </h5>--%>
                                                            <ul class="nav d-flex-center">
                                                                <li class="active">
                                                                    <img id="BarcodeImage" alt="Barcode" class="img-fluid" style="width: 85% !important;" />
                                                                </li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-6">
                                                            <%--<h5 class="d-flex-center">
                                                            <span class="caption-subject font-dark bold uppercase">QR Code</span>
                                                        </h5>--%>
                                                            <ul class="nav text-center d-flex-center">
                                                                <li class="active">
                                                                    <img id="QRCodeImage" alt="QR Code" class="img-fluid" style="max-height: 85px !important; padding-top: 9px; max-width: 100%">
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="cBoth" style="height: 20px"></div>
                                    <div class="tab-content">
                                        <div id="DashBoardDiv" class="tab-pane fade show active in" role="tabpanel" runat="server">
                                            <div class="contentHolder">
                                                <div id="Panel8" runat="server">
                                                    <div class="himssuHeader6WireBox col-md-12">
                                                        <div class="himsBoxHeader card-head inner" id="Div36" runat="server" visible="true" style="height: 50px">
                                                            <div class="leftdiv">
                                                            </div>
                                                            <div>
                                                                <input type="button" id="UpdateEmployeeDetailRedirectButton" value="Update Details" onclick="UpdateEmployeeRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="EmployeeICardReportButton" value="My Icard" onclick="EmployeeICardReport();" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="ChangeEmployeeIdButton" value="Change Id" onclick="ChangeEmployeeIdRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="UploadEmployeePhotosRedirectButton" value="Upload Photo" onclick="UploadEmployeePhotosRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="UploadDocumentsRedirectButton" value="Upload Documents" onclick="UploadDocumentsRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="ChangePasswordRedirectButton" value="Change Password" onclick="ChangePasswordRedirect();" class="btn fa-solid fa-location-arrow" />
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="col-xl-4 col-md-6 col-sm-12 min-h" id="AttendanceDetailsDiv">
                                                        <asp:Panel ID="Panel4" runat="Server">
                                                            <div class="contentHolder">
                                                                <div class="">
                                                                    <div class="card card-box box  box-primary direct-chat direct-chat-primary card-dashboard-position card-purple">
                                                                        <div class="box-header  purple-border ">
                                                                            <header class="box-title">
                                                                                <i class="fa fa-pencil-square-o"></i>&nbsp;&nbsp;<b>My Attendance</b>
                                                                            </header>
                                                                            <div class="tools pt-1">
                                                                                <ul class="nav">
                                                                                    <li class="bg-suc">
                                                                                        <b class="txt-suc">Todays Status</b> : &nbsp;
                                                                    <label id="TodaysStatusLabel"></label>
                                                                                    </li>
                                                                                    <li class="active"><b>Yesterday's Status</b> : &nbsp;
                                                                    <label id="YesterdayStatusLabel"></label>
                                                                                    </li>
                                                                                    <li class="active row">
                                                                                        <div class="col-md-6"><b>Monthly Attendance</b> : &nbsp;</div>
                                                                                        <div class="col-md-6">
                                                                                            <label id="MonthlyAttendanceLabel"></label>
                                                                                        </div>
                                                                                    </li>

                                                                                </ul>
                                                                            </div>
                                                                            <br />
                                                                            <div class="alignCenter pTop5" style="margin-top: -15px !important">

                                                                                <input type="button" id="EmployeeEntryRedirectButton1" value="Employee Register" onclick="EmployeeEntryRedirect(true);" class="btn fa-solid fa-location-arrow" />
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </asp:Panel>
                                                    </div>
                                                    <div class="col-xl-4 col-md-6 col-sm-12 min-h" id="TimesheetDetailsDiv">
                                                        <asp:Panel ID="Panel1" runat="Server">
                                                            <div class="contentHolder">
                                                                <div class="">
                                                                    <div class="card card-box box  box-primary direct-chat direct-chat-primary card-dashboard-position card-purple">
                                                                        <div class="box-header  purple-border ">
                                                                            <header class="box-title">
                                                                                <i class="fa fa-chalkboard-teacher"></i>&nbsp;&nbsp;<b>My Timesheet</b>
                                                                            </header>
                                                                            <div class="tools pt-1">
                                                                                <ul class="nav">
                                                                                    <li class="bg-suc row">
                                                                                        <div class="col-md-5">
                                                                                            <b class="txt-suc">Todays Status</b> : &nbsp;
                                                                                        </div>
                                                                                        <div class="col-md-7">
                                                                                            <label id="TimesheetTodaysStatusLabel"></label>
                                                                                        </div>
                                                                                    </li>

                                                                                    <li class="active row">
                                                                                        <div class="col-md-5">
                                                                                            <b>Yesterday's Status</b> : &nbsp;
                                                                                        </div>
                                                                                        <div class="col-md-7">
                                                                                            <label id="TimesheeYesterdayStatusLabel"></label>
                                                                                        </div>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                            <br />
                                                                            <div class="alignCenter pTop5" style="margin-top: -15px !important">

                                                                                <input type="button" id="MyTimeSheetRedirectButton" value="My TimeSheet" onclick="MyTimeSheetRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                                <input type="button" id="TimesheetListRedirectButton" value="Timesheet List" onclick="TimesheetListRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </asp:Panel>
                                                    </div>
                                                    <div class="col-xl-4 col-md-6 col-sm-12 min-h" id="MyLeaveDetailsDiv">
                                                        <asp:Panel ID="Panel2" runat="Server">
                                                            <div class="contentHolder">
                                                                <div class="">
                                                                    <div class="card card-box box  box-primary direct-chat direct-chat-primary card-dashboard-position card-purple">
                                                                        <div class="box-header  purple-border" style="padding-bottom: 0px;">
                                                                            <header class="box-title">
                                                                                <i class="fa fa-calendar-times"></i>&nbsp;&nbsp;<b>My Leave</b>
                                                                            </header>
                                                                            <div class="col-md-12">
                                                                                <div class="table-responsive mt-1">
                                                                                    <table class="table table-striped table-bordered">
                                                                                        <thead>
                                                                                            <tr>
                                                                                                <th scope="col">Report Date</th>
                                                                                                <th scope="col">From Date</th>
                                                                                                <th scope="col">To Date</th>
                                                                                                <th scope="col">No Of Leave</th>
                                                                                                <th scope="col">Leave Type</th>
                                                                                                <th scope="col">Leave Reson</th>
                                                                                                <th scope="col">Status</th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody id="dvMyLeaveGridDiv">
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <br />
                                                                        <div class="alignCenter pTop5" style="margin-top: -10px !important;">
                                                                            <input type="button" id="AddLeaveEntryRedirectButton1" value="Add Leave" onclick="AddLeaveEntryRedirect(true);" class="btn fa-solid fa-location-arrow" />
                                                                            <input type="button" id="AddLeaveBalanceRedirectButton1" value="Add Comp off" onclick="AddLeaveBalanceRedirect(true);" class="btn fa-solid fa-location-arrow" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </asp:Panel>
                                                    </div>

                                                    <div class="col-xl-4 col-md-6 col-sm-12 min-h" id="PayRollDetailsDiv">
                                                        <asp:Panel ID="Panel3" runat="Server">
                                                            <div class="contentHolder">
                                                                <div class="">
                                                                    <div class="card card-box box  box-primary direct-chat direct-chat-primary card-dashboard-position card-purple">
                                                                        <div class="box-header  purple-border ">
                                                                            <header class="box-title">
                                                                                <i class="fa fa-credit-card"></i>&nbsp;&nbsp;<b>My Payroll</b>
                                                                            </header>
                                                                            <div class="tools pt-1">
                                                                                <ul class="nav">
                                                                                    <li class="active"><b>Last Month Payroll Status</b> : &nbsp;
                                                                    <label id="LatMonthPayrollLabel"></label>
                                                                                    </li>
                                                                                    <li class="bg-suc">
                                                                                        <b class="txt-suc">Current Month Payroll Status</b> : &nbsp;
                                                                    <label id="CurrentMontPayrollLabel"></label>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                            <br />
                                                                            <div class="alignCenter pTop5" style="margin-top: -15px !important">
                                                                                <input type="button" id="PayProcessEmployeeRedirectButton1" value="Pay Process Employee" onclick="PayProcessEmployeeRedirect(true);" class="btn fa-solid fa-location-arrow" />
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </asp:Panel>
                                                    </div>
                                                    <div class="col-xl-4 col-md-6 col-sm-12 min-h" id="MyTimetableDiv">
                                                        <asp:Panel ID="Panel5" runat="Server">
                                                            <div class="contentHolder">
                                                                <div class="">
                                                                    <div class="card card-box box  box-primary direct-chat direct-chat-primary card-dashboard-position card-purple">
                                                                        <div class="box-header  purple-border ">
                                                                            <header class="box-title">
                                                                                <i class="fa fa-calendar-alt"></i>&nbsp;&nbsp;<b>My Timetable</b>
                                                                            </header>
                                                                            <div class="col-md-12">
                                                                                <div class="table-responsive mt-1">
                                                                                    <table class="table table-striped table-bordered">
                                                                                        <thead>
                                                                                            <tr>
                                                                                                <th scope="col">Lec No</th>
                                                                                                <th scope="col">Class Division</th>
                                                                                                <th scope="col">Subject</th>
                                                                                                <th scope="col">Time</th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody id="dvTimetableGridDiv">
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </asp:Panel>
                                                    </div>
                                                    <div class="col-xl-4 col-md-6 col-sm-12 min-h" id="MyLectureDiv">
                                                        <asp:Panel ID="Panel9" runat="Server">
                                                            <div class="contentHolder">
                                                                <div class="">
                                                                    <div class="card card-box box  box-primary direct-chat direct-chat-primary card-dashboard-position card-purple">
                                                                        <div class="box-header  purple-border ">
                                                                            <header class="box-title">
                                                                                <i class="fa fa-calendar-alt"></i>&nbsp;&nbsp;<b>My Lecture</b>
                                                                            </header>
                                                                            <div class="col-md-12">
                                                                                <div class="table-responsive mt-1">
                                                                                    <table class="table table-striped table-bordered">
                                                                                        <thead>
                                                                                            <tr>
                                                                                                <th scope="col">Class</th>
                                                                                                <th scope="col">Subject</th>
                                                                                                <th scope="col">Title</th>
                                                                                                <th scope="col">StartTime</th>
                                                                                                <th scope="col">EndTime</th>
                                                                                                <th scope="col">Assigned</th>
                                                                                                <th scope="col">Status</th>

                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody id="dvmyLectureDiv">
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </asp:Panel>
                                                    </div>
                                                    <div class="col-xl-4 col-md-6 col-sm-12 min-h" id="MySubjectsDiv">
                                                        <asp:Panel ID="Panel6" runat="Server">
                                                            <div class="contentHolder">
                                                                <div class="">
                                                                    <div class="card card-box box  box-primary direct-chat direct-chat-primary card-dashboard-position card-purple">
                                                                        <div class="box-header  purple-border ">
                                                                            <header class="box-title">
                                                                                <i class="fa fa-book"></i>&nbsp;&nbsp;<b>My Subjects</b>
                                                                            </header>
                                                                            <div class="col-md-12">
                                                                                <div class="table-responsive mt-1">
                                                                                    <table class="table table-striped table-bordered">
                                                                                        <thead>
                                                                                        </thead>
                                                                                        <tbody id="divMySubjectDiv">
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </asp:Panel>
                                                    </div>
                                                    <div class="col-xl-4 col-md-6 col-sm-12 min-h" id="MyExamSchedulesDiv">
                                                        <asp:Panel ID="Panel7" runat="Server">
                                                            <div class="contentHolder">
                                                                <div class="">
                                                                    <div class="card card-box box  box-primary direct-chat direct-chat-primary card-dashboard-position card-purple">
                                                                        <div class="box-header  purple-border ">
                                                                            <header class="box-title">
                                                                                <i class="fa fa-pencil-square-o"></i>&nbsp;&nbsp;<b>My Exam Schedules</b>
                                                                            </header>
                                                                            <div class="col-md-12">
                                                                                <div class="table-responsive mt-1">
                                                                                    <table class="table table-striped table-bordered">
                                                                                        <thead>
                                                                                            <tr>
                                                                                                <th scope="col">Exam Name</th>
                                                                                                <th scope="col">Class</th>
                                                                                                <th scope="col">Subject</th>
                                                                                                <th scope="col">Start Date</th>
                                                                                                <th scope="col">Start Time</th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody id="dvMyExamSchedulesGridDiv">
                                                                                        </tbody>
                                                                                    </table>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </asp:Panel>
                                                    </div>
                                                    <%--<div class="col-xl-4 col-md-6 col-sm-12 min-h" id="OnlineLearningDetailsDiv">
                                                    <asp:Panel ID="Panel8" runat="Server">
                                                        <div class="contentHolder">
                                                            <div class="">
                                                                <div class="card card-box box  box-primary direct-chat direct-chat-primary card-dashboard-position card-purple">
                                                                    <div class="box-header  purple-border ">
                                                                        <header class="box-title">
                                                                            <i class="fa fa-book"></i>&nbsp;&nbsp;<b>Lecture List</b>
                                                                        </header>
                                                                        <div class="tools pt-1">
                                                                            <ul class="nav">
                                                                                <li class="bg-suc">
                                                                                    <b class="txt-suc">Today's Lectures</b> : &nbsp;
                                                                    <label id="LectureListLabel"></label>
                                                                                </li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </asp:Panel>
                                                </div>--%>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="himsBoxContent tab-pane fade card-body card card-box card-height-2" role="tabpanel" runat="server" id="EmployeeFullProfileDiv">
                                            <div class="contentHolder">
                                                <asp:Panel ID="pnlContents" runat="server">
                                                    <div class="himssuHeader6WireBox col-md-12">
                                                        <div class="himsBoxHeader card-head inner" id="PresenceListGridViewPagerDiv" runat="server" visible="true" style="height: 50px">
                                                            <div class="leftdiv">
                                                            </div>
                                                            <%--<div>
                                                            <input type="button" id="UpdateStudentDetailRedirectButton" value="Update Details" onclick="UpdateStudentDetailRedirect();" class="btn fa-solid fa-location-arrow" />
                                                            <input type="button" id="ChangeIdRedirectButton" value="Change Id" onclick="ChangeIdRedirect();" class="btn fa-solid fa-location-arrow" />
                                                            <input type="button" id="ChangeSUIDRedirectButton" value="Change SUID" onclick="ChangeSuidRedirect();" class="btn fa-solid fa-location-arrow" />
                                                            <input type="button" id="StudentProfileRedirectButton" value="Student Profile" onclick="StudentProfileRedirect();" class="btn fa-solid fa-location-arrow" />
                                                            <input type="button" id="UploadStudentPhotosRedirectButton" value="Upload Student Photos" onclick="UploadStudentPhotosRedirect();" class="btn fa-solid fa-location-arrow" />
                                                            <input type="button" id="StudentSiblingRedirectButton" value="Student Sibling" onclick="StudentSublingRedirect();" class="btn fa-solid fa-location-arrow" />
                                                            <input type="button" id="StudentICardReportButton" value="Student I Card" onclick="StudentICardReport();" class="btn fa-solid fa-location-arrow" />
                                                        </div>--%>
                                                            <div class="himsBoxTitle" style="padding-top: 10px">
                                                                <div class="headerText">
                                                                    <header>
                                                                        <asp:Label CssClass="subheader"
                                                                            ID="Label1" Text="Employee Details" runat="server" meta:resourcekey="GridViewLabelResource1" />
                                                                    </header>
                                                                </div>
                                                                <div class="gridHeaderText fRight">
                                                                </div>
                                                                <div class="fRight">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="himsBoxContent pTop5">
                                                            <div id="PresenceListGridViewMessageDiv" class="himsBoxContentMsg" runat="server"
                                                                visible="False">
                                                            </div>
                                                            <%--<asp:DataList ID="ProfileDataList" runat="server">--%>
                                                            <itemstyle cssclass="" />
                                                            <itemtemplate>
                                                        <div class="profilediv">
                                                            

                                                            <div class="col-md-12">
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Code :&nbsp;</b>
                                                                    <asp:Label ID="EmployeeCodeLabel" runat="server" Text='<%# Eval("Code") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Number :&nbsp;</b>
                                                                    <asp:Label ID="NumberLabel" runat="server" Text='<%# Eval("Number") %>' CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-3 height35">
                                                                    <b class="text-muted">Short Name : &nbsp;</b>
                                                                    <asp:Label ID="ShortNameLabel" runat="server" Text='<%# Eval("ShortName") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">First Name : &nbsp;</b>
                                                                    <%--<b class="text-muted">
                                                                        <asp:Label Style="font-size: 12px" ID="CodeTextLabel" runat="server"></asp:Label>
                                                                        :</b>--%>
                                                                    <asp:Label ID="FirstNameLabel" runat="server" Text='<%# Eval("FirstName") %>' CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">Middle/Father Name : &nbsp;</b>
                                                                    <asp:Label ID="MiddleNameLabel" runat="server" Text='<%# Eval("FatherName") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">Last Name : &nbsp;</b>
                                                                    <asp:Label ID="LastNameLabel" runat="server" Text='<%# Eval("LastName") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">EmployeeType : &nbsp;</b>
                                                                    <asp:Label ID="EmployeeTypeLabel" runat="server" Text='<%# Eval("EmployeeType") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">Employee Group : &nbsp;</b>
                                                                    <asp:Label ID="EmployeeGroupLabel" runat="server" Text='<%# Eval("EmployeeGroup") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">Employee Grade : &nbsp;</b>
                                                                    <asp:Label ID="EmployeeGradeLabel" runat="server" Text='<%# Eval("EmployeeGrade") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">Department : &nbsp;</b>
                                                                    <asp:Label ID="DepartmentLabel" runat="server" Text='<%# Eval("Department") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">Designation : &nbsp;</b>
                                                                    <asp:Label ID="DesignationLabel" runat="server" Text='<%# Eval("Designation") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">Gender : &nbsp;</b>
                                                                    <asp:Label ID="GenderLabel1" runat="server" Text='<%# Eval("Gender") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">Date of Birth : &nbsp;</b>
                                                                    <asp:Label ID="DateofBirthLabel" runat="server" Text='<%# Eval("DateofBirth") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                 <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">Date of Joining : &nbsp;</b>
                                                                    <asp:Label ID="DateofJoiningLabel" runat="server" Text='<%# Eval("DateofJoining") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                 <div class="col-md-3 height35 ">
                                                                    <b class="text-muted">Status : &nbsp;</b>
                                                                    <asp:Label ID="StatusLabel" runat="server" Text='<%# Eval("Status") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                            </div>
                                                           <%-- <div class="col-md-2">
                                                                <img id="FullProfileStudentImage" alt="Profile Pic" class="img-responsive studentProfileImgTag" src="../../Content/9911/77.jpg" style="height: 100px;">                                                                

                                                            </div>--%>
                                                        </div>
                                                    </itemtemplate>
                                                            <%--</asp:DataList>--%>
                                                        </div>

                                                    </div>
                                                    <div class="himssuHeader6WireBox col-md-12 " id="JobDetailDiv" runat="server" visible="true">
                                                        <div class="himsBoxHeader card-head inner" id="JobDetailListGridViewPagerDiv" runat="server" visible="true">
                                                            <div class="leftdiv">
                                                            </div>
                                                            <div class="himsBoxTitle">
                                                                <div class="headerText">
                                                                    <header>
                                                                        <asp:Label CssClass="" ID="Label19" Text="Job Detail" runat="server" Font-Bold="True"
                                                                            meta:resourcekey="GridViewLabelResource1" />
                                                                    </header>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="himsBoxContent pTop5">
                                                            <div id="TeacherListGridViewMessageDiv" class="himsBoxContentMsg" runat="server"
                                                                visible="False">
                                                            </div>
                                                            <%--<asp:DataList ID="TeacherProfileDataList" runat="server">--%>
                                                            <itemstyle cssclass="" />
                                                            <itemtemplate>
                                                        <div class="profilediv">
                                                            <%--<div class="col-md-3">
                                                                <asp:Image ID="TeacherPhotoImg" runat="server" ImageUrl='<%# Eval("TeacherPhoto")%>'
                                                                    CssClass="studentprofile studentviewimg" />
                                                            </div>--%>
                                                            <div class="col-md-12">

                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Date of Leaving : &nbsp;</b>
                                                                    <asp:Label ID="DateofLeavingLabel" runat="server" Text='<%# Eval("DateofLeaving") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Reason For Leaving :&nbsp;</b>
                                                                    <asp:Label ID="ReasonForLeavingLabel" runat="server" Text='<%# Eval("ReasonForLeaving") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Job Remark :&nbsp;</b>
                                                                    <asp:Label ID="JobRemarkLabel" runat="server" Text='<%# Eval("JobRemark") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Organization :&nbsp;</b>
                                                                    <asp:Label ID="OrganizationLabel" runat="server" Text='<%# Eval("Organization") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Employee Manager :&nbsp;</b>
                                                                    <asp:Label ID="EmployeeManagerLabel" runat="server" Text='<%# Eval("EmployeeManager") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Organization Head :&nbsp;</b>
                                                                    <asp:Label ID="OrganizationHeadLabel" runat="server" Text='<%# Eval("OrganizationHead") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Organization Head Manager :&nbsp;</b>
                                                                    <asp:Label ID="OrganizationHeadManagerLabel" runat="server" Text='<%# Eval("OrganizationHeadManager") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Probation Days :&nbsp;</b>
                                                                    <asp:Label ID="ProbationDaysLabel" runat="server" Text='<%# Eval("ProbationDays") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Subjects :&nbsp;</b>
                                                                    <asp:Label ID="SubjectsLabel" runat="server" Text='<%# Eval("Subjects") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Org Group Department :&nbsp;</b>
                                                                    <asp:Label ID="OrgGroupDepartmentLabel" runat="server" Text='<%# Eval("OrgGroupDepartment") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Probation UptoDate :&nbsp;</b>
                                                                    <asp:Label ID="ProbationUptoDateLabel" runat="server" Text='<%# Eval("ProbationUptoDate") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Ahdoc UptoDate :&nbsp;</b>
                                                                    <asp:Label ID="AhdocUptoDateLabel" runat="server" Text='<%# Eval("AhdocUptoDate") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Permanent Date :&nbsp;</b>
                                                                    <asp:Label ID="PermanentDateLabel" runat="server" Text='<%# Eval("PermanentDate") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Date Of Resignation :&nbsp;</b>
                                                                    <asp:Label ID="DateOfResignationLabel" runat="server" Text='<%# Eval("DateOfResignation") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>

                                                            </div>
                                                        </div>
                                                    </itemtemplate>
                                                            <%--</asp:DataList>--%>
                                                        </div>
                                                    </div>

                                                    <div class="himssuHeader6WireBox col-md-12 pTop15" id="PersonalDetaildiv" runat="server">
                                                        <div class="himsBoxHeader card-head inner" id="Div2" runat="server" visible="true">
                                                            <div class="leftdiv">
                                                            </div>
                                                            <div class="himsBoxTitle">
                                                                <div class="headerText">
                                                                    <header>
                                                                        <asp:Label CssClass="" ID="PersonalDetailLabel" Text="Personal Detail" runat="server" />
                                                                    </header>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="himsBoxContent pTop5">
                                                            <div id="Div4" class="himsBoxContentMsg" runat="server" visible="False">
                                                            </div>
                                                            <div class="profilediv">
                                                                <div class="midborder profilediv paddingbottom">
                                                                    <div class="col-md-3   ">
                                                                        <div class="col-md-12  height35 ">
                                                                            <b class="text-muted">UID Number : &nbsp;</b>
                                                                            <asp:Label ID="UIDNumberLabel" runat="server" CssClass="fieldlabel1" />
                                                                        </div>
                                                                        <div class="col-md-12  height35 ">
                                                                            <b class="text-muted">Age :&nbsp;</b>
                                                                            <asp:Label ID="AgeLabel" runat="server" CssClass="fieldlabel1" />
                                                                        </div>
                                                                        <div class="col-md-12  height35 ">
                                                                            <b class="text-muted">Qualification :&nbsp;</b>
                                                                            <asp:Label ID="QualificationLabel" runat="server" CssClass="fieldlabel1" />
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-3   ">
                                                                        <div class="col-md-12  height35 ">
                                                                            <b class="text-muted">BloodGroup :&nbsp;</b>
                                                                            <asp:Label ID="BloodGroupLabel" runat="server" CssClass="fieldlabel1" />
                                                                        </div>


                                                                        <div class="col-md-12  height35 ">
                                                                            <b class="text-muted">Marital Status :&nbsp;</b>
                                                                            <asp:Label ID="MaritalStatusLabel" runat="server" CssClass="fieldlabel1" />
                                                                        </div>

                                                                        <div class="col-md-12  height35 ">
                                                                            <b class="text-muted">Religion :&nbsp;</b>
                                                                            <asp:Label ID="ReligionLabel" runat="server" CssClass="fieldlabel1" />
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-md-3   ">
                                                                        <div class="col-md-12  height35 ">
                                                                            <b class="text-muted">Caste Category :&nbsp;</b>
                                                                            <asp:Label ID="CasteCategoryLabel" runat="server" CssClass="fieldlabel1" />
                                                                        </div>

                                                                        <div class="col-md-12  height35 ">
                                                                            <b class="text-muted">Family Caste :&nbsp;</b>
                                                                            <asp:Label ID="FamilyCasteLabel" runat="server" CssClass="fieldlabel1" />
                                                                        </div>

                                                                        <div class="col-md-12  height35 ">
                                                                            <b class="text-muted">ID Mark 1 :&nbsp;</b>
                                                                            <asp:Label ID="IDMark1Label" runat="server" CssClass="fieldlabel1" />
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-3   ">

                                                                        <div class="col-md-12  height35 ">
                                                                            <b class="text-muted">Adhaar Number :&nbsp;</b>
                                                                            <asp:Label ID="AdhaarNumberLabel" runat="server" CssClass="fieldlabel1" />
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                        </div>

                                                    </div>

                                                    <div class="himssuHeader6WireBox col-md-12 pTop5" id="Communicationdiv">
                                                        <div class="himsBoxHeader card-head inner" id="Div3" runat="server" visible="true">

                                                            <div class="himsBoxTitle">
                                                                <div class="gridHeaderText">
                                                                    <header>
                                                                        <asp:Label CssClass="" ID="Label2" Text="Communication" runat="server" Font-Bold="True" meta:resourcekey="GridViewLabelResource1" />
                                                                    </header>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="himsBoxContent pTop5">
                                                            <div id="Div5" class="himsBoxContentMsg" runat="server" visible="False">
                                                            </div>
                                                            <%--<asp:DataList ID="CommunicationDataList" runat="server">--%>
                                                            <itemstyle cssclass="" />
                                                            <itemtemplate>
                                                        <div class="profilediv">
                                                            <div class="midborder profilediv paddingbottom">
                                                                 <div class="col-md-12   ">
                                                                <div class="col-md-12 ">
                                                                    <asp:Label ID="Label14" runat="server" Text="Contact Details" Font-Underline="true"
                                                                        Font-Size="14px" Font-Bold="true" CssClass="pb5" />
                                                                </div>

                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Company Phone No : &nbsp; </b>
                                                                    <asp:Label ID="CompanyPhoneNoLabel" runat="server" Text='<%# Eval("CompanyPhoneNo") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Extension No : &nbsp; </b>
                                                                    <asp:Label ID="ExtensionNoLabel" runat="server" Text='<%# Eval("ExtensionNo") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                     
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Company Email : &nbsp; </b>
                                                                    <asp:Label ID="CompanyEmailLabel" runat="server" Text='<%# Eval("CompanyEmail") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Personal Email : &nbsp; </b>
                                                                    <asp:Label ID="PersonalEmailLabel" runat="server" Text='<%# Eval("PersonalEmail") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                     <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">Mobile Number : &nbsp; </b>
                                                                    <asp:Label ID="MobileNumberLabel" runat="server" Text='<%# Eval("MobileNumber") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-4  height35 ">
                                                                    <b class="text-muted">WhatsApp Contact No : &nbsp; </b>
                                                                    <asp:Label ID="WhatsAppContactNoLabel" runat="server" Text='<%# Eval("WhatsAppContactNo") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                     </div>

                                                                      <div class="col-md-6   ">   
                                                                <div class="col-md-12">
                                                                    <asp:Label ID="PresentLabel" runat="server" Text="Present Address" Font-Underline="true"
                                                                        Font-Size="14px" Font-Bold="true" CssClass="pb5" />
                                                                </div>

                                                             
                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">City : &nbsp; </b>
                                                                    <asp:Label ID="PresentCityLabel" runat="server" Text='<%# Eval("PresentCity") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">State : &nbsp; </b>
                                                                    <asp:Label ID="PresentStateLabel" runat="server" Text='<%# Eval("PresentState") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">Pin Code : &nbsp; </b>
                                                                    <asp:Label ID="PresentZipCodeLabel" runat="server" Text='<%# Eval("PresentZipCode") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">Contact No. : &nbsp; </b>
                                                                    <asp:Label ID="CommunicationPresentContactNoLabel" runat="server" Text='<%# Eval("PresentContactNo") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                            <div class="col-md-12  height35 ">
                                                                    <b class="text-muted">Address : &nbsp; </b>
                                                                    <asp:Label ID="CommunicationPresentAddressLabel" runat="server" Text='<%# Eval("PresentAddress") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
</div>

                                                                <div class="col-md-6">
                                                                <div class="col-md-12">
                                                                    <asp:Label ID="EmergencyLabel" runat="server" Text="Emergency Address" Font-Underline="true"
                                                                        Font-Size="14px" Font-Bold="true" CssClass="pb5" />
                                                                </div>

                                                               
                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">City : &nbsp; </b>
                                                                    <asp:Label ID="EmergencyCityLabel" runat="server" Text='<%# Eval("EmergencyCity") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">State : &nbsp; </b>
                                                                    <asp:Label ID="EmergencyStateLabel" runat="server" Text='<%# Eval("EmergencyState") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">Pin Code : &nbsp; </b>
                                                                    <asp:Label ID="EmergencyZipCodeLabel" runat="server" Text='<%# Eval("EmergencyZipCode") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">Contact No. : &nbsp; </b>
                                                                    <asp:Label ID="EmergencyContactNoLabel" runat="server" Text='<%# Eval("EmergencyContactNo") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                     <div class="col-md-12  height35 ">
                                                                    <b class="text-muted">Address : &nbsp; </b>
                                                                    <asp:Label ID="EmergencyAddressLabel" runat="server" Text='<%# Eval("EmergencyAddress") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                    </div>
                                                                <div class="col-md-6">
                                                                <div class="col-md-12">
                                                                    <asp:Label ID="PermanentLabel" runat="server" Text="Permanent Address" Font-Underline="true"
                                                                        Font-Size="14px" Font-Bold="true" CssClass="pb5" />
                                                                </div>

                                                                
                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">City : &nbsp; </b>
                                                                    <asp:Label ID="PermanentCityLabel" runat="server" Text='<%# Eval("PermanentCity") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">State : &nbsp; </b>
                                                                    <asp:Label ID="PermanentStateLabel" runat="server" Text='<%# Eval("PermanentState") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">Pin Code : &nbsp; </b>
                                                                    <asp:Label ID="PermanentZipCodeLabel" runat="server" Text='<%# Eval("PermanentZipCode") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-6  height35 ">
                                                                    <b class="text-muted">Contact No. : &nbsp; </b>
                                                                    <asp:Label ID="PermanentContactNoLabel" runat="server" Text='<%# Eval("PermanentContactNo") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                    <div class="col-md-12  height35 ">
                                                                    <b class="text-muted">Address : &nbsp; </b>
                                                                    <asp:Label ID="PermanentAddressLabel" runat="server" Text='<%# Eval("PermanentAddress") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
  </div>
                                                            </div>
                                                        </div>
                                                    </itemtemplate>
                                                            <%--</asp:DataList>--%>
                                                        </div>

                                                    </div>

                                                    <div class="himssuHeader6WireBox col-md-12 " id="StatutoryDetailDiv" runat="server">
                                                        <div class="himsBoxHeader card-head inner" id="Div26" runat="server" visible="true">

                                                            <div class="himsBoxTitle">
                                                                <div class="gridHeaderText">
                                                                    <header>
                                                                        <asp:Label CssClass="" ID="Label43" Text="Statutory Detail" runat="server" Font-Bold="True"
                                                                            meta:resourcekey="GridViewLabelResource1" />
                                                                    </header>
                                                                </div>

                                                            </div>
                                                        </div>
                                                        <div class="himsBoxContent pTop5">
                                                            <div id="Div27" class="himsBoxContentMsg" runat="server" visible="False">
                                                            </div>
                                                            <%--<asp:DataList ID="TransportDataList" runat="server">--%>
                                                            <itemstyle cssclass="" />
                                                            <itemtemplate>
                                                        <div class="profilediv">
                                                            <div class="midborder profilediv paddingbottom">

                                                                <div class="col-md-12 ">
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">EPF Number : &nbsp; </b>
                                                                    <asp:Label ID="EPFNumberLabel" runat="server" Text='<%# Eval("EPFNumber") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">EPF Join Date : &nbsp; </b>
                                                                    <asp:Label ID="EPFJoinDateLabel" runat="server" Text='<%# Eval("EPFJoinDate") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">ESI Number : &nbsp; </b>
                                                                    <asp:Label ID="ESINumberLabel" runat="server" Text='<%# Eval("ESINumber") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Bank Name : &nbsp; </b>
                                                                    <asp:Label ID="BankNameLabel" runat="server" Text='<%# Eval("BankName") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Branch : &nbsp; </b>
                                                                    <asp:Label ID="BranchLabel" runat="server" Text='<%# Eval("Branch") %>' CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Account Number : &nbsp; </b>
                                                                    <asp:Label ID="AccountNumberLabel" runat="server" Text='<%# Eval("AccountNumber") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Account Holder Name : &nbsp; </b>
                                                                    <asp:Label ID="AccountHolderNameLabel" runat="server" Text='<%# Eval("AccountHolderName") %>' CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">IFSC Number : &nbsp; </b>
                                                                    <asp:Label ID="IFSCNumberLabel" runat="server" Text='<%# Eval("IFSCNumber") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Pan Number : &nbsp; </b>
                                                                    <asp:Label ID="PanNumberLabel" runat="server" Text='<%# Eval("PanNumber") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                
                                                                
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Increment Date : &nbsp; </b>
                                                                    <asp:Label ID="IncrementDateLabel" runat="server" Text='<%# Eval("IncrementDate") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Retirement Date : &nbsp; </b>
                                                                    <asp:Label ID="RetirementDateLabel" runat="server" Text='<%# Eval("RetirementDate") %>' CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Payroll : &nbsp; </b>
                                                                    <asp:Label ID="PayrollLabel" runat="server" Text='<%# Eval("Payroll") %>' CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Payroll Group : &nbsp; </b>
                                                                    <asp:Label ID="PayrollGroupLabel" runat="server" Text='<%# Eval("PayrollGroup") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">BasicPay : &nbsp; </b>
                                                                    <asp:Label ID="BasicPayLabel" runat="server" Text='<%# Eval("BasicPay") %>' CssClass="fieldlabel1" />
                                                                </div>

                                                                <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">UAN : &nbsp; </b>
                                                                    <asp:Label ID="UANLabel" runat="server" Text='<%# Eval("UAN") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>
                                                                    </div>
                                                               <div class="col-md-2 pr-0 mb-1">
                                                                    <div class="">
                                                                        <img id="EmployeeImage2" alt="Profile Pic" class="img-responsive employeeProfileImgTag img-fluid">
                                                                    </div>
                                                                </div>

                                                                <div class="col-md-2 pr-0 mb-1">
                                                                    <div class="">
                                                                        <img id="SignImage2" alt="Upload Sign" class="img-responsive employeeProfileImgTag img-fluid">
                                                                    </div>
                                                                </div>
                                                               <%-- <div class="col-md-3  height35 ">
                                                                    <b class="text-muted">Conductor Mobile No : &nbsp; </b>
                                                                    <asp:Label ID="TransportDropRouteConductorMobileNoLabel" runat="server" Text='<%# Eval("DropRouteConductorMobileNo") %>'
                                                                        CssClass="fieldlabel1" />
                                                                </div>--%>
     
                                                            </div>
                                                        </div>
                                                    </itemtemplate>
                                                            <%--</asp:DataList>--%>
                                                        </div>

                                                    </div>


                                                </asp:Panel>
                                            </div>
                                        </div>

                                        <div id="AttendanceDiv" class="himsBoxContent card-body card card-box tab-pane fade" role="tabpanel" runat="server">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content">
                                                        <div class="wizard-form">
                                                            <div class="wizard-header">
                                                            </div>
                                                            <div class="col-md-12">
                                                                <input type="button" id="EmployeeEntryRedirectButton" value="Employee Register" onclick="EmployeeEntryRedirect(false);" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="MonthlyAttendanceRegisterRedirectButton" value="Monthly Attendance Register" onclick="MonthlyAttendanceRegisterRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="MonthlyAttendanceRedirectButton" value="Monthly Attendance" onclick="MonthlyAttendanceRedirect();" class="btn fa-solid fa-location-arrow" />
                                                            </div>
                                                            <div class="col-md-12 pTop5">


                                                                <%--<div class="col-xl-5 col-lg-5 col-md-6 col-sm-6 col-12  mb-2">
                                                            <div class="media-body">
                                                                <h4 class="mb-1 text-grey">
                                                                    <asp:Label ID="AttendanceTypeLabel" runat="server" Text="Attendance Type"></asp:Label>
                                                                </h4>
                                                                <asp:DropDownList runat="server" ID="AttendanceTypeDropDownList" SkinID="CustomWidthDropDownList"
                                                                    CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onchange="GetAttedanceDeatil(this);">
                                                                </asp:DropDownList>
                                                            </div>
                                                        </div>--%>

                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered" id="Atddiv">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Month</th>
                                                                                <th scope="col">Working Days</th>
                                                                                <th scope="col">Present Days</th>
                                                                                <th scope="col">Absent Days</th>
                                                                                <th scope="col">Paid Leave</th>
                                                                                <th scope="col">UnPaid Leave (LWP)</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvAttedanceGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>

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

                                        <div id="LeaveDiv" class="himsBoxContent card-body card card-box tab-pane fade" role="tabpanel" runat="server">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content">
                                                        <div class="wizard-form">
                                                            <div class="wizard-header">
                                                            </div>
                                                            <div class="col-md-12">
                                                                <input type="button" id="AddLeaveRedirectButton" value="Add Leave" onclick="AddLeaveEntryRedirect(false);" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="AddLeaveBalanceRedirectButton" value="Add Leave Balance" onclick="AddLeaveBalanceRedirect(false);" class="btn fa-solid fa-location-arrow" />
                                                                <%--<input type="button" id="MonthlyAttendanceRedirectButton" value="Monthly Attendance" onclick="MonthlyAttendanceRedirect();" class="btn fa-solid fa-location-arrow" />--%>
                                                            </div>
                                                            <%--<div class="col-xl-5 col-lg-5 col-md-6 col-sm-6 col-12  mb-2">
                                                            <div class="media-body">
                                                                <h4 class="mb-1 text-grey">
                                                                    <asp:Label ID="AttendanceTypeLabel" runat="server" Text="Attendance Type"></asp:Label>
                                                                </h4>
                                                                <asp:DropDownList runat="server" ID="AttendanceTypeDropDownList" SkinID="CustomWidthDropDownList"
                                                                    CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onchange="GetAttedanceDeatil(this);">
                                                                </asp:DropDownList>
                                                            </div>
                                                        </div>--%>

                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered" id="Leavediv">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Report Date</th>
                                                                                <th scope="col">From Date</th>
                                                                                <th scope="col">To Date</th>
                                                                                <th scope="col">No Of Leave</th>
                                                                                <th scope="col">Leave Type</th>
                                                                                <th scope="col">Leave Reson</th>
                                                                                <th scope="col">Status</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvLeaveGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-12 pTop5">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered " id="LeaveBalencediv">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Leave Type</th>
                                                                                <th scope="col">Total</th>
                                                                                <th scope="col">Used</th>
                                                                                <th scope="col">Pending</th>
                                                                                <th scope="col">Applicable</th>

                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvLeaveBalencedGridDiv">
                                                                        </tbody>
                                                                    </table>

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

                                        <div id="PayrollDiv" class="himsBoxContent card-body card card-box tab-pane fade" role="tabpanel" runat="server">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content">
                                                        <div class="wizard-form">
                                                            <div class="wizard-header">
                                                            </div>
                                                            <div>
                                                                <input type="button" id="PayProcessPreviewRedirectButton" value="Pay Process Preview" onclick="PayProcessPreviewRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="PayProcessEmployeeRedirectButton" value="Pay Process Employee" onclick="PayProcessEmployeeRedirect(false);" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="PayrollAttendanceRedirectButton" value="Payroll Attendance" onclick="PayrollAttendanceRedirect();" class="btn fa-solid fa-location-arrow" />
                                                            </div>
                                                            <div class="col-xl-5 col-lg-5 col-md-6 col-sm-6 col-12">
                                                                <div class="media-body">
                                                                    <h4 class="mt-2 text-grey">
                                                                        <asp:Label ID="PayrollYearLabel" runat="server" Text="Payroll Year"></asp:Label>
                                                                    </h4>
                                                                    <asp:DropDownList runat="server" ID="PayrollYearDropDownList" SkinID="CustomWidthDropDownList"
                                                                        CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onchange="GetPayrollDetail(this);">
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>

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

                                                                <div class="table-responsive mt-1">
                                                                    <table class="table table-striped table-bordered" id="Payrolldiv">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Month Name</th>
                                                                                <th scope="col">Payroll Year</th>
                                                                                <th scope="col">Working Days</th>
                                                                                <th scope="col">Present Days</th>
                                                                                <th scope="col">Total Earning</th>
                                                                                <th scope="col">Total Deduction</th>
                                                                                <th scope="col">Net Amount</th>
                                                                                <th scope="col">Detail</th>
                                                                                <th scope="col">Print</th>
                                                                                <th scope="col">Upload</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvPayrollGridDiv">
                                                                        </tbody>
                                                                    </table>

                                                                </div>
                                                            </div>
                                                            <div id="dvresultpopup" class="modal" role="dialog">
                                                                <div class="modal-dialog">
                                                                    <div class="modal-content pad">
                                                                        <div class="modal-header padd-0">
                                                                            <div class="himsBoxHeader card-head">

                                                                                <div class="himsBoxTitle">
                                                                                    <div class="headerText">
                                                                                        <header>
                                                                                            <asp:Label ID="PayrollMonthDetaillbl" runat="server" Text=""></asp:Label>
                                                                                        </header>
                                                                                    </div>

                                                                                    <div class="pull-right">
                                                                                        <button id="btnClose" title="Close (Esc)" type="button" class="hls-close" onclick="Closepopup();"></button>
                                                                                    </div>
                                                                                </div>

                                                                            </div>
                                                                        </div>
                                                                        <div class="modal-body" id="PayrollEarningDetailDiv">
                                                                            <h5>Earning Details </h5>
                                                                            <table class="table table-bordered table-striped" id="EarningDetailsDiv">
                                                                                <tr>
                                                                                    <th scope="col">Pay Element Name</th>
                                                                                    <th scope="col">Amount</th>
                                                                                </tr>
                                                                                <tbody id="dvearningDetailsGridDiv">
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                        <div class="modal-body" id="PayrollDeductionDetailDiv">
                                                                            <h5>Deduction Details</h5>
                                                                            <table class="table table-bordered table-striped" id="DeductionDetailsDiv">
                                                                                <tr>
                                                                                    <th scope="col">Pay Element Name</th>
                                                                                    <th scope="col">Amount</th>
                                                                                </tr>
                                                                                <tbody id="dvdeductionDetailsGridDiv">
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                    </div>

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

                                        <div id="CertificateDiv" runat="server" class="himsBoxContect card-body card card-box tab-pane fade" role="tabpanel">
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content">
                                                        <div class="wizard-form">
                                                            <div class="tab-content col-md-12">
                                                                <input type="button" id="EmployeementCertificateRedirectButton" value="Employeement Certificate" onclick="EmployeementCertificateRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="ExperienceCertificateRedirectButton" value="Experience Certificate" onclick="ExperienceCertificateRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="RelievingCertificateRedirectButton" value="Relieving Certificate" onclick="RelievingCertificateRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                <input type="button" id="IncrementCertificateRedirectButton" value="Increment Certificate" onclick="IncrementCertificateRedirect();" class="btn fa-solid fa-location-arrow" />
                                                                <div role="tabpanel" class="tab-pane  active" id="1">
                                                                    <div class="design-process-content">
                                                                        <div class="col-md-12 p-0 mt-1">
                                                                            <div class="table-responsive">
                                                                                <table class="table table-striped table-bordered ">
                                                                                    <thead>
                                                                                        <tr>
                                                                                            <th scope="col" style="width: 33.33%">Certificate</th>
                                                                                            <th scope="col" style="width: 33.33%">Create Date Time</th>
                                                                                            <th scope="col" style="width: 33.33%">Print</th>
                                                                                            <th scope="col" style="display: none">CertificateNumber</th>
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody id="dvCertificateGridDiv">
                                                                                    </tbody>
                                                                                </table>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            </section>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ContentTemplate>

    </asp:UpdatePanel>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/employeedetailform")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
    <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.4/dist/JsBarcode.all.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
</asp:Content>
