<%@ page title="Employee" language="C#" masterpagefile="~/Pages/Common/MasterPages/DialogMasterPage_new.master" autoeventwireup="true" inherits="Pages_Hrm_Employee_Employee360View, App_Web_a0ih5yyi" uiculture="auto" meta:resourcekey="PageResource1" enableEventValidation="false" viewStateEncryptionMode="Never" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="Date" %>
<%@ Register Src="~/UserControls/Common/CommonSearch/CommonSearch.ascx" TagName="CommonSearchUserControl" TagPrefix="Common" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl" TagPrefix="ScreenGroup" %>
<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl" TagPrefix="DPC" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <style type="text/css">
        .fieldlabel1 {
            font-weight: 500;
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
        }

        .skin-blue table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-black table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-purple table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-red table#Atddiv thead tr, .skin-blue table thead tr th,
        .skin-yellow table#Atddiv thead tr, .skin-blue table thead tr th {
            color: #fff !important;
        }


        .skin-blue .table.table-bordered tbody tr:first-child,
        .skin-black .table.table-bordered tbody tr:first-child,
        .skin-purple .table.table-bordered tbody tr:first-child,
        .skin-red .table.table-bordered tbody tr:first-child,
        .skin-yellow .table.table-bordered tbody tr:first-child,
        .skin-darkblack .table.table-bordered tbody tr:first-child,
        .skin-leafgreen .table.table-bordered tbody tr:first-child,
        .skin-orangebold .table.table-bordered tbody tr:first-child,
        .skin-navyblue .table.table-bordered tbody tr:first-child,
        .skin-babypink .table.table-bordered tbody tr:first-child {
            background: transparent !important;
            color: #fff !important;
        }

        .table.table-bordered tbody tr:first-child th,
        .table-bordered > thead > tr > th,
        table.table-bordered tr:first-child td {
            color: unset !important;
            font-weight: 500;
        }
    </style>
    <!-- Compiled and minified CSS -->

    <link href="../../../App_Themes/newTheme/css/profile-stu/profile.css" rel="stylesheet" />
    <asp:UpdatePanel ID="HREmployeeMasterSearchUpdatePanel" runat="server">
        <ContentTemplate>
            <div id="divContentPage">
                <div class="dashBoardLeftCont">
                    <div class="himssuHeader3WireBox">
                        <table>
                            <tr>
                                <td>
                                    <div class="himsBoxContent">
                                        <div class="leftUlMenu">
                                            <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="102"
                                                Visible="true" runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="whiteboxpaddingleft row">
                    <div class="himssuHeader1WireBox">
                        <div class="himsBoxHeader card-head">
                            <div class="leftdiv">
                            </div>
                            <div class="himsBoxTitle">
                                <div class="headerText">
                                    <header>
                                        <i class="fal fa-info-circle"></i>
                                        <asp:Label ID="Label7" runat="server" Text="Employee Profile In Detail"></asp:Label>
                                    </header>
                                </div>
                            </div>
                            <div class="fRight mt-27">
                                <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0"
                                    CssClass="btn btn-back fas" Text="&#xf30a; Back" Visible="false" />
                            </div>
                        </div>
                        <div class="himsBoxContent card-body padd-0">
                            <div class="contentHolder">
                                <div class="profile-banner-top">
                                    <div class="profile-banner-top-left">
                                        <div class="profilediv">
                                            <image id="EmployeePhotoImg" class="employeeprofile employeeviewimg" />
                                        </div>
                                        <div class="profile-info">
                                            <h2>
                                                <%--    Name : &nbsp; --%>
                                                <label id="NameLabel"></label>
                                            </h2>
                                            <p>
                                                <span class="text-muted">Id No : &nbsp; </span>
                                                <label id="CodeLabel"></label>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="profile-banner-top-center" style="display: none">
                                        <div class="chart">
                                            <div class="chart-body">
                                                <h4 class="card-title">Attendance</h4>
                                                <div>
                                                    <!-- column -->
                                                    <div class="col-md-12">
                                                        <canvas id="chart-area" height="150"></canvas>
                                                    </div>
                                                    <!-- column -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="profile-banner-top-right" style="display: none">
                                        <div class="chart">
                                            <div class="chart-body">
                                                <h4 class="card-title">Attendance</h4>
                                                <div>
                                                    <!-- column -->
                                                    <div class="w100">
                                                        <div id="kt_amcharts_6" style="height: 191px; width: 73vh"></div>
                                                    </div>
                                                    <!-- column -->
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="tableContainer col-md-12">
                                <ajaxToolkit:TabContainer ID="HostelMasterTabContainer" runat="server" CssClass="ajax__myTab nav nav-tabs tabs-style-iconbox"
                                    meta:resourcekey="HostelMasterTabContainerResource1" ActiveTabIndex="0">
                                    <%--Employee Details--%>
                                    <ajaxToolkit:TabPanel ID="EmployeeDetails" runat="server" HeaderText="Employee Details">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                                <li class="fancyTab">
                                                    <a onclick="GetEmployeeDetail();"><i class="flaticon-student"></i>Employee Details
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>

                                            <%-- Employee Details --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="TeacherDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Employee Details
                                                        </h3>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active">
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Name &nbsp;</h6>
                                                                    <p id="EmpFullNameLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Code &nbsp;</h6>
                                                                    <p id="EmpCodeLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">UID No &nbsp;</h6>
                                                                    <p id="EmpUIDnoLabel"></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Employee Details --%>

                                            <%-- Communication detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Communication
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-right" role="tablist">
                                                            <li class="nav-item">
                                                                <a class="nav-link active" data-toggle="tab" href="#contact" role="tab" aria-selected="false">Contact Details
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#Present-address" role="tab" aria-selected="false">Present Address  
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link " data-toggle="tab" href="#Emergency-address" role="tab" aria-selected="true">Emergency Address 
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link " data-toggle="tab" href="#Permanent-address" role="tab" aria-selected="true">Permanent Address
                                                                </a>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active" id="contact" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Email</h6>
                                                                        <p id="EmpEmailLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Mobile No</h6>
                                                                        <p id="EmpContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Company Email</h6>
                                                                        <p id="CompanyEmailLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Company Contact No</h6>
                                                                        <p id="CompanyContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="Present-address" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Address</h6>
                                                                        <p id="PresentAddressLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">City</h6>
                                                                        <p id="PresentCityLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">State</h6>
                                                                        <p id="PresentStateLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Pin Code</h6>
                                                                        <p id="PresentZipCodeLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Contact No.</h6>
                                                                        <p id="PresentContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="Emergency-address" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Address</h6>
                                                                        <p id="EmergencyAddressLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">City</h6>
                                                                        <p id="EmergencyCityLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">State</h6>
                                                                        <p id="EmergencyStateLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Pin Code</h6>
                                                                        <p id="EmergencyZipCodeLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Contact No.</h6>
                                                                        <p id="EmergencyContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="tab-pane" id="Permanent-address" role="tabpanel">
                                                            <div id="">
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">Address</h6>
                                                                        <p id="PermanentAddressLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body ">
                                                                        <h6 class="mb-1 text-grey">City</h6>
                                                                        <p id="PermanentCityLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">State</h6>
                                                                        <p id="PermanentStateLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Pin Code </h6>
                                                                        <p id="PermanentZipCodeLabel"></p>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                    <div class="media-body">
                                                                        <h6 class="mb-1 text-grey">Contact No.</h6>
                                                                        <p id="PermanentContactNoLabel"></p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Communication detail --%>

                                            <%-- Job detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="JobDetailDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Job Information
                                                        </h3>
                                                    </div>

                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active">
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Designation </h6>
                                                                    <p id="DesignationLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Qualification </h6>
                                                                    <p id="QualificationLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Department </h6>
                                                                    <p id="DepartmentLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Date Of Joining</h6>
                                                                    <p id="DateOfJoiningLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Employee Grade</h6>
                                                                    <p id="EmployeeGradeLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Employee Group</h6>
                                                                    <p id="EmployeeGroupLabel"></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Job detail --%>

                                            <%-- Other detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="OtherDetailDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Other Details
                                                        </h3>
                                                    </div>

                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active">
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12 mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Date Of Birth </h6>
                                                                    <p id="EmpDateOfBirthLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body ">
                                                                    <h6 class="mb-1 text-grey">Gender  </h6>
                                                                    <p id="EmpGenderLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Blood Group </h6>
                                                                    <p id="EmpBloodGroupLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">UID Number</h6>
                                                                    <p id="UIDNumberLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Religion</h6>
                                                                    <p id="ReligionLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Caste Category</h6>
                                                                    <p id="CasteCategoryLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Family Caste</h6>
                                                                    <p id="FamilyCasteLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Qualification</h6>
                                                                    <p id="EmpQualificationLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Identification Mark</h6>
                                                                    <p id="IdentificationMarkLabel"></p>
                                                                </div>
                                                            </div>
                                                            <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">Aadhar No.</h6>
                                                                    <p id="AadharNoLabel"></p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Other detail --%>

                                            <%-- Previous Employment detail --%>
                                            <div class="kt-portlet kt-portlet--tabs" id="SiblingDetailDiv">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">Previous Employment Detail
                                                        </h3>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane active">
                                                            <div class="col-12 mb-2 table-responsive">
                                                                <table class="table table-bordered table-striped width-100 midborder profilediv paddingbottom ">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>
                                                                                <asp:Label ID="Label3" runat="server" Text="Company Name" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="Label4" runat="server" Text="Duration" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="Label6" runat="server" Text="Designation" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="Label13" runat="server" Text="Last Salary" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="Label14" runat="server" Text="Reason For Leave" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="Label1" runat="server" Text="Job Description" />
                                                                            </th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody id="EmpPrevEmployment">
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <%-- Previous Employment detail --%>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>


                                    <%-- Attendance--%>
                                    <ajaxToolkit:TabPanel ID="AttedanceTabPanel" runat="server" HeaderText="Attedance">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a id="Attedancelink" onclick="GetAttendanceDetail();"><i class="flaticon-list"></i>Attendance
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">
                                                            <div class="wizard-header">
                                                            </div>
                                                            <div class="col-xl-5 col-lg-5 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">
                                                                        <asp:Label ID="Label9" runat="server" Text="Batch"></asp:Label>
                                                                    </h6>
                                                                    <select id="BatchDropdown" class="form-control">
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">
                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">Employee Leave Details
                                                                    </h3>
                                                                </div>
                                                            </div>
                                                            <div class="himsBoxContent col-md-12">
                                                            </div>
                                                            <div class="col-12 mb-2 col-md-12 pTop10 table-responsive">
                                                                <table class="table table-bordered table-striped width-100 midborder profilediv paddingbottom">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>
                                                                                <asp:Label ID="ReportDateLabel" runat="server" Text="Report Date" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="FromDateLabel" runat="server" Text="From Date" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="ToDateLabel" runat="server" Text="To Date" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="NoOfLeaveLabel" runat="server" Text="No Of Leave" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="LeaveTypeLabel" runat="server" Text="Leave Type" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="LeaveResonLabel" runat="server" Text="Leave Reson" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="StatusLabel" runat="server" Text="Status" />
                                                                            </th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody id="EmployeeLeaveDiv">
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-12">
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">
                                                            <div class="kt-portlet__head">
                                                                <div class="kt-portlet__head-label">
                                                                    <h3 class="kt-portlet__head-title">Employee Attendance Details
                                                                    </h3>
                                                                </div>
                                                            </div>
                                                            <div class="himsBoxContent col-md-12">
                                                            </div>
                                                            <div class="col-12 mb-2 col-md-12 pTop10 table-responsive">
                                                                <table class="table table-bordered table-striped width-100 midborder profilediv paddingbottom ">
                                                                    <thead>
                                                                        <tr>
                                                                            <th>
                                                                                <asp:Label ID="MonthLabel" runat="server" Text="Month" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="WorkingDaysLabel" runat="server" Text="Working Days" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="PresentDaysLabel" runat="server" Text="Present Days" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="AbsentDaysLabel" runat="server" Text="Absent Days" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="PaidLeaveLabel" runat="server" Text="Paid Leave" />
                                                                            </th>
                                                                            <th>
                                                                                <asp:Label ID="UnPaidLeaveLabel" runat="server" Text="UnPaid Leave (LWP)" />
                                                                            </th>
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody id="EmployeeAttendanceDiv">
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>
                                    <%-- Attendance--%>

                                    <%-- Payroll--%>
                                    <ajaxToolkit:TabPanel ID="TabPanel2" runat="server" HeaderText="Payroll">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a onclick="GetPayrollDetail();" id="Payrolllink"><i class="flaticon-money"></i>Payroll
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <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-xl-5 col-lg-5 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">
                                                                        <asp:Label ID="Label5" runat="server" Text="Payroll Year"></asp:Label>
                                                                    </h6>
                                                                    <select id="PayrollYearDropdown" class="form-control">
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="kt-portlet__body">
                                                                <div class="tab-content">
                                                                    <div class="tab-pane active">
                                                                        <div class="col-12 mb-2 table-responsive">
                                                                            <table class="table table-bordered table-striped width-100 midborder profilediv paddingbottom ">
                                                                                <thead>
                                                                                    <tr>
                                                                                        <th>
                                                                                            <asp:Label ID="PayrollMonthNameLabel" runat="server" Text="Month Name" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="PayrollYearLabel" runat="server" Text="Payroll Year" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="PayrollWorkingDaysLabel" runat="server" Text="Working Days" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="PayrollPresentDaysLabel" runat="server" Text="Present Days" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="PayrollTotalEarningLabel" runat="server" Text="Total Earning" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="PayrollTotalDeductionLabel" runat="server" Text="Total Deduction" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="PayrollNetAmountLabel" runat="server" Text="Net Amount" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="PayrollDetailLabel" runat="server" Text="Detail" />
                                                                                        </th>
                                                                                    </tr>
                                                                                </thead>
                                                                                <tbody id="EmployeePayrollDiv">
                                                                                </tbody>
                                                                            </table>
                                                                        </div>

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

                                                                                            <div class="himsBoxTitle">
                                                                                                <div class="headerText">
                                                                                                    <header>
                                                                                                        <asp:Label ID="MonthDetailLabel" 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">
                                                                                        <div class="kt-portlet__head">
                                                                                            <div class="kt-portlet__head-label">
                                                                                                <h5 class="kt-portlet__head-title">Earning Details
                                                                                                </h5>
                                                                                            </div>
                                                                                        </div>
                                                                                        <table class="table table-bordered table-striped" id="PayrollEarningDetailDiv">
                                                                                            <tr>
                                                                                                <th scope="col">Pay Element Name</th>
                                                                                                <th scope="col">Amount</th>
                                                                                            </tr>
                                                                                            <tbody id="dvEmployeePayrollEarningDetailGridDiv">
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </div>

                                                                                    <div class="modal-body">
                                                                                        <div class="kt-portlet__head">
                                                                                            <div class="kt-portlet__head-label">
                                                                                                <h5 class="kt-portlet__head-title">Deduction Details
                                                                                                </h5>
                                                                                            </div>
                                                                                        </div>
                                                                                        <table class="table table-bordered table-striped" id="PayrollDeductionDetailDiv">
                                                                                            <tr>
                                                                                                <th scope="col">Pay Element Name</th>
                                                                                                <th scope="col">Amount</th>
                                                                                            </tr>
                                                                                            <tbody id="dvEmployeePayrollDeductionDetailGridDiv">
                                                                                            </tbody>
                                                                                        </table>
                                                                                    </div>
                                                                                </div>

                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>
                                    <%-- Payroll--%>

                                    <%--Assigned Task--%>
                                    <ajaxToolkit:TabPanel ID="TabPanel4" runat="server" HeaderText="Assigned Task">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a id="AssignedTasklink"><i class="flaticon-list-1"></i>Assigned Task
                                                        <%--onclick="GetAssignedTask();"--%>
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="himsBoxContent col-md-12 p-0">
                                                        <div class="wizard-v4-content kt-portlet">
                                                            <div class="wizard-form">
                                                                <div id="Div1" class="himsBoxContentMsg" runat="server">
                                                                    <asp:UpdatePanel ID="UpdatePanel3" runat="server" UpdateMode="Always">
                                                                        <ContentTemplate>
                                                                            <div class="kt-portlet__head">
                                                                                <div class="kt-portlet__head-label">
                                                                                    <h3 class="kt-portlet__head-title">Task Assigned To Me
                                                                                    </h3>
                                                                                </div>
                                                                            </div>
                                                                            <div class="kt-portlet__body">
                                                                                <div class="tab-content">
                                                                                    <div class="tab-pane active">
                                                                                        <div class="col-12 mb-2 table-responsive">
                                                                                            <table class="table table-bordered table-striped width-100 midborder profilediv paddingbottom ">
                                                                                                <thead>
                                                                                                    <tr>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedToMeCodeLabel" runat="server" Text="Code" />
                                                                                                        </th>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedToMeAssignedByLabel" runat="server" Text="Assigned By" />
                                                                                                        </th>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedToMeStartDateLabel" runat="server" Text="Start Date" />
                                                                                                        </th>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedToMeDueDateLabel" runat="server" Text="Due Date" />
                                                                                                        </th>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedToMeRemarkLabel" runat="server" Text="Remark" />
                                                                                                        </th>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedToMeStatusLabel" runat="server" Text="Status" />
                                                                                                        </th>
                                                                                                    </tr>
                                                                                                </thead>
                                                                                                <tbody id="EmpTaskAssignedtoMe"></tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>

                                                                        </ContentTemplate>
                                                                    </asp:UpdatePanel>
                                                                </div>
                                                            </div>


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

                                                <div class="col-md-12 p0">
                                                    <div class="wizard-v4-content kt-portlet">
                                                        <div class="wizard-form">
                                                            <div class="himsBoxContent  col-md-12 p-0">
                                                                <div id="Div5" class="himsBoxContentMsg" runat="server">
                                                                    <asp:UpdatePanel ID="UpdatePanel4" runat="server" UpdateMode="Always">
                                                                        <ContentTemplate>
                                                                            <div class="kt-portlet__head">
                                                                                <div class="kt-portlet__head-label">
                                                                                    <h3 class="kt-portlet__head-title">Task Assigned By Me
                                                                                    </h3>
                                                                                </div>
                                                                            </div>
                                                                            <div class="kt-portlet__body">
                                                                                <div class="tab-content">
                                                                                    <div class="tab-pane active">
                                                                                        <div class="col-12 mb-2 table-responsive">
                                                                                            <table class="table table-bordered table-striped width-100 midborder profilediv paddingbottom ">
                                                                                                <thead>
                                                                                                    <tr>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedByMeCodeLabel" runat="server" Text="Code" />
                                                                                                        </th>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedByMeAssignedToLabel" runat="server" Text="Assigned To" />
                                                                                                        </th>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedByMeStartDateLabel" runat="server" Text="Start Date" />
                                                                                                        </th>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedByMeDueDateLabel" runat="server" Text="Due Date" />
                                                                                                        </th>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedByMeRemarkLabel" runat="server" Text="Remark" />
                                                                                                        </th>
                                                                                                        <th>
                                                                                                            <asp:Label ID="TaskAssignedByMeStatusLabel" runat="server" Text="Status" />
                                                                                                        </th>
                                                                                                    </tr>
                                                                                                </thead>
                                                                                                <tbody id="EmpTaskAssignedbyMe">
                                                                                                </tbody>
                                                                                            </table>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </ContentTemplate>
                                                                    </asp:UpdatePanel>
                                                                </div>
                                                            </div>



                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>
                                    <%--Assigned Task--%>

                                    <%--Conduct Entry--%>
                                    <ajaxToolkit:TabPanel ID="TabPanel3" runat="server" HeaderText="ConductEntry">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a id="ConductLink" onclick="GetConductEntryDetail();"><i class="flaticon-portfolio"></i>Conduct Entry
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <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-xl-5 col-lg-5 col-md-6 col-sm-6 col-12  mb-2">
                                                                <div class="media-body">
                                                                    <h6 class="mb-1 text-grey">
                                                                        <asp:Label ID="Label2" runat="server" Text="Batch"></asp:Label>
                                                                    </h6>
                                                                    <select id="ConductBatchDropdown" class="form-control">
                                                                    </select>
                                                                </div>
                                                            </div>

                                                            <div class="kt-portlet__body">
                                                                <div class="tab-content">
                                                                    <div class="tab-pane active">
                                                                        <div class="col-12 mb-2 table-responsive">
                                                                            <table class="table table-bordered table-striped width-100 midborder profilediv paddingbottom ">
                                                                                <thead>
                                                                                    <tr>
                                                                                        <th>
                                                                                            <asp:Label ID="ConductDateLabel" runat="server" Text="Conduct Date" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="ConductTypeLabel" runat="server" Text="Conduct Type" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="TitleLabel" runat="server" Text="Title" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="RemarkLabel" runat="server" Text="Remark" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="CreatedByLabel" runat="server" Text="Created By" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="CreatedDateLabel" runat="server" Text="Created Date" />
                                                                                        </th>
                                                                                        <th>
                                                                                            <asp:Label ID="IndicatorLabel" runat="server" Text="Indicator" />
                                                                                        </th>
                                                                                    </tr>
                                                                                </thead>
                                                                                <tbody id="ConductDiv">
                                                                                </tbody>
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>
                                    <%-- Conduct Entry--%>

                                    <%-- Appraisal--%>
                                    <ajaxToolkit:TabPanel ID="TabPanel1" runat="server" HeaderText="Appraisal">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a id="Appraisallink"><i class="flaticon-report"></i>Appraisal
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">

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

                                                    <div class="himsBoxContent col-md-12 p-0">
                                                        <div class="wizard-v4-content kt-portlet">
                                                            <div class="wizard-form">
                                                                <div id="Div3" class="himsBoxContentMsg" runat="server">
                                                                    <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Always">
                                                                        <ContentTemplate>
                                                                            <div class="kt-portlet__head">
                                                                                <div class="kt-portlet__head-label">
                                                                                    <h3 class="kt-portlet__head-title">KPA Details
                                                                                    </h3>
                                                                                </div>
                                                                            </div>
                                                                            <div class="kt-portlet__body">
                                                                                <div id="DivKPA" runat="server"></div>
                                                                            </div>

                                                                        </ContentTemplate>
                                                                    </asp:UpdatePanel>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="himsBoxContent  col-md-12 p-0">
                                                        <div class="wizard-v4-content kt-portlet">
                                                            <div class="wizard-form">
                                                                <div id="Div2" class="himsBoxContentMsg" runat="server">
                                                                    <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Always">
                                                                        <ContentTemplate>
                                                                            <div class="kt-portlet__head">
                                                                                <div class="kt-portlet__head-label">
                                                                                    <h3 class="kt-portlet__head-title">Competencies Details
                                                                                    </h3>
                                                                                </div>
                                                                            </div>
                                                                            <div class="kt-portlet__body">
                                                                                <div id="DivCompetencies" runat="server"></div>
                                                                            </div>
                                                                        </ContentTemplate>
                                                                    </asp:UpdatePanel>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>
                                    <%-- Appraisal--%>

                                    <%--Bank Details--%>
                                    <ajaxToolkit:TabPanel ID="TabPanel5" runat="server" HeaderText="Appraisal">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a id="BankDetailLink"><i class="fa fa-bank"></i>Bank Details
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <div class="himsBoxContent col-md-12 p-0">
                                                        <div class="wizard-v4-content kt-portlet">
                                                            <div class="wizard-form">
                                                                <div id="Div4" class="himsBoxContentMsg" runat="server">
                                                                    <asp:UpdatePanel ID="UpdatePanel5" runat="server" UpdateMode="Always">
                                                                        <ContentTemplate>
                                                                            <div class="kt-portlet__head">
                                                                                <div class="kt-portlet__head-label">
                                                                                    <h3 class="kt-portlet__head-title">Bank Details
                                                                                    </h3>
                                                                                </div>
                                                                            </div>
                                                                            <div class="kt-portlet__body">
                                                                                <div id="Div6" runat="server">
                                                                                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                                        <div class="media-body ">
                                                                                            <h6 class="mb-1 text-grey">BankName &nbsp;</h6>
                                                                                            <p id="BankNameLabel"></p>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                                        <div class="media-body">
                                                                                            <h6 class="mb-1 text-grey">Branch &nbsp;</h6>
                                                                                            <p id="BankBranchLabel"></p>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                                        <div class="media-body">
                                                                                            <h6 class="mb-1 text-grey">IFSC No &nbsp;</h6>
                                                                                            <p id="IFSCLabel"></p>
                                                                                        </div>
                                                                                    </div>
                                                                                    <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12  mb-2">
                                                                                        <div class="media-body">
                                                                                            <h6 class="mb-1 text-grey">Account No &nbsp;</h6>
                                                                                            <p id="AccountLabel"></p>
                                                                                        </div>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </ContentTemplate>
                                                                    </asp:UpdatePanel>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>
                                    <%--Bank Details--%>

                                    <%--Library--%>
                                    <ajaxToolkit:TabPanel ID="LibraryTabPanel" runat="server" HeaderText="Library">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs border-left">
                                                <li class="fancyTab">
                                                    <a onclick="GetLibraryDetail();"><i class="flaticon-book"></i>Library
                                                    </a>
                                                </li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <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">
                                                                <div class="table-responsive">
                                                                    <table class="table table-striped table-bordered">
                                                                        <thead>
                                                                            <tr>
                                                                                <th scope="col">Library</th>
                                                                                <th scope="col">Book Code</th>
                                                                                <th scope="col">Book Title</th>
                                                                                <th scope="col">Log Date</th>
                                                                                <th scope="col">Due Date</th>
                                                                                <th scope="col">Status</th>
                                                                            </tr>
                                                                        </thead>
                                                                        <tbody id="dvBookGridDiv">
                                                                        </tbody>
                                                                    </table>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </ajaxToolkit:TabPanel>
                                    <%--Library--%>
                                </ajaxToolkit:TabContainer>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </ContentTemplate>
    </asp:UpdatePanel>
    <!-- jQuery library -->

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
    <!-- Popper JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <script src="../../../App_Themes/newTheme/js/Chart.min.js"></script>
    <script src="../../../App_Themes/newTheme/js/utils.js"></script>
    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
    <script data-main="../../../JavaScript/rjs/EmployeeViewProfile.js" src="../../../JavaScript/rjs/require.js"></script>
    <script>
        var randomScalingFactor = function () {
            return Math.round(Math.random() * 100);
        };

        var chartColors = window.chartColors;
        var color = Chart.helpers.color;
        var config = {
            "data": {
                "labels": ["High", "Moderate", "Low"],
                "datasets": [{
                    "label": "My First Dataset",
                    "data": [11, 16, 18],
                    "backgroundColor": ["rgb(252, 75, 108)", "rgb(75, 192, 192)", "rgb(255, 178, 43)"
                    ]
                }
                ]
            },
            options: {
                responsive: true,
                legend: {
                    position: 'top',
                    labels: {
                        fontColor: "white",
                        fontSize: 12
                    }
                },
                title: {
                    display: false,
                    text: 'Chart.js Polar Area Chart'
                },
                scale: {
                    ticks: {
                        beginAtZero: true,
                        fontColor: "white",

                    },
                    reverse: false
                },
                animation: {
                    animateRotate: false,
                    animateScale: true
                }
            }
        };


        var ctx = document.getElementById('chart-area');
        window.myPolarArea = Chart.PolarArea(ctx, config);

        //wizard
        // script for tab steps
        $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {

            var href = $(e.target).attr('href');
            var $curr = $(".process-model  a[href='" + href + "']").parent();

            $('.process-model li').removeClass();

            $curr.addClass("active");
            $curr.prevAll().addClass("visited");
        });
        // end  script for tab steps
        $(document).ready(function () {
            $('.select').formSelect();
            var demo6 = function () {

            }
        });

        $('#PayrollYearDropdown').change(function () {
            var PayrollYearId = $(this).val();
            $.ajax({
                type: "POST",
                url: "/Pages/Hrm/Employee/Employee360View.aspx/GetEmployeePayrollDetail",
                data: JSON.stringify({ "PayrollYearId": parseInt(PayrollYearId) }),
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    //var datas = "[" + (data.d) + "]";
                    //datas = $.parseJSON(datas);

                    //console.log(datas);

                    //if (datas != "") {
                    //    $('#EmployeePayrollDiv').html('');
                    //    $.each(datas[0], function (i, item) {
                    //        var MonthName, WorkingDays, PresentDays, TotalEarning, TotalDeduction, NetAmount;
                    //        MonthName = item.Month;
                    //        WorkingDays = item.PayrollPaySlipDetails.WorkingDays;
                    //        PresentDays = item.PayrollPaySlipDetails.PresentDays;
                    //        TotalEarning = item.PayrollPaySlipDetails.BasicAmount;
                    //        TotalDeduction = item.PayrollPaySlipDetails.BasicAmount - item.PayrollPaySlipDetails.NetAmount;
                    //        NetAmount = item.PayrollPaySlipDetails.NetAmount;
                    //        $('#EmployeePayrollDiv').append('<tr><td>' + MonthName + '</td><td>' + WorkingDays + '</td><td>' + PresentDays + '</td><td>' + TotalEarning + '</td><td>' + TotalDeduction + '</td><td>' + NetAmount + '</td></tr>');
                    //    });
                    //}

                    window.setTimeout(function () {
                        var datas = $.parseJSON(data.d);
                        if (datas.EmpGrid == '') {
                            $('#EmployeePayrollDiv').html('<tr><td colspan="9">No Record found !</td><tr>');
                        }
                        else {
                            $('#EmployeePayrollDiv').html(datas.EmpGrid);

                        }
                    }, 500);
                },
                error: function (xhr, status, error) {

                    var err = eval("(" + xhr.responseText + ")");
                    console.log(err.Message);
                }
            });

        })

        $('#BatchDropdown').change(function () {
            var BatchId = $(this).val();
            GetEmployeeLeaveDetails(BatchId);
            GetEmployeeAttendanceDetails(BatchId);
        })

        $('#ConductBatchDropdown').change(function () {
            var ConductBatchId = $(this).val();
            GetConductEntryDetail(ConductBatchId);
        })

    </script>

    <script src="../../../App_Themes/newTheme/css/profile-stu/js/amcharts.js"></script>
    <script src="../../../App_Themes/newTheme/css/profile-stu/js/3/radar.js"></script>
    <script src="../../../App_Themes/newTheme/css/profile-stu/js/3/serial.js"></script>
    <script src="../../../App_Themes/newTheme/css/profile-stu/js/3/pie.js"></script>
    <script src="../../../App_Themes/newTheme/css/profile-stu/js/charts.js"></script>

</asp:Content>

