<%@ page title="Employee" language="C#" masterpagefile="~/Pages/Common/MasterPages/DialogMasterPage_new.master" autoeventwireup="true" inherits="Pages_MobileView_Employee360View, App_Web_kn51qo00" 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="kt-portlet__head-toolbar1 col-md-2">
                            <label>
                                For Class
                            </label>
                            <select class="select">

                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="1">4</option>
                                <option value="2">5</option>
                                <option value="3">6</option>
                            </select>
                        </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 scope="col">Code</th>
                                                                                                        <th scope="col">Assigned To</th>
                                                                                                        <th scope="col">Start Date</th>
                                                                                                        <th scope="col">Due Date</th>
                                                                                                        <th scope="col">Remark </th>
                                                                                                        <th scope="col">Status</th>
                                                                                                        <%--   
                                                                                                        <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>
                                                                            <%--  </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 scope="col">Conduct Date</th>
                                                                                        <th scope="col">Conduct Type</th>
                                                                                        <th scope="col">Title</th>
                                                                                        <th scope="col">Remark</th>
                                                                                        <th scope="col">Created By </th>
                                                                                        <th scope="col">Created Date</th>
                                                                                        <th scope="col">Indicator</th>
                                                                                        <%--<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">Bank Name &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--%>
                                </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>
    <!-- Latest compiled JavaScript -->
    <%--<script src="../../../JavaScript/rjs/require.js"></script>
    <script src="../../../JavaScript/rjs/EmployeeViewProfile.js"></script>--%>
    <script data-main="../../../JavaScript/rjs/Employee360ViewProfile.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 () {

            }
            GetEmployeeDetail();
            GetPayrollYear();
            GetConductBatch();
        });


        function GetAttedanceDeatil() {
            $('#dvAttedanceGridDiv').css('text-align', 'center');

            $.ajax({
                type: "POST",
                url: "/Pages/Hrm/Employee/EmployeeView.aspx/GetAttedanceDeatil",
                data: '{}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    window.setTimeout(function () {
                        $('#Atddiv').show();
                        $("#dvAttedanceGridDiv").html('');
                        if (!data) {
                            $('#dvAttedanceGridDiv').html('<tr><td colspan="9">No Record found !</td><tr>');
                        }
                        else {
                            $(data.d).find('Attedance').each(function () {
                                $("#dvAttedanceGridDiv").append("<tr><td>" + $(this).find('NameofMonth').text() + "</td><td>" + $(this).find('TotalDays').text() + "</td>" + "</td><td>" + $(this).find('WorkingDays').text() + "</td>" + "</td><td>" + $(this).find('PresentDays').text() + "</td>" + "</td><td>" + $(this).find('AbsentDays').text() + "</td>" + "</td><td>" + $(this).find('PaidLeave').text() + "</td></tr>");
                            });
                        }
                    }, 500);
                },
                error: function (xhr, status, error) {

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

        function GetEmployeeDetail() {
            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetEmployeeDetail",
                data: '{}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = $.parseJSON(data.d);

                    if (datas.EmployeePhoto != '' && datas.EmployeePhoto != null)       // MantisId : 0035912
                        $("#EmployeePhotoImg").attr('src', 'data:image/jpg;base64,' + datas.EmployeePhoto);
                    else
                        $("#EmployeePhotoImg").attr('src', '../../../Images/BoyNoImage.png');

                    // Employee Details
                    $("#NameLabel").html(datas.EmployeeName);
                    $("#CodeLabel").html(datas.Code);
                    $("#EmpFullNameLabel").html(datas.EmployeeName);
                    $("#EmpCodeLabel").html(datas.Code);
                    $("#EmpUIDnoLabel").html(datas.UIDNumber);

                    //Communication
                    $("#EmpEmailLabel").html(datas.PersonalEmail);
                    $("#EmpContactNoLabel").html(datas.MobileNumber);
                    $("#CompanyEmailLabel").html(datas.CompanyEmail);
                    $("#CompanyContactNoLabel").html(datas.PhoneNoCompany);
                    $("#PresentAddressLabel").html(datas.PresentAddress);
                    $("#PresentCityLabel").html(datas.PresentCity);
                    $("#PresentStateLabel").html(datas.PresentState);
                    $("#PresentZipCodeLabel").html(datas.PresentZipCode);
                    $("#PresentContactNoLabel").html(datas.PresentContactNo);
                    $("#EmergencyAddressLabel").html(datas.EmergencyAddress);
                    $("#EmergencyCityLabel").html(datas.EmergencyCity);
                    $("#EmergencyStateLabel").html(datas.EmergencyState);
                    $("#EmergencyZipCodeLabel").html(datas.EmergencyZipCode);
                    $("#EmergencyContactNoLabel").html(datas.EmergencyContactNo);
                    $("#PermanentAddressLabel").html(datas.PermanentAddress);
                    $("#PermanentCityLabel").html(datas.PermanentCity);
                    $("#PermanentStateLabel").html(datas.PermanentState);
                    $("#PermanentZipCodeLabel").html(datas.PermanentZipCode);
                    $("#PermanentContactNoLabel").html(datas.PermanentContactNo);

                    //Job Details
                    $("#DesignationLabel").html(datas.EmployeeDesignation);
                    $("#QualificationLabel").html(datas.Qualification);
                    $("#DepartmentLabel").html(datas.OrganizationDepartment);
                    $("#DateOfJoiningLabel").html(datas.DateOfJoiningJSON);

                    //var jsonDate = datas.DateOfJoining;
                    //$("#DateOfJoiningLabel").html(new Date(parseInt(jsonDate.substr(6))));

                    $("#EmployeeGradeLabel").html(datas.EmployeeGrade);
                    $("#EmployeeGroupLabel").html(datas.EmployeeGroup);

                    //Other Details
                    $("#EmpDateOfBirthLabel").html(datas.DateOfBirthJSON)
                    $("#EmpGenderLabel").html(datas.Gender)
                    $("#EmpBloodGroupLabel").html(datas.BloodGroup)
                    $("#MaritalStatusLabel").html(datas.MeritalStatus)


                    $("#UIDNumberLabel").html(datas.UIDNumber)
                    $("#ReligionLabel").html(datas.Religion)
                    $("#CasteCategoryLabel").html(datas.CasteCategory)
                    $("#FamilyCasteLabel").html(datas.FamilyCast)
                    $("#EmpQualificationLabel").html(datas.Qualification)
                    $("#IdentificationMarkLabel").html(datas.IdentificationMark1)
                    $("#AadharNoLabel").html(datas.AdhaarNumber)

                    //Bank Details
                    $("#BankNameLabel").html(datas.BankName)
                    $("#BankBranchLabel").html(datas.BankBranch)
                    $("#IFSCLabel").html(datas.IFSCNumber)
                    $("#AccountLabel").html(datas.AccountNumber)
                    GetPreviousEmploymentDeatil();
                },
                error: function (xhr, status, error) {

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

        function GetPreviousEmploymentDeatil() {

            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetPreviousEmploymentDetail",
                data: '{}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";
                    if (datas != "") {
                        $('#EmpPrevEmployment').html('');
                        $.each($.parseJSON(datas), function (i, item) {


                            var CompanyName, Duration, Designation, Lastsalary, ReasonForLeaving, JobDescription;
                            CompanyName = item.CompanyName;
                            Duration = item.Duration;
                            Designation = item.Designation;
                            Lastsalary = item.Lastsalary;
                            ReasonForLeaving = item.ReasonForLeaving;
                            JobDescription = item.JobDescription;
                            $('#EmpPrevEmployment').append('<tr><td>' + CompanyName + '</td><td>' + Duration + '</td><td>' + Designation + '</td><td>' + Lastsalary + '</td><td>' + ReasonForLeaving + '</td><td>' + JobDescription + '</td></tr>');
                        });
                    }
                    //GetBatch();
                    GetConductBatch();
                    GetTaskAssignedToMe();

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

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



        function GetConductBatch() {
            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetConductBatch",
                data: '{}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";
                    datas = $.parseJSON(datas);
                    if (datas != "") {
                        $('#ConductBatchDropdown').html(datas[0].Result);
                    }
                },
                error: function (xhr, status, error) {

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

        function GetPayrollYear() {
            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetPayrollYear",
                data: '{}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";
                    datas = $.parseJSON(datas);
                    if (datas != "") {
                        //$('#PayrollYearDropdown').html('<option value="-1"> - Select - </option>');
                        $('#PayrollYearDropdown').html(datas[0].Result);
                    }
                    //GetEmployeePayrollDetail();
                    GetTaskAssignedToMe();
                },
                error: function (xhr, status, error) {

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

        $('#PayrollYearDropdown').change(function () {
            var PayrollYearId = $(this).val();
            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/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);
        })

        $('#ctl00_CloseButton').click(function () {
            window.location.href = "../MobileView/EmployeeSearch.aspx";
        });

        function GetTaskAssignedToMe() {

            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetTaskAssignedToMe",
                data: '{}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";
                    if (datas != "") {
                        $('#EmpTaskAssignedtoMe').html('');
                        $.each($.parseJSON(datas), function (i, item) {
                            var Code, AssignedBy, StartDate, DueDate, Remark, Status;
                            Code = item.SourceCode;
                            AssignedBy = item.SourceName;
                            StartDate = item.AssignedDate;
                            DueDate = item.DueDate;
                            Remark = item.Remark;

                            if (item.IsCompleted = 0)
                                Status = "Pending";
                            if (item.IsCompleted = 1)
                                Status = "Completed";
                            $('#EmpTaskAssignedtoMe').append('<tr><td>' + Code + '</td><td>' + AssignedBy + '</td><td>' + StartDate + '</td><td>' + DueDate + '</td><td>' + Remark + '</td><td>' + Status + '</td></tr>');
                        });
                    }
                    GetTaskAssignedByMe();
                },
                error: function (xhr, status, error) {

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

        function GetTaskAssignedByMe() {

            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetTaskAssignedByMe",
                data: '{}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";
                    if (datas != "") {
                        $('#EmpTaskAssignedbyMe').html('');
                        $.each($.parseJSON(datas), function (i, item) {
                            var SourceCode, AssignedTo, AssignedDate, DueDate, Remark, Status;
                            SourceCode = item.SourceCode;
                            AssignedTo = item.SourceName;
                            AssignedDate = item.AssignedDate;
                            DueDate = item.DueDate;
                            Remark = item.Remark;
                            if (item.IsCompleted == 0)
                                Status = "Pending";
                            if (item.IsCompleted == 1)
                                Status = "Completed";
                            $('#EmpTaskAssignedbyMe').append('<tr><td>' + SourceCode + '</td><td>' + AssignedTo + '</td><td>' + AssignedDate + '</td><td>' + DueDate + '</td><td>' + Remark + '</td><td>' + Status + '</td></tr>');
                        });
                    }
                },
                error: function (xhr, status, error) {

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

        function SelectPayrollDetail(obj, SalaryMonth, SalaryYear, PayrollYearId) {
            debugger;
            $.ajax({

                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/SelectPayrollDetail",
                data: '{"SalaryMonth":"' + SalaryMonth + '", "SalaryYear":"' + SalaryYear + '", "PayrollYearId":"' + PayrollYearId + '"}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = $.parseJSON(data.d)
                    openpopup();
                    $('#ctl00_CP_HostelMasterTabContainer_TabPanel2_MonthDetailLabel').text(" Detailed Salary of " + $(obj.closest('tr')).find("td:first").text() + " " + $(obj.closest('tr')).find("td:eq(1)").text());
                    if (datas.EmpEarning == '') {
                        $('#PayrollEarningDetailDiv').show();
                        $('#dvEmployeePayrollEarningDetailGridDiv').html('<tr><td colspan="2">No Record found !</td><tr>');
                    }
                    else {
                        $('#PayrollEarningDetailDiv').show();
                        $('#dvEmployeePayrollEarningDetailGridDiv').html(datas.EmpEarning);
                    }

                    if (datas.EmpDeduction == '') {

                        $('#PayrollDeductionDetailDiv').show();
                        $('#dvEmployeePayrollDeductionDetailGridDiv').html('<tr><td colspan="2">No Record found !</td><tr>');
                    }
                    else {
                        $('#PayrollDeductionDetailDiv').show();
                        $('#dvEmployeePayrollDeductionDetailGridDiv').html(datas.EmpDeduction);
                    }
                    //$('#ctl00_CP_HostelMasterTabContainer_AttedanceTabPanel_AttendanceTypeDropDownList').empty();
                    //$('#Atddiv').hide();
                    //$('#Subjectatdiv').hide();
                },
                error: function (xhr, status, error) {

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

        function openpopup() {
            LoadingMsg('Loading Details', '<b>Please Wait ...</b>');
            window.setTimeout(function () {
                CloseLoading();
                $('.hls-bg').show();
                $('#dvresultpopup').show();
            }, 500);
        }


        function Closepopup() {
            $('.hls-bg').hide();
            $('#dvresultpopup').hide();
        }


        function GetConductEntryDetail() {

            var ConductBatchId = $('#ConductBatchDropdown').val();

            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetConductEntryDetail",
                data: '{"ConductBatchId":"' + ConductBatchId + '"}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";

                    if (datas != "") {
                        $('#ConductDiv').html('');
                        $.each($.parseJSON(datas), function (i, item) {
                            var ConductDate, ConductType, Title, Remark, CreatedBy, CreatedDate, Indicator;
                            ConductDate = item.ConductDateJSON;
                            ConductType = item.ConductType;
                            Title = item.Title;
                            Remark = item.Remark;
                            CreatedBy = item.DisplayTitle;
                            CreatedDate = item.CreatedDateTimeJSON;
                            Indicator = item.ConductIndicator;
                            $('#ConductDiv').append('<tr><td>' + ConductDate + '</td><td>' + ConductType + '</td><td>' + Title + '</td><td>' + Remark + '</td><td>' + CreatedBy + '</td><td>' + CreatedDate + '</td><td>' + Indicator + '</td></tr>');
                        });
                    }
                    if (datas == "") {
                        $('#ConductDiv').html('');
                        $('#ConductDiv').append('<tr><td>No Record found !</td><tr>');
                    }
                },
                error: function (xhr, status, error) {

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

        function GetAppraisalDetail() {

        }

        function GetAttendanceDetail() {
            GetBatch()
        }

        function GetBatch() {
            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetBatch",
                data: '{}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";
                    datas = $.parseJSON(datas);
                    if (datas != "") {
                        $('#BatchDropdown').html(datas[0].Result);
                    }
                    var BatchId = $('#BatchDropdown').val();
                    GetEmployeeLeaveDetails(BatchId);
                },
                error: function (xhr, status, error) {

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

        function GetEmployeeLeaveDetails(BatchId) {

            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetEmployeeLeaveDetails",
                data: '{"BatchId":"' + BatchId + '"}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";
                    if (datas != "") {
                        //alert(datas);
                        $('#EmployeeLeaveDiv').html('');
                        $.each($.parseJSON(datas), function (i, item) {
                            var color = "";
                            var ReportdateString = item.ReportDate.substr(6);
                            var reportdate = new Date(parseInt(ReportdateString));

                            var FromdateString = item.FromDate.substr(6);
                            var fromdate = new Date(parseInt(FromdateString));

                            var TodateString = item.ToDate.substr(6);
                            var todate = new Date(parseInt(TodateString));

                            var FromDate, ToDate, NoOfLeave, ReportDate, LeaveType, LeaveReson, Status;
                            ReportDate = reportdate.getDate() + "/" + (reportdate.getMonth() + 1) + "/" + reportdate.getFullYear();
                            FromDate = fromdate.getDate() + "/" + (fromdate.getMonth() + 1) + "/" + fromdate.getFullYear();
                            ToDate = todate.getDate() + "/" + (todate.getMonth() + 1) + "/" + todate.getFullYear();
                            NoOfLeave = item.NoOfLeave;
                            LeaveType = item.LeaveType;
                            LeaveReson = item.LeaveReason;
                            Status = item.StatusName;

                            if (item.StatusName == "Pending") color = "#ffba4cad";
                            if (item.StatusName == "Approved") color = "#00a65999";
                            if (item.StatusName == "Rejected") color = "#ff8c7de3";

                            $('#EmployeeLeaveDiv').append('<tr><td>' + ReportDate + '</td><td>' + FromDate + '</td><td>' + ToDate + '</td><td>' + NoOfLeave + '</td><td>' + LeaveType + '</td><td>' + LeaveReson + '</td><td style="background-color:' + color + '; text-align:center">' + Status + '</td></tr>');
                        });
                    }
                    GetEmployeeAttendanceDetails(BatchId);
                },
                error: function (xhr, status, error) {

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

        function GetEmployeeAttendanceDetails(BatchId) {

            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetEmployeeAttendanceDetails",
                data: '{"BatchId":"' + BatchId + '"}',
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var datas = "[" + (data.d) + "]";
                    if (datas != "") {
                        $('#EmployeeAttendanceDiv').html('');
                        $.each($.parseJSON(datas), function (i, item) {
                            var Month, WorkingDays, PresentDays, LWP, PaidLeave, UnPaidLeave;
                            Month = item.Month + '-' + item.ForYear;
                            WorkingDays = item.WorkingDays;
                            PresentDays = item.PresentDays;
                            LWP = item.LWP;
                            PaidLeave = item.PaidLeave;
                            UnPaidLeave = item.UnPaidLeave;
                            $('#EmployeeAttendanceDiv').append('<tr><td>' + Month + '</td><td>' + WorkingDays + '</td><td>' + PresentDays + '</td><td>' + LWP + '</td><td>' + PaidLeave + '</td><td>' + UnPaidLeave + '</td></tr>');
                        });

                    }
                    //GetPayrollYear();
                },
                error: function (xhr, status, error) {

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

        function GetPayrollDetail() {

            var PayrollYearId = $('#PayrollYearDropdown').val();
            $.ajax({
                type: "POST",
                url: "/Pages/MobileView/Employee360View.aspx/GetEmployeePayrollDetail",
                data: JSON.stringify({ "PayrollYearId": parseInt(PayrollYearId) }),
                contentType: "application/json;charset=utf-8",
                dataType: "json",
                success: function (data) {
                    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);
                }
            });

        }
    </script>
    <%--<script src="../../../JavaScript/rjs/pagejs/EmployeeViewProfile.js"></script>--%>
    <%--<script data-main='<%=ResolveUrl("~/JavaScript/rjs/StudentViewProfile")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>--%>
    <%--<script data-main="../../JavaScript/rjs/builtjs/StudentViewProfile-built.js" src="../../JavaScript/rjs/require.js"></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>

