<%@ page title="" language="C#" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" autoeventwireup="true" inherits="Pages_Hrm_Employee_FamilyDetails, App_Web_nn2t5yl1" uiculture="auto" enableEventValidation="false" viewStateEncryptionMode="Never" %>

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

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="HREmployeeMasterSearchUpdatePanel" runat="server">
        <ContentTemplate>
            <Common:CommonSearchUserControl ID="CommonSearchControl" runat="server" Visible="false" />
            <div id="divContentPage" class="divcontentpagemargin">

                <div class="dashBoardLeftCont" valign="top">
                    <div class="himssuHeader3WireBox">
                        <table width="0px" cellpadding="0" cellspacing="0">
                            <tr>
                                <td>
                                    <div class="himsBoxContent">
                                        <div class="leftUlMenu">
                                            <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="164"
                                                Visible="true" runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="row whiteboxpaddingleft">
                    <div class="himssuHeader1WireBox card card-box">
                        <div class="himsBoxHeader card-head" id="Div4" runat="server" visible="True">
                            <div class="leftdiv">
                            </div>
                            <div class="himsBoxTitle">
                                <div class="headerText fLeft">
                                    <header>
                                        <i class="fas fa-info-circle"></i>
                                        <asp:Label ID="Label4" Text="Employee Detail" runat="server" />
                                    </header>
                                </div>
                            </div>
                            <div class="fRight mt-27 pagination display-flex">
                                <%--<asp:ImageButton AlternateText="First page" ToolTip="First page" ID="FirstRecordImageButton"
                                                runat="server" ImageUrl="~/Images/arrowLlast.gif" OnClick="FirstRecordImageButton_Click" />
                                            <asp:ImageButton AlternateText="Previous page" ToolTip="Previous page" ID="PreviousImageButton"
                                                runat="server" ImageUrl="~/Images/arrowLeft.gif" OnClick="PreviousImageButton_Click" />
                                            <asp:Label ID="LabelPage" runat="server" Text="Record " AssociatedControlID="ReCordNumber" />
                                            <asp:Label ID="ReCordNumber" Font-Bold="true" SkinID="Dummy" runat="server"></asp:Label>
                                            <asp:Label ID="ofLabel" Text="of" runat="server" />
                                            <asp:Label ID="TotalRecord" runat="server" />
                                            <asp:ImageButton AlternateText="Next page" ToolTip="Next page" ID="NextImageButtom"
                                                runat="server" ImageUrl="~/Images/arrowRight.gif" OnClick="NextImageButton_Click" />
                                            <asp:ImageButton AlternateText="Last page" ToolTip="Last page" ID="LastRecordImageButton"
                                                runat="server" ImageUrl="~/Images/arrowRLast.gif" OnClick="LastRecordImageButton_Click" />--%>

                                <div id="NumberOfRecordDiv" class="display-flex" runat="server" visible="true">
                                    <asp:LinkButton AlternateText="First page" ToolTip="First page" ID="FirstRecordImageButton"
                                        runat="server" CommandName="Page" CommandArgument="First"
                                        OnClick="FirstRecordImageButton_Click" CssClass="btn btn-default gridviewpagerbuttonpadding">
                                                    <i class="fa fa-fast-backward"></i>
                                    </asp:LinkButton>
                                    <asp:LinkButton AlternateText="Previous page" ToolTip="Previous page" ID="PreviousImageButton"
                                        runat="server" CommandName="Page" CommandArgument="Prev"
                                        OnClick="PreviousImageButton_Click" CssClass="btn btn-default gridviewpagerbuttonpadding">
                                                    <i class="fa fa-play fa-rotate-180"></i>

                                    </asp:LinkButton>
                                    &nbsp;
                                                <asp:Label ID="LabelPage" runat="server" Text="Record " AssociatedControlID="ReCordNumber" />
                                    <asp:Label ID="ReCordNumber" Font-Bold="true" SkinID="Dummy" runat="server"></asp:Label>
                                    <asp:Label ID="ofLabel" Text="of" runat="server" />
                                    <asp:Label ID="TotalRecord" runat="server" />
                                    &nbsp;
                                                <asp:LinkButton AlternateText="Next page" ToolTip="Next page" ID="NextImageButtom"
                                                    runat="server" CssClass="btn btn-default gridviewpagerbuttonpadding" CommandName="Page" CommandArgument="Next"
                                                    OnClick="NextImageButton_Click">
                                                     <i class="fa fa-play"></i>
                                                </asp:LinkButton>

                                    <asp:LinkButton AlternateText="Last page" ToolTip="Last page" ID="LastRecordImageButton"
                                        runat="server" CssClass="btn btn-default gridviewpagerbuttonpadding" CommandName="Page" CommandArgument="Last"
                                        OnClick="LastRecordImageButton_Click">
                                                      <i class="fa fa-fast-forward"></i>
                                    </asp:LinkButton>
                                    &nbsp;  &nbsp; &nbsp;
                                </div>

                                <td>
                                    <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0" CssClass="btn btn-back fas" Text="&#xf30a;  back" />
                                </td>

                            </div>
                        </div>
                        <div class="himsBoxContent card-body">
                            <asp:Panel ID="DetailPanel" runat="Server">
                                <div class="contentHolder">
                                    <div class="topdisplayContainer" style="width: 100%">
                                        <table width="100%" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td width="100%" valign="top">
                                                    <div class="himsDisplayBox">
                                                        <div style="margin-top: 0px">
                                                        </div>
                                                        <div class="himsBoxContent messageMessage">
                                                            <div class="topdisplayContainer p-l-10">
                                                                <table cellpadding="0" cellspacing="0" class="fLeft">
                                                                    <tr>
                                                                        <td>
                                                                            <asp:Label ID="CodeLabelL" runat="server" Text="Code :" Font-Bold="true"></asp:Label>
                                                                            &nbsp;&nbsp;
                                                                            <asp:Label ID="CodeLabelT" runat="server" Text=""></asp:Label>
                                                                        </td>
                                                                        <td>&nbsp;
                                                                        </td>
                                                                        <td>&nbsp;
                                                                        </td>
                                                                        <td>&nbsp;
                                                                        </td>
                                                                        <td>&nbsp;
                                                                        </td>
                                                                        <td>
                                                                            <asp:Label ID="NameLabelL" runat="server" Text="Name :" Font-Bold="true"></asp:Label>
                                                                            &nbsp;&nbsp;
                                                                            <asp:Label ID="NameLabelT" runat="server" Text=""></asp:Label>
                                                                        </td>
                                                                        <td>&nbsp;
                                                                        </td>
                                                                        <td>&nbsp;
                                                                        </td>
                                                                        <td>&nbsp;
                                                                        </td>
                                                                        <td>&nbsp;
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                                <div class="cBoth">
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="himsBoxFooter">
                                                            <div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="navgraybackground">
                                        <ul class="nav nav-tabs">
                                            <li>
                                                <a href="#tab_1">
                                                    <asp:Button Text="&#xf044; General" ID="EmployeeMendatoryButton" CssClass="transparenttab fas" OnClick="EmployeeMendatoryButton_Click"
                                                        SkinID="0" runat="server" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1">
                                                    <asp:Button Text="&#xf0f2; Job" ID="EmployeeJobDetailButton" CssClass="transparenttab fas" OnClick="EmployeeJobDetailButton_Click"
                                                        SkinID="0" runat="server" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1">
                                                    <asp:Button Text="&#xf007; Personal" ID="EmployeePersonalDetailButton" CssClass="transparenttab fas"
                                                        OnClick="EmployeePersonalDetailButton_Click" SkinID="0" runat="server" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1">
                                                    <asp:Button Text="&#xf095; Communication" ID="CommunicationButton" CssClass="transparenttab fas" OnClick="Communication_Click"
                                                        SkinID="0" runat="server" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1">
                                                    <asp:Button Text="&#xf044; Statutory" ID="StatutoryButton" CssClass="transparenttab fas" OnClick="Statutory_Click"
                                                        SkinID="0" runat="server" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1">
                                                    <asp:Button Text="&#xf007; Employment" ID="EmploymentButton" CssClass="transparenttab fas" OnClick="Employment_Click"
                                                        SkinID="0" runat="server" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1">
                                                    <asp:Button Text="&#xf19d; Qualification" ID="QualificationButton" CssClass="transparenttab fas" OnClick="Qualification_Click"
                                                        SkinID="0" runat="server" />
                                                </a>
                                            </li>

                                            <li class="active">
                                                <a href="#tab_1">
                                                    <asp:Button Text="&#xf0c0; Family" ID="FamilyButton" CssClass="transparenttab fas" OnClick="Family_Click"
                                                        SkinID="0" runat="server" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1">
                                                    <asp:Button Text="&#xf15b; Document" ID="DocumentButton" CssClass="transparenttab fas" OnClick="Document_Click"
                                                        SkinID="0" runat="server" />
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#tab_1">
                                                    <asp:Button Text="Health" ID="HealthButton" CssClass="transparenttab fas" OnClick="Health_Click"
                                                        SkinID="0" runat="server" Visible="false" />
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                    <table width="100%" style="width: 100%;">
                                        <tr>
                                            <td style="vertical-align: top; border-top: 0px solid gray !important">
                                                <asp:Panel ID="PanEnable" runat="server" meta:resourcekey="PanEnableResource1">
                                                    <asp:PlaceHolder ID="UserControlContainer" runat="server"></asp:PlaceHolder>
                                                    <div class="himssuHeader1WireBox ">
                                                        <div class="himsBoxContent">
                                                            <div class="contentHolder">
                                                                <asp:Panel ID="pnlForGrid" runat="server" meta:resourcekey="pnlForGridResource1">
                                                                    <div class="himssuHeader6WireBox col-md-12">
                                                                        <div class="himsBoxContent">
                                                                            <div id="Div1" runat="server" class="table-responsive">
                                                                                <asp:GridView runat="server" ID="FamilyDetailsGridView" Width="100%" AutoGenerateColumns="False"
                                                                                    EmptyDataText="No Family Details Found!" DataKeyNames="Id,EmployeeId,RelationshipId,Relationship,Name,Age,DateOfBirth,BloodGroupId,BloodGroup,OperationState,IsDelete,Occupation,MobileNo,Email"
                                                                                    OnSelectedIndexChanged="FamilyDetailsGridView_SelectedIndexChanged" OnRowDataBound="FamilyDetailsGridView_OnRowDataBound"
                                                                                    meta:resourcekey="FamilyDetailsGridViewResource1"
                                                                                    CssClass="table table-striped table-bordered table-hover">
                                                                                    <Columns>
                                                                                        <asp:CommandField ShowSelectButton="True" meta:resourcekey="CommandFieldResource1" />
                                                                                        <asp:BoundField DataField="Relationship" HeaderText="Relation" meta:resourcekey="BoundFieldResource1"></asp:BoundField>
                                                                                        <asp:BoundField DataField="Name" HeaderText="Name" meta:resourcekey="BoundFieldResource2"></asp:BoundField>
                                                                                        <asp:BoundField DataField="Age" HeaderText="Age" meta:resourcekey="BoundFieldResource4"></asp:BoundField>
                                                                                        <asp:TemplateField HeaderText="Date Of Birth" meta:resourcekey="TemplateFieldResource1">
                                                                                            <ItemTemplate>
                                                                                                <asp:Label ID="DateOfBirthGridLabel" runat="server" Text='<%# GetDateValue(((DateTime)DataBinder.Eval(Container.DataItem,"DateOfBirth"))) %>'
                                                                                                    meta:resourcekey="DateOfBirthGridLabelResource1"></asp:Label>
                                                                                            </ItemTemplate>
                                                                                            <HeaderStyle HorizontalAlign="Center" Width="80px" />
                                                                                            <ItemStyle HorizontalAlign="Center" />
                                                                                        </asp:TemplateField>
                                                                                        <asp:BoundField DataField="BloodGroup" HeaderText="BloodGroup" meta:resourcekey="BoundFieldResource5"></asp:BoundField>
                                                                                        <asp:BoundField DataField="MobileNo" HeaderText="Mobile No." meta:resourcekey="BoundFieldResource5"></asp:BoundField>
                                                                                        <asp:BoundField DataField="Email" HeaderText="Email" meta:resourcekey="BoundFieldResource5"></asp:BoundField>
                                                                                        <asp:BoundField DataField="Occupation" HeaderText="Occupation" meta:resourcekey="BoundFieldResource5"></asp:BoundField>
                                                                                    </Columns>
                                                                                    <PagerSettings Visible="False" />
                                                                                </asp:GridView>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </asp:Panel>
                                                                <div class="spacer">
                                                                    <img src="../../../Images/spacer.gif" />
                                                                </div>
                                                                <div class="outerBox pTop5 col-md-3">
                                                                    <div class="controlLabelWidth">
                                                                        <asp:Label ID="RelationLabel" runat="server" SkinID="MandatoryLabel" Text="Relation"
                                                                            meta:resourcekey="RelationLabelResource1"></asp:Label>
                                                                    </div>
                                                                    <div class="fLeft pRight5">
                                                                        <asp:DropDownList runat="server" ID="RelationDropDownList" AutoPostBack="False" onmouseleave="showHideTooltip()" CssClass="form-control"
                                                                            onmouseenter="showHideTooltip()" meta:resourcekey="RelationDropDownListResource1">
                                                                        </asp:DropDownList>
                                                                        <asp:HiddenField ID="EmployeeDateOfBirthHiddenField" runat="server" />
                                                                        <asp:HiddenField ID="EmployeeMaritalStatusHiddenField" runat="server" />
                                                                        <asp:HiddenField ID="EmployeeGenderHiddenField" runat="server" />
                                                                        <asp:HiddenField ID="EmployeeAgeHiddenField" runat="server" />
                                                                    </div>
                                                                    <asp:HiddenField runat="server" ID="HiddenFieldID" Value="0" />
                                                                </div>
                                                                <div class="outerBox pTop5 col-md-3">
                                                                    <div class="controlLabelWidth">
                                                                        <asp:Label ID="Label1" runat="server" Text="Name" SkinID="MandatoryLabel" meta:resourcekey="NameLabelResource1"></asp:Label>
                                                                    </div>
                                                                    <div class="fLeft pRight5">
                                                                        <asp:TextBox ID="SposeNameTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                                            MaxLength="100" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                            meta:resourcekey="NameTextBoxResource1"></asp:TextBox>
                                                                    </div>
                                                                </div>
                                                                <div class="outerBox pTop5 col-md-3">
                                                                    <div class="controlLabelWidth">
                                                                        <asp:Label ID="BloodGroupLabel" runat="server" Text="Blood Group"></asp:Label>
                                                                    </div>
                                                                    <div class="fLeft pRight5">
                                                                        <asp:DropDownList runat="server" ID="BloodGroupDropDownList" onmouseleave="showHideTooltip()" CssClass="form-control"
                                                                            onmouseenter="showHideTooltip()" meta:resourcekey="BloodGroupDropDownListResource1">
                                                                        </asp:DropDownList>
                                                                    </div>
                                                                </div>
                                                                <div class="cBoth">
                                                                </div>
                                                                <div class="cBoth">
                                                                </div>
                                                                <div class="outerBox pTop5 col-md-3">
                                                                    <div class="controlLabelWidth">
                                                                        <asp:Label ID="DateOfBirthLabel" runat="server" Text="Date of Birth" meta:resourcekey="DateOfBirthLabelResource1"></asp:Label>
                                                                    </div>
                                                                    <div class="fLeft pRight5">
                                                                        <DPC:DatePickerControl ID="DateOfBirthTextBox" runat="server" DisplayDatePicker="true"
                                                                            OnTextChanged="DateOfBirthTextBox_OnTextChanged" />
                                                                    </div>
                                                                </div>
                                                                <div class="outerBox pTop5 col-md-3">
                                                                    <div class="controlLabelWidth">
                                                                        <asp:Label ID="Label2" runat="server" Text="Age" meta:resourcekey="Label1Resource1"></asp:Label>
                                                                    </div>
                                                                    <div class="fLeft pRight5">
                                                                        <asp:TextBox ID="AgeTextBox" runat="server" MaxLength="3" SkinID="CustomWidthTextBox"
                                                                            onblur="javascript:return fnValidateInteger(this,3)" onKeypress="javascript:return MaskInteger(event,3)"
                                                                            onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="AgeTextBoxResource1"></asp:TextBox>
                                                                    </div>
                                                                </div>
                                                                <div class="outerBox pTop5 col-md-3">
                                                                    <div class="controlLabelWidth">
                                                                        <asp:Label ID="MobileNoLabel" runat="server" Text="Mobile No." meta:resourcekey="Label1Resource1"></asp:Label>
                                                                    </div>
                                                                    <div class="fLeft pRight5">
                                                                        <asp:TextBox ID="MobileNoTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="20"
                                                                            onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="MobileNoTextBoxResource1">
                                                                        </asp:TextBox>
                                                                    </div>
                                                                </div>
                                                                <div class="outerBox pTop5 col-md-3">
                                                                    <div class="controlLabelWidth">
                                                                        <asp:Label ID="EmailLabel" runat="server" Text="Email" meta:resourcekey="Label1Resource1"></asp:Label>
                                                                    </div>
                                                                    <div class="fLeft pRight5">
                                                                        <asp:TextBox ID="EmailTextBox" runat="server" SkinID="CustomWidthTextBox" MaxLength="100"
                                                                            onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="EmailTextBoxResource1">
                                                                        </asp:TextBox>
                                                                    </div>
                                                                </div>
                                                                <div class="outerBox pTop5 col-md-3">
                                                                    <div class="controlLabelWidth">
                                                                        <asp:Label ID="Label3" runat="server" Text="Occupation" meta:resourcekey="Label1Resource1"></asp:Label>
                                                                    </div>
                                                                    <div class="fLeft pRight5">
                                                                        <asp:TextBox ID="OccupationTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                                            onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="AgeTextBoxResource1">
                                                                        </asp:TextBox>
                                                                    </div>
                                                                </div>
                                                                <div class="cBoth">
                                                                </div>
                                                                <div class="cBoth">
                                                                </div>
                                                                <div class="alignCenter pTop5">
                                                                    <asp:Button ID="AddButton" runat="server" CssClass="btn btn-add fas" Text="&#xf067; Add" SkinID="0" OnClick="AddButton_OnClick"
                                                                        meta:resourcekey="AddButtonResource1" />
                                                                    <asp:Button ID="ResetButton" runat="server" Text="&#xf0e2; Reset" CssClass="btn-reset btn fas" SkinID="0" OnClick="ClearButton_OnClick"
                                                                        meta:resourcekey="ClearButtonResource1" />
                                                                </div>
                                                                <div class="cBoth">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </asp:Panel>
                                                <div class="spacer">
                                                    <img src="../../../Images/spacer.gif" />
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </asp:Panel>
                        </div>
                    </div>
                </div>

            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <%--<script data-main="../../../JavaScript/rjs/encrypt/family-details-encrypt" src="../../../JavaScript/rjs/require.js"></script>--%>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/family-details")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
</asp:Content>
