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

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

<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="IncidentLogUpdatePanel" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <hims:EmployeeSearchControl ID="EmployeeSearch" Visible="false" runat="server" />
            <div id="divContentPage" class="divcontentpagemargin">
                <div class="dashBoardLeftCont">
                    <div class="himssuHeader3WireBox">
                        <table>
                            <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="164"
                                Visible="true" runat="server" />
                        </table>
                    </div>
                </div>
                <div class="row whiteboxpaddingleft">
                    <div class="himssuHeader2WireBox card card-box">
                        <div class="contentHolder" style="padding-top: 0px; padding-left: 0px; padding-right: 0px">
                            <div class="himssuHeader5WireBox">
                                <div class="himsBoxHeader card-head">
                                    <div class="leftdiv">
                                    </div>
                                    <div class="himsBoxTitle">
                                        <div class="headerText">
                                            <header>
                                                <i class="fas fa-id-card"></i>
                                                <asp:Label ID="Label1" runat="server" Text="Employee ICard"></asp:Label>
                                            </header>
                                        </div>
                                        <div class="fRight mt-27 pagination display-flex">
                                            <asp:Button ID="BackButton" runat="Server" SkinID="0" CssClass="btn btn-back fas" Text="&#xf30a;  back" OnClick="BackButton_Click" Visible="false" />
                                        </div>
                                    </div>
                                </div>
                                <cc1:TabContainer Width="100%" ID="ExamMasterTabContainer" runat="server" CssClass="ajax__myTab nav nav-tabs tabs-style-iconbox"
                                    AutoPostBack="true" meta:resourcekey="ExamCustomSearchTabContainerResource1"
                                    ActiveTabIndex="0">
                                    <cc1:TabPanel Width="100%" ID="ExamMasterTabPanel" runat="server" HeaderText="Employee ICard">
                                        <HeaderTemplate>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">

                                                <%--  <a style="padding: 10px 15px !important;">Employee Template
                                                    </a>--%>
                                                <li class="fancyTab"><a><i class="fas fa-user"></i>&nbsp;Employee Template </a></li>

                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="himsBoxContent card-body">

                                                <div class="pTop15 col-md-12">
                                                    <div class="fLeft labeldesign card-head inner">

                                                        <asp:Label ID="SelectedICardlabel1" Text="You selected : " Visible="False"
                                                            runat="server"></asp:Label>
                                                        <div class="headerText">
                                                            <%--<header>
                                                                <asp:Label ID="SelectedICard" runat="server"></asp:Label>
                                                            </header>--%>

                                                            <div class="pb5 pull-right">
                                                                <asp:Button ID="SaveButton" runat="server" OnClick="SaveButton_Click"
                                                                    Visible="False" Text="&#xf245; Select Template" CssClass="btn-select btn fas" SkinID="0" />
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>


                                                <div class="himsBoxHeader" id="GridViewPagerDiv" runat="server">
                                                    <div class="leftdiv">
                                                    </div>
                                                    <div class="himsBoxTitle">
                                                        <div class="gridHeaderText fLeft">
                                                            <asp:Label ID="GridViewLabel"
                                                                runat="server" Font-Bold="True"
                                                                meta:resourcekey="GridViewLabelResource1" />
                                                            <asp:HiddenField ID="ICardRowHiddenField" runat="server" />
                                                            <asp:HiddenField ID="ReportIdHiddenField" runat="server" />
                                                            <asp:HiddenField ID="HiddenField1" runat="server" />
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="himsBoxContent col-md-12 pTop5">
                                                    <div id="GridViewMessageDiv" class="himsBoxContentMsg" runat="server"
                                                        visible="False">
                                                    </div>
                                                    <div id="Div2" runat="server" class="table-responsive">
                                                        <asp:GridView ID="ICardGridview" runat="server" AutoGenerateColumns="False"
                                                            EmptyDataText="No Records Found !!" CssClass="table table-striped table-bordered table-hover"
                                                            DataKeyNames="Id,Title,ReportId"
                                                            OnRowDataBound="ICardGridview_RowDataBound">
                                                            <Columns>
                                                                <asp:TemplateField>
                                                                    <ItemTemplate>
                                                                        <label class="rt-chkbox rt-chkbox-outline">
                                                                            <asp:CheckBox ID="ICardcheckbox" AutoPostBack="true" runat="server" OnCheckedChanged="ICardcheckbox_CheckedChanged" />
                                                                            <span></span>
                                                                        </label>
                                                                    </ItemTemplate>
                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                    <ItemStyle Width="2%" Wrap="True" />
                                                                </asp:TemplateField>
                                                                <asp:TemplateField HeaderText="I-Card Name">
                                                                    <ItemTemplate>
                                                                        <asp:Label ID="Title" Font-Bold="true" runat="server" ClientIDMode="Static" Text='<%# Bind("Title") %>'
                                                                            SkinID="CustomWidthLabel"></asp:Label>
                                                                    </ItemTemplate>
                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                    <ItemStyle Width="20%" Wrap="True" />
                                                                </asp:TemplateField>
                                                                <asp:TemplateField HeaderText="Remark">
                                                                    <ItemTemplate>
                                                                        <asp:Label ID="Remark" runat="server" ClientIDMode="Static" Text='<%# Bind("Remark") %>'
                                                                            SkinID="CustomWidthLabel"></asp:Label>
                                                                    </ItemTemplate>
                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                    <ItemStyle Width="30%" Wrap="True" />
                                                                </asp:TemplateField>
                                                                <asp:TemplateField HeaderText="Download">
                                                                    <ItemTemplate>
                                                                        <asp:HyperLink ID="HyperLink1" Target="_parent" NavigateUrl='<%#  Eval("DesignTemplate").ToString()  %>' runat="server" Text="Download Template"></asp:HyperLink>
                                                                    </ItemTemplate>
                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                    <ItemStyle Width="20%" Wrap="True" />
                                                                </asp:TemplateField>
                                                                <asp:TemplateField HeaderText="Image">
                                                                    <ItemTemplate>
                                                                        <asp:HyperLink ID="HyperLink2" Target="_blank" NavigateUrl='<%#  Eval("ICardImage").ToString()  %>' runat="server">                                                                                   
                                                                                    <img src='<%# Page.ResolveUrl( Eval("ICardImage").ToString()) %>' height="100%" width="100%" /> 
                                                                        </asp:HyperLink>
                                                                    </ItemTemplate>
                                                                    <ControlStyle Width="50%" />
                                                                    <ItemStyle Width="50%" />
                                                                </asp:TemplateField>
                                                                <asp:TemplateField HeaderText="Download">
                                                                    <ItemTemplate>
                                                                        <asp:HyperLink ID="DownloadPDFHyperLink" Target="_blank" NavigateUrl='<%#  Eval("ICardPDF").ToString()  %>' runat="server" Text="Download PDF"></asp:HyperLink>
                                                                    </ItemTemplate>
                                                                    <HeaderStyle HorizontalAlign="Left" />
                                                                    <ItemStyle Width="20%" Wrap="True" />
                                                                </asp:TemplateField>
                                                            </Columns>
                                                            <PagerSettings Visible="False" />
                                                        </asp:GridView>
                                                    </div>
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </cc1:TabPanel>
                                    <cc1:TabPanel Width="100%" ID="IcardUploadTabPanel" runat="server" HeaderText="ICard Upload">
                                        <HeaderTemplate>
                                            <%-- <ul class="nav nav-tabs ajaxnavtabs">
                                                <li>
                                                    <a class="ajaxtabpadding">Customize Template
                                                    </a>
                                                </li>
                                            </ul>--%>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                                <li class="fancyTab"><a><i class="fas fa-align-left"></i>&nbsp;Customize Template </a></li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="pTop15 col-md-12 pb5">
                                                <div class="fLeft labeldesign card-head inner">
                                                    <asp:Label ID="ReportTItleLabel2" Text="You selected : " Visible="false" runat="server"></asp:Label>
                                                    <div class="headerText">

                                                        <%--<header>
                                                            <asp:Label ID="ReportNameLabel2" runat="server" Text="Report" Visible="false"></asp:Label>
                                                        </header>--%>
                                                        <div class="pull-right">
                                                            <asp:Button ID="EmployeeICardButton" runat="Server"
                                                                SkinID="0" CssClass="btn-upload btn fas" Text="&#xf093; Upload Template" OnClick="EmployeeICardButton_Click" />
                                                            <asp:Button ID="RefreshButton" runat="server" OnClick="RefreshButton_Click"
                                                                SkinID="0" CssClass="btn-refresh btn fas" Text="&#xf2f9; Refresh" />
                                                            <asp:Label ID="Label2" runat="server" Text="" Style="padding-left: 10px; font-size: medium;"></asp:Label>
                                                            <asp:Button ID="UploadButton" runat="server" SkinID="0" CssClass="btn-upload btn fas" Text="&#xf093; Upload" OnClick="UploadButton_Click" Visible="false" />
                                                            <asp:Button ID="DeleteImageButton" runat="server" OnClick="DeleteImageButton_OnClick"
                                                                ToolTip="Delete" Visible="false" SkinID="0" CssClass="btn-delete btn fas" Text="&#xf2ed; Delete" />
                                                        </div>
                                                    </div>
                                                </div>

                                                <div id="uploaddiv" visible="false" runat="server" class="box box-body">
                                                    <div id="Div1" runat="server" class="table-responsive">
                                                        <asp:GridView ID="UploadOrganizationPhotoGridView" runat="server" Width="100%" AutoGenerateColumns="False"
                                                            SkinID="" ShowHeader="True" PagerSettings-Visible="false" DataKeyNames="FullFileName" CssClass="table table-striped table-bordered table-hover" EmptyDataText="No records found">
                                                            <Columns>
                                                                <asp:BoundField DataField="FileName" HeaderText="FileName" HeaderStyle-HorizontalAlign="Left"
                                                                    ItemStyle-Width="10%" />
                                                                <asp:TemplateField HeaderText="Fullfile" ItemStyle-Width="90%" HeaderStyle-HorizontalAlign="Center"
                                                                    ItemStyle-HorizontalAlign="Center" Visible="false" ItemStyle-Wrap="true">
                                                                    <ItemTemplate>
                                                                        <asp:Label ID="lblFullFileName" runat="server" Text='<%#Eval("FullFileName") %>' />
                                                                    </ItemTemplate>
                                                                </asp:TemplateField>
                                                                <asp:TemplateField HeaderText="Photo" ItemStyle-Width="90%" HeaderStyle-HorizontalAlign="Center"
                                                                    ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                                    <ItemTemplate>
                                                                        <asp:Image ID="OrganizationPhoto" Height="60px" Width="60px" runat="server" ImageUrl='<%# Eval("FilePath")%>' />
                                                                    </ItemTemplate>
                                                                </asp:TemplateField>
                                                                <asp:TemplateField HeaderText="Delete" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="Center"
                                                                    ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true" Visible="false">
                                                                    <ItemTemplate>
                                                                        <asp:ImageButton ID="DeleteImageButton" runat="server" OnClick="DeleteImageButton_OnClick"
                                                                            ToolTip="Delete" ImageUrl="~/Images/Del.png" />
                                                                    </ItemTemplate>
                                                                </asp:TemplateField>
                                                            </Columns>
                                                        </asp:GridView>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="UpdateDetails" runat="server" visible="false">
                                                <div class="outerBox pTop5 col-md-3 col-md-3">
                                                    <div class="controlLabelWidth">
                                                        <asp:Label ID="IcardOrgTitleLable" runat="server" Text="Icard Title"></asp:Label>
                                                    </div>
                                                    <div class="fLeft pRight5">
                                                        <asp:TextBox ID="IcardOrgTitleTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                            runat="server" MaxLength="200" AutoPostBack="false" SkinID="CustomWidthTextbox"></asp:TextBox>
                                                    </div>
                                                </div>
                                                <div class="outerBox pTop5 col-md-3 col-md-3">
                                                    <div class="controlLabelWidth">
                                                        <asp:Label ID="IcardAddress1Lable" runat="server" Text="Icard Address1"></asp:Label>
                                                    </div>
                                                    <div class="fLeft pRight5">
                                                        <asp:TextBox ID="IcardAddress1TextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                            runat="server" MaxLength="100" AutoPostBack="false" SkinID="CustomWidthTextbox"></asp:TextBox>
                                                    </div>
                                                </div>
                                                <div class="outerBox pTop5 col-md-3 col-md-3">
                                                    <div class="controlLabelWidth">
                                                        <asp:Label ID="IcardAddress2Lable" runat="server" Text="Icard Address2"></asp:Label>
                                                    </div>
                                                    <div class="fLeft pRight5">
                                                        <asp:TextBox ID="IcardAddress2TextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                            runat="server" MaxLength="100" AutoPostBack="false" SkinID="CustomWidthTextbox"></asp:TextBox>
                                                    </div>
                                                </div>
                                                <div class="outerBox pTop5 col-md-3 col-md-3">
                                                    <div class="controlLabelWidth">
                                                        <asp:Label ID="IcardAddress3Lable" runat="server" Text="Icard Address3"></asp:Label>
                                                    </div>
                                                    <div class="fLeft pRight5">
                                                        <asp:TextBox ID="IcardAddress3TextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                            runat="server" MaxLength="100" AutoPostBack="false" SkinID="CustomWidthTextbox"></asp:TextBox>
                                                    </div>
                                                </div>
                                                <div class="cBoth">
                                                </div>
                                                <div class="outerBox11 cpiker pTop5 col-md-3 col-md-3">
                                                    <div class="controlLabelWidth">
                                                        <asp:Label ID="ColorLabel" runat="server" Text="Label Color"></asp:Label>
                                                    </div>
                                                    <asp:TextBox ID="TextBox1" Width="150px" runat="server" Enabled="false" />
                                                    <asp:Label ID="selectedcolor1" Width="15px" Height="10px" runat="server"></asp:Label>
                                                    <br />
                                                    <br />
                                                    <div class="col-md-12 display-flex">
                                                        <div id="preview" runat="server" class="previewpicker">
                                                        </div>
                                                        <asp:Button ID="Button1" CssClass="btn btn-colorpicker" SkinID="0" runat="server" Text="Choose Color" />
                                                        <cc1:ColorPickerExtender ID="ColorPicker1" runat="server"
                                                            TargetControlID="TextBox1"
                                                            SampleControlID="preview"
                                                            PopupButtonID="Button1"
                                                            PopupPosition="Right"
                                                            OnClientColorSelectionChanged="Color_Changed" />
                                                    </div>
                                                </div>
                                                <div class="outerBox11 cpiker pTop5 col-md-3 col-md-3">
                                                    <div class="controlLabelWidth">
                                                        <asp:Label ID="Label8" runat="server" Text="Detail Color"></asp:Label>
                                                    </div>
                                                    <asp:TextBox ID="TextBox2" Width="150px" runat="server" Enabled="false" />
                                                    <asp:Label ID="selectedcolor2" Width="15px" Height="10px" runat="server"></asp:Label>
                                                    <br />
                                                    <br />
                                                    <div class="col-md-12 display-flex">
                                                        <div id="preview1" runat="server" class="previewpicker">
                                                        </div>
                                                        <asp:Button ID="Button2" runat="server" CssClass="btn btn-colorpicker" SkinID="0" Text="Choose Color" />
                                                        <cc1:ColorPickerExtender ID="ColorPickerExtender1" runat="server"
                                                            TargetControlID="TextBox2"
                                                            SampleControlID="preview1"
                                                            PopupButtonID="Button2"
                                                            PopupPosition="Right"
                                                            OnClientColorSelectionChanged="Color_Changed" />
                                                    </div>
                                                </div>
                                                <div class="outerBox11 cpiker pTop5 col-md-3 col-md-3">
                                                    <div class="controlLabelWidth">
                                                        <asp:Label ID="Label9" runat="server" Text="Header Color"></asp:Label>
                                                    </div>
                                                    <asp:TextBox ID="TextBox3" Width="150px" runat="server" Enabled="false" />
                                                    <asp:Label ID="selectedcolor3" Width="15px" Height="10px" runat="server"></asp:Label>
                                                    <br />
                                                    <br />
                                                    <div class="col-md-12  display-flex">
                                                        <div id="preview2" runat="server" class="previewpicker">
                                                        </div>
                                                        <asp:Button ID="Button3" runat="server" CssClass="btn btn-colorpicker" SkinID="0" Text="Choose Color" />
                                                        <cc1:ColorPickerExtender ID="ColorPickerExtender2" runat="server"
                                                            TargetControlID="TextBox3"
                                                            SampleControlID="preview2"
                                                            PopupButtonID="Button3"
                                                            PopupPosition="Right"
                                                            OnClientColorSelectionChanged="Color_Changed" />
                                                    </div>
                                                </div>

                                                <div class="cBoth">
                                                </div>
                                                <div id="BarcodeDiv" runat="server" class="outerBox11 pTop15 col-md-3" visible="true">
                                                    <div class="controlLabelWidth">
                                                        <%-- <div class="fLeft pRight5">
                                                            <asp:CheckBox ID="IsShowBarcodeCheckBox" runat="server" />
                                                            <asp:Label ID="IsShowBarcodeLabel" runat="server" Text="Show BarCode"></asp:Label>
                                                        </div>--%>
                                                        <div class="controlLabelWidth ">

                                                            <asp:CheckBox ID="IsShowBarcodeCheckBox" runat="server" Text="Show BarCode" />
                                                            <asp:Label runat="server" AssociatedControlID="IsShowBarcodeCheckBox" ID="IsShowBarcodeLabel">
                                                    
                                                            </asp:Label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="cBoth">
                                                </div>
                                                <br />
                                                <div style="text-align: center" class="pTop5">
                                                    <asp:Button ID="UpdateButton" runat="server" OnClick="UpdateButton_Click" SkinID="0" CssClass="btn-upload btn fas" Text="&#xf093; Upload Details" />
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </cc1:TabPanel>
                                    <cc1:TabPanel AutoPOstBack="true" Width="100%" ID="TabPanel1" runat="server" HeaderText="ICard Report">
                                        <HeaderTemplate>
                                            <%-- <ul class="nav nav-tabs ajaxnavtabs">
                                                <li>
                                                    <a style="padding: 10px 15px !important;">Generate Report
                                                    </a>
                                                </li>
                                            </ul>--%>
                                            <ul class="nav nav-tabs tabs-style-iconboxinner ajaxnavtabs">
                                                <li class="fancyTab"><a><i class="far fa-file-alt"></i>&nbsp;Generate Report </a></li>
                                            </ul>
                                        </HeaderTemplate>
                                        <ContentTemplate>
                                            <div class="himsBoxContent">
                                                <div class="contentHolder">
                                                    <asp:Panel ID="EmployeeListDiv" runat="server" meta:resourcekey="SkillDivResource1">
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <%-- <div class="controlLabelWidth">
                                                                <asp:Label ID="EmployeeReportLabel" runat="server" Text="Template : " Visible="false"></asp:Label>
                                                                <asp:Label ID="ReportNameLabel" runat="server" Visible="false"></asp:Label>
                                                            </div>--%>
                                                            <div class="fLeft pRight5">
                                                                <asp:DropDownList ID="ReportDropDownList" runat="server" DataTextField="Name" DataValueField="Id"
                                                                    CssClass="form-control" SkinID="CustomWidthDropDownList" onmouseleave="showHideTooltip()"
                                                                    onmouseenter="showHideTooltip()" Visible="false">
                                                                </asp:DropDownList>
                                                            </div>
                                                        </div>
                                                        <div class="cBoth">
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="Label3" runat="server" Text="Department" meta:resourcekey="DepartmentLabelResource1"></asp:Label>
                                                            </div>
                                                            <asp:DropDownList ID="EmployeelistdeptDropDownList3" runat="server" CssClass="form-control"
                                                                SkinID="CustomWidthDropDownList" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                AutoPostBack="false" meta:resourcekey="DepartmentDropDownListResource1" />
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">

                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="Label27" runat="server" Text="Grade" meta:resourcekey="GradeLabelResource1"></asp:Label>
                                                            </div>

                                                            <div class="fLeft pRight5">
                                                                <asp:DropDownList ID="EmplistgradeDropDownList2" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" AutoPostBack="true"
                                                                    meta:resourcekey="GradeDropDownListResource1" OnSelectedIndexChanged="EmplistgradeDropDownList2_SelectedIndexChanged" />
                                                            </div>
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="Label4" runat="server" Text="Designation" meta:resourcekey="DesignationLabelResource1"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:DropDownList ID="EmplistdesignationDropDownList4" runat="server" CssClass="form-control"
                                                                    SkinID="CustomWidthDropDownList" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                                    meta:resourcekey="DesignationDropDownListResource1" />
                                                            </div>
                                                        </div>

                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="EmployeeTypeLabel1" runat="server" Text="Employee Type"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:DropDownList ID="EmployeetypeDropDownList1" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" />
                                                            </div>
                                                        </div>
                                                        <div class="cBoth">
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="EmployeeGroupLabel" runat="server" Text="Employee Group" meta:resourcekey="EmployeeGroupLabelResource1"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:DropDownList ID="EmployeeGroupDropDownList" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="EmployeeGroupDropDownListResource1" />
                                                            </div>
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="Label5" runat="server" Text="Gender"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:DropDownList ID="EmplistgenderDropDownList5" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" />
                                                            </div>
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="statusLabel" runat="server" Text="Status"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:DropDownList ID="statusDropDownList5" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" />
                                                            </div>
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="EmployeeCodeLabel" runat="server" Text="Employee Code"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5 display-flex">
                                                                <asp:TextBox ID="EmployeeCodeTextBox" SkinID="CustomWidthTextBox" runat="server"
                                                                    MaxLength="100" AutoPostBack="false"> </asp:TextBox>
                                                                <asp:ImageButton SkinID="FindImage" ToolTip="Employee Search" ID="EmployeeCodeImageButton"
                                                                    runat="server" OnClick="EmployeeCodeImageButton_Click" ImageUrl="../../../../Images/icons/icon_find.gif" />
                                                                <asp:HiddenField ID="EmployeeIdHiddenField" runat="server" />
                                                            </div>
                                                        </div>
                                                        <div class="cBoth">
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="Label6" runat="server" Text="Age From"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:TextBox ID="AgeFromTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" />
                                                            </div>
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-3">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="Label7" runat="server" Text="Age To"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:TextBox ID="AgeToTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" />
                                                            </div>
                                                        </div>
                                                        <div class="col-md-12">
                                                            <div class="controlLabelWidth alert alert-info">
                                                                <i class="material-icons">info</i>
                                                                <asp:Label ID="RamarkLabel" runat="server" Text=" | Add Code with . Dot seperation (Eg. 2. 5. 10)"></asp:Label>
                                                            </div>
                                                        </div>
                                                        <div class="outerBox pTop5 col-md-12">
                                                            <div class="controlLabelWidth">
                                                                <asp:Label ID="SearchCodeLabel" runat="server" Text="Code"></asp:Label>
                                                            </div>
                                                            <div class="fLeft pRight5">
                                                                <asp:TextBox ID="SearchCodeTextBox" runat="server" onmouseleave="showHideTooltip()"
                                                                    SkinID="CustomWidthTextBox" onmouseenter="showHideTooltip()"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                    </asp:Panel>

                                                    <div class="alignCenter col-md-12">
                                                        <asp:Button ID="PrintReportButton" Text="&#xf02f; Print" CssClass="btn-print btn fas" SkinID="0" runat="server" OnClick="PrintButton_Click"
                                                            meta:resourcekey="PrintButtonResource1" />
                                                        <asp:Button ID="ClearReportButton" Text="&#xf0e2; Reset" CssClass="btn-reset btn fas" SkinID="0" runat="server" OnClick="ClearButton_Click"
                                                            meta:resourcekey="ClearButtonResource1" />
                                                    </div>
                                                    <br />
                                                </div>
                                            </div>
                                        </ContentTemplate>
                                    </cc1:TabPanel>
                                </cc1:TabContainer>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <%--<script data-main="../../../JavaScript/rjs/encrypt/employee-icard-encrypt" src="../../../JavaScript/rjs/require.js"></script>--%>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/employee-icard")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
    <script type="text/javascript">
        function Color_Changed(sender) {
            sender.get_element().value = "#" + sender.get_selectedColor();
        }
    </script>
</asp:Content>
