<%@ page language="C#" masterpagefile="~/Pages/Common/MasterPages/MainMasterPage_new.master" autoeventwireup="true" inherits="Pages_Hrm_Employee_Leave, App_Web_ag3r0auy" uiculture="auto" 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/DatePicker/DatePickerAutoPostBackControl.ascx" TagName="DatePickerControl"
    TagPrefix="Date" %>
<%@ Register Src="~/UserControls/Common/EmployeeSearch/EmployeeSearch.ascx" TagName="EmployeeSearchControl"
    TagPrefix="hims" %>
<%@ Register Assembly="TimePicker" Namespace="MKB.TimePicker" TagPrefix="timePicker" %>
<%@ Register Src="~/UserControls/Common/CommonSearch/CommonSearch.ascx" TagName="CommonSearchUserControl"
    TagPrefix="uc2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <%--<link href="../../../App_Themes/responsiv-popup.css" rel="stylesheet" />
    <div id="dvTestLoadingmsg" class="hls-wrap">
        <div class="hls-container">
            <div class="hls-content">
                <div class="dsh-syndicate white-popup" style="display: inline-block; width: 119%; height: 150px">
                    <div class="shippingcard" style="text-align: center; vertical-align: middle; width: 100%;">
                        <span id="spn1msg">Loading Details</span><br>
                        <span style="line-height: 2;" id="spn2msg"><b>Please Wait ...</b></span><br>
                        <span id="spnloadingimgOPD">
                            <img src="../../../Images/Loading1.gif" /></span>
                    </div>
                </div>
            </div>
        </div>
    </div>--%>
    <asp:UpdatePanel ID="ResonMasterUpdatePanel" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <uc2:CommonSearchUserControl ID="CommonSearchControl" Visible="false" runat="server" />
            <hims:EmployeeSearchControl ID="EmployeeSearch" Visible="false" runat="server" />
            <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="163"
                                                Visible="true" runat="server" />
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="row whiteboxpaddingleft">
                    <div class="himssuHeader5WireBox card card-box" id="SearchDiv" runat="server">
                        <div class="himsBoxHeader card-head">
                            <asp:Panel ID="TopPanel" runat="server">
                                <div class="leftdiv">
                                </div>
                                <div class="himsBoxTitle">
                                    <div class="headerText">
                                        <header>
                                            <i class="fas fa-search"></i>
                                            <asp:Label ID="headerTextLabel" runat="server" Text="Search"></asp:Label>
                                        </header>
                                    </div>
                                    <div class="fRight mt-27">
                                        <asp:Button ID="AddNewButtonID" runat="server" OnClick="AddNewButton_Click" SkinID="0"
                                            CssClass="btn btn-add fas" Text="&#xf067; Add" />
                                    </div>
                                </div>
                            </asp:Panel>
                        </div>
                        <asp:Panel ID="DetailPanel" runat="Server">
                            <div class="himsBoxContent card-body">
                                <div class="contentHolder">
                                    <asp:Panel ID="PanelSearch" runat="server">
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SearchEmployeeCodeLabel" runat="server" Text="Employee Code"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5 display-flex">
                                                <asp:TextBox ID="SearchEmployeeCodeTextBox" SkinID="CustomWidthTextBox" Width="150px"
                                                    runat="server" MaxLength="100" AutoPostBack="true" OnTextChanged="SearchEmployeeCodeTextBox_TextChanged"> </asp:TextBox>
                                                <asp:ImageButton SkinID="FindImage" ToolTip="Search" ID="SearchEmployeeCodeImageButton"
                                                    runat="server" OnClick="SearchEmployeeCodeImageButton_Click" ImageUrl="../../../../Images/icons/icon_find.gif" />
                                                <asp:HiddenField ID="SearchEmployeeIdHiddenField" runat="server" />
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SearchEmployeeNameLabel" runat="server" Text="Employee Name"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:TextBox ID="SearchEmployeeNameTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                    SkinID="CustomWidthTextBox" runat="server" MaxLength="100"> </asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SearchEmployeeTypeLabel" Text="Leave Type" runat="server" meta:resourcekey="HeaderAgeLabelResource1"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="SearchEmployeeLeaveTypeDropDownList" runat="server" SkinID="CustomWidthDropDownList"
                                                    CssClass="form-control">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="timepicker outerBox pTop15 col-md-3">
                                            <timePicker:TimeSelector ID="TimeSelector1" runat="server" DisplaySeconds="False"
                                                SelectedTimeFormat="Twelve" AmPm="AM" Date="" Hour="0" Minute="0" Enabled="false"
                                                Second="0" meta:resourcekey="ActivityStartTimeSelectorResource1" CssClass="pTop5" />
                                        </div>

                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="StatusSearchLabel" runat="server" Text="Status"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList runat="server" ID="SearchStatusDropDownList" SkinID="CustomWidthDropDownList"
                                                    CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SearchFromDateLabel2" runat="server" Text="From Date"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <Date:DatePickerControl DisplayDatePicker="true" ID="SearchFromDatePickerControl2"
                                                    runat="server" />
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="SearchToDateLabel3" runat="server" Text="To Date"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <Date:DatePickerControl DisplayDatePicker="true" ID="SearchToDatePickerControl3"
                                                    runat="server" />
                                            </div>
                                        </div>
                                        <div class="cBoth">
                                        </div>
                                        <br />
                                        <div class="alignCenter col-md-12 pTop5">
                                            <asp:Button ID="SearchButton" TabIndex="3" runat="Server" OnClick="SearchButton_Click"
                                                SkinID="0" CssClass="btn-search btn fas" Text="&#xf002; Search" />
                                            <asp:Button ID="ResetButton" runat="server" TabIndex="4" Text="&#xf0e2; Reset" CssClass="btn-reset btn fas" SkinID="0" OnClick="ResetButton_Click" />
                                        </div>
                                        <div class="cBoth">
                                        </div>
                                        <br />
                                    </asp:Panel>
                                    <div id="CsrBenefiteMasterGridDiv" runat="server" visible="false">
                                        <div class="himssuHeader7WireBox col-md-12" id="PatientRelationDiv"
                                            runat="server" style="width: 100%">
                                            <div class="himsBoxHeader" id="ListDiv" runat="server" visible="true">
                                                <div class="leftdiv">
                                                </div>
                                                <div class="himsBoxTitle">
                                                    <div class="headerText">
                                                        <div class="fLeft">
                                                        </div>
                                                    </div>
                                                    <div align="right" class="fRight" style="margin-top: 0px;">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="himsBoxContent">
                                                <asp:UpdatePanel ID="MenuPlanDetailUpdatePanel" runat="server" UpdateMode="Always">
                                                    <ContentTemplate>
                                                        <div id="Div4" runat="server" class="table-responsive">
                                                            <asp:GridView ID="LeaveMasterGridView" OnRowDataBound="LeaveMasterGridView_RowDataBound"
                                                                OnPageIndexChanging="LeaveMasterGridView_PageIndexChanging" runat="server" AutoGenerateColumns="False"
                                                                Width="100%" AllowPaging="false" DataKeyNames="Id,StatusId" PagerSettings-Visible="false"
                                                                EmptyDataText="No records available for the search criteria" ShowHeader="True"
                                                                CssClass="table table-striped table-bordered table-hover">
                                                                <Columns>
                                                                    <asp:TemplateField ItemStyle-Width="5%" ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                                        <ItemTemplate>
                                                                            <asp:LinkButton ID="EditLinkButton" runat="server" CommandName="Select" OnClick="LinkButton_Click"
                                                                                Text="Select" CausesValidation="false"></asp:LinkButton>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <asp:BoundField HeaderText="Employee Code" DataField="EmployeeCode" HeaderStyle-HorizontalAlign="Left">
                                                                        <ItemStyle Width="10%" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField HeaderText="Employee Name" DataField="EmployeeName" HeaderStyle-HorizontalAlign="Left">
                                                                        <ItemStyle Width="15%" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField HeaderText="From Date" DataField="FromDate" DataFormatString="{0:dd/MM/yyyy}"
                                                                        HeaderStyle-HorizontalAlign="Left">
                                                                        <ItemStyle Width="10%" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField HeaderText="To Date" DataField="ToDate" DataFormatString="{0:dd/MM/yyyy}"
                                                                        HeaderStyle-HorizontalAlign="Left">
                                                                        <ItemStyle Width="10%" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField HeaderText="No Of Leave" DataField="NoOfDays" HeaderStyle-HorizontalAlign="Left">
                                                                        <ItemStyle Width="10%" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField HeaderText="Report Date" DataField="ReportDate" DataFormatString="{0:dd/MM/yyyy}"
                                                                        HeaderStyle-HorizontalAlign="Left">
                                                                        <ItemStyle Width="10%" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField HeaderText="Leave Type" DataField="LeaveType" HeaderStyle-HorizontalAlign="Left">
                                                                        <ItemStyle Width="10%" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField HeaderText="Leave Reason" DataField="LeaveReson" HeaderStyle-HorizontalAlign="Left">
                                                                        <ItemStyle Width="15%" />
                                                                    </asp:BoundField>
                                                                    <asp:TemplateField HeaderText="Status" ItemStyle-Width="5%" ItemStyle-Wrap="true"
                                                                        HeaderStyle-HorizontalAlign="Left">
                                                                        <ItemTemplate>
                                                                            <asp:Label ID="StatusLabel" runat="server" Text='<%#Eval("StatusName")%>'></asp:Label>
                                                                        </ItemTemplate>
                                                                    </asp:TemplateField>
                                                                    <%--    <asp:BoundField HeaderText="Status" DataField="StatusName" HeaderStyle-HorizontalAlign="Left">
                                                                                <ItemStyle Width="5%" />
                                                                            </asp:BoundField>--%>
                                                                </Columns>
                                                            </asp:GridView>
                                                        </div>
                                                    </ContentTemplate>
                                                </asp:UpdatePanel>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </asp:Panel>
                    </div>
                    <div class="himssuHeader1WireBox card card-box" id="DetailDiv" runat="server" visible="false">
                        <div class="card-head">
                            <div class="himsBoxHeader">
                                <div class="leftdiv">
                                </div>
                                <div class="himsBoxTitle">
                                    <div class="headerText">
                                        <header>
                                            <i class="fas fa-bookmark"></i>
                                            <asp:Label ID="Label1" runat="server" Text="Leave" />
                                        </header>
                                    </div>
                                </div>
                            </div>
                            <div class="fRight mt-27 pagination display-flex">
                                <%--   <table>
                                                <tr>
                                                    <td class="formLabel">
                                                        <div id="NumberOfRecordDiv" class="display-flex" runat="server" visible="true">
                                                            <asp:ImageButton AlternateText="First page" ToolTip="First page" ID="FirstRecordImageButton"
                                                                runat="server" ImageUrl="~/Images/arrowLlast.gif" CommandName="Page" CommandArgument="First"
                                                                OnClick="FirstRecordImageButton_Click" />
                                                            <asp:ImageButton AlternateText="Previous page" ToolTip="Previous page" ID="PreviousImageButton"
                                                                runat="server" ImageUrl="~/Images/arrowLeft.gif" CommandName="Page" CommandArgument="Prev"
                                                                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" CommandName="Page" CommandArgument="Next"
                                                                OnClick="NextImageButton_Click" />
                                                            <asp:ImageButton AlternateText="Last page" ToolTip="Last page" ID="LastRecordImageButton"
                                                                runat="server" ImageUrl="~/Images/arrowRLast.gif" CommandName="Page" CommandArgument="Last"
                                                                OnClick="LastRecordImageButton_Click" />
                                                        </div>
                                                    </td>
                                                    <td>
                                                        <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0"
                                                            CssClass="BackButton" Text="Back" />
                                                    </td>
                                                </tr>
                                            </table>--%>
                                <table>
                                    <tr>
                                        <td class="formLabel">
                                            <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>
                                        <td>
                                            <asp:Button ID="BackButton" runat="Server" OnClick="BackButton_Click" SkinID="0" CssClass="btn btn-back fas" Text="&#xf30a;  back" />
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="himsBoxContent card-body">
                            <div class="contentHolder">
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="EmployeeCodeLabel" runat="server" Text="Employee Code" SkinID="MandatoryLabel"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5 display-flex">
                                        <asp:TextBox ID="EmployeeCodeTextBox" SkinID="CustomWidthTextBox" runat="server"
                                            MaxLength="100" AutoPostBack="true" OnTextChanged="EmployeeCodeTextBox_TextChanged"> </asp:TextBox>
                                        <asp:ImageButton SkinID="FindImage" ToolTip="Search" ID="EmployeeCodeImageButton"
                                            runat="server" OnClick="EmployeeCodeImageButton_Click" ImageUrl="../../../../Images/icons/icon_find.gif" />
                                        <asp:HiddenField ID="LeaveHiddenField1" runat="server" />
                                        <asp:HiddenField ID="UserSourceTypeHiddenField" runat="server" />
                                        <asp:HiddenField ID="UserSourceIdHiddenField" runat="server" />
                                        <asp:HiddenField ID="EmployeeIdHiddenField" runat="server" />
                                        <asp:HiddenField ID="StatusIdHiddenField" runat="server" />
                                        <asp:HiddenField ID="UploadConfigurationHiddenField" runat="server" />
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="EmployeeNameLabel" runat="server" Text="Employee Name"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="EmployeeNameTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                            Enabled="false" SkinID="CustomWidthTextBox" runat="server" MaxLength="100"> </asp:TextBox>
                                    </div>
                                </div>

                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="ReportDateLabel" runat="server" Text="Report Date" SkinID="MandatoryLabel"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <Date:DatePickerControl DisplayDatePicker="true" ID="ReportDatePickerControl1" runat="server" Enabled="false" />
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="LeavePeriodTypelbl" Text="Leave Period" runat="server" SkinID="MandatoryLabel"
                                            meta:resourcekey="HeaderAgeLabelResource1"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:DropDownList ID="LeavePeriodDropDownList" runat="server" SkinID="CustomWidthDropDownList"
                                            OnSelectedIndexChanged="PeriodDropDownList_SelectedIndexChange" AutoPostBack="true"
                                            CssClass="form-control">
                                        </asp:DropDownList>
                                    </div>
                                </div>
                                <div class="cBoth">
                                </div>
                                <div id="TimeSelectorDiv" runat="server" visible="false">
                                    <div class="outerBox pTop5 col-md-3 timepicker">
                                        <div class="controlLabelWidth ">
                                            <asp:Label ID="FromTimeLabel" runat="server" Text="From Time"></asp:Label>
                                            <timePicker:TimeSelector ID="FromTimeSelector" runat="server" DisplaySeconds="False"
                                                SelectedTimeFormat="Twelve" AmPm="AM" Date="" Hour="0" Minute="0" Visible="true"
                                                Second="0" meta:resourcekey="ActivityStartTimeSelectorResource1" />
                                        </div>
                                    </div>
                                    <div class="outerBox pTop5 col-md-3 timepicker">
                                        <div class="controlLabelWidth ">
                                            <asp:Label ID="ToTimeLabel" runat="server" Text="To Time"></asp:Label>

                                            <timePicker:TimeSelector ID="ToTimeSelector" runat="server" DisplaySeconds="False"
                                                SelectedTimeFormat="Twelve" AmPm="AM" Date="" Hour="0" Minute="0" Visible="true"
                                                Second="0" meta:resourcekey="ActivityStartTimeSelectorResource1" />
                                        </div>
                                    </div>
                                </div>
                                <div class="cBoth">
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="LeaveTypeIdLabel2" Text="Leave Type" runat="server" SkinID="MandatoryLabel"
                                            meta:resourcekey="HeaderAgeLabelResource1"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:DropDownList ID="LeaveTypeIdDropDownList" AutoPostBack="true" runat="server"
                                            SkinID="CustomWidthDropDownList" OnSelectedIndexChanged="LeaveTypeDropDownList_SelectedIndexChange"
                                            CssClass="form-control">
                                        </asp:DropDownList>
                                    </div>
                                </div>
                                <div runat="server" visible="false">
                                    <asp:DropDownList ID="AvailableLeaveDropDownList" runat="server">
                                    </asp:DropDownList>
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="AvailableLeaveLabel" runat="server" Text="Available Leave"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="AvailableLeaveTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                            ReadOnly="true" SkinID="CustomWidthTextBox" Width="150px" runat="server" MaxLength="100"> </asp:TextBox>
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-3" runat="server" visible="false">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="AvailableLeaveOldYearLabel" runat="server" Text="Available Leave (Old Year)"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="AvailableLeaveOldYearTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                            ReadOnly="true" SkinID="CustomWidthTextBox" runat="server" MaxLength="100"> </asp:TextBox>
                                        <asp:Label ID="TotalLeaveLabel" runat="server"></asp:Label>
                                    </div>
                                </div>

                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="FromDateLabel2" runat="server" Text="From Date" SkinID="MandatoryLabel"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <Date:DatePickerControl DisplayDatePicker="true" ID="FromDatePickerControl" runat="server" />
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="ToDateLabel" runat="server" Text="To Date" SkinID="MandatoryLabel"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <Date:DatePickerControl DisplayDatePicker="true" ID="ToDatePickerControl3" runat="server" />
                                    </div>
                                </div>
                                <div class="cBoth">
                                </div>
                                <div class="outerBox pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="NoOfLeaveLabel" runat="server" Text="No Of Leave"></asp:Label>
                                    </div>
                                    <div class="fLeft pRight5">
                                        <asp:TextBox ID="NoOfLeaveTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                            ReadOnly="true" SkinID="CustomWidthTextBox" runat="server" MaxLength="100"> </asp:TextBox>
                                    </div>
                                </div>
                                <div class="outerBox pTop5 col-md-6">
                                    <div class="controlLabelWidth">
                                        <asp:Label ID="LeaveReasonlable" runat="server" Text="Leave Reason"> </asp:Label>
                                    </div>
                                    <div class="fLeft pRight5 display-flex">
                                        <asp:TextBox ID="LeaveReasonTextBox" runat="server" Height="40px" SkinID="MultiLineTextbox"
                                            TextMode="MultiLine"></asp:TextBox>
                                        <asp:ImageButton ID="LeaveReasonButton" runat="server" SkinID="FindImage" ToolTip="Leave Reason Search"
                                            ImageUrl="~/Images/icons/icon_find.gif" TabIndex="8" OnClick="LeaveReasonButton_OnClick"
                                            meta:resourcekey="LeaveReasonButtonResource1" />
                                    </div>
                                </div>
                                <div class="cBoth">
                                </div>
                                <div class="outerBox pTop15 col-md-3">
                                    <div class="fLeft">
                                        <asp:CheckBox ID="FileAttachmentCheckBox" Text="File Attachment" runat="server" AutoPostBack="True" OnCheckedChanged="FileAttachmentCheckBox_CheckedChanged" />
                                        <%--       <asp:Label ID="FileAttachmentLabel" runat="server" class="pLeft5" Text="File Attachment"></asp:Label>--%>
                                    </div>
                                </div>
                                <div class="cBoth">
                                </div>
                                <div id="FileUploaddiv" visible="False" runat="server">
                                    <asp:HiddenField ID="AttachmentSizeHiddenField" runat="server" />
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">
                                            <a href="javascript:;" onclick="OpenFileUpload();" class="btn btn-browser">
                                                <i class="fa fa-arrow-down"></i>Browse</a>
                                            <asp:FileUpload ID="flUpload" runat="server" onChange="readURL(this);" ClientIDMode="Static" Style="display: none;" />

                                            <asp:Button runat="server" ID="RefreshButton" Text="&#xf2f9; Refresh" OnClick="RefreshButton_OnClick"
                                                SkinID="0" CssClass="btn btn-refresh fas" />
                                        </div>
                                    </div>
                                    <div class="outerBox pTop5 col-md-3">
                                        <div class="controlLabelWidth">

                                            <asp:Label ID="Label2" runat="server" Text="" Style="padding-left: 10px; font-size: medium;"></asp:Label>

                                        </div>
                                    </div>
                                    <div class="cBoth">
                                    </div>
                                    <div class="col-md-12">
                                        <div class="alert alert-info">
                                            <i class="material-icons pos-rel">info</i> |&nbsp;
                                        <asp:Label ID="Label6" Text="Click on refresh button to view current uploaded Files"
                                            runat="server" />
                                        </div>
                                    </div>
                                    <div class="cBoth">
                                    </div>
                                    <div id="Div11" class="himssuHeader6WireBox col-md-12" runat="server"
                                        style="width: 100%; margin-right: 5px;">
                                        <div id="UploadDiv" visible="False" runat="server">
                                            <div class="spacer">
                                                <asp:Image ID="Image6" runat="server" ImageUrl="~/Images/spacer.gif" />
                                            </div>
                                            <div class="himsBoxHeader" id="HeaderDiv" visible="False" runat="server">
                                                <div class="leftdiv">
                                                </div>
                                                <div class="himsBoxTitle" style="width: 99%">
                                                    <div class="headerText">
                                                        <div class="">
                                                            <asp:Label ID="Label7" Text="File List" runat="server" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="himsBoxContent">
                                                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                                    <ContentTemplate>
                                                        <div id="GridViewDiv" runat="server" visible="false">
                                                            <div id="Div2" runat="server" class="table-responsive">
                                                                <asp:GridView ID="FileGridView" runat="server" Width="100%" CssClass="table table-striped table-bordered table-hover"
                                                                    AutoGenerateColumns="False" ShowHeader="true" PagerSettings-Visible="false" EmptyDataText="No Files Uploaded">
                                                                    <Columns>
                                                                        <asp:TemplateField HeaderText="File Name" ItemStyle-Width="90%" HeaderStyle-HorizontalAlign="Left"
                                                                            ItemStyle-HorizontalAlign="Left" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:HyperLink ID="FileNameHyperLink" runat="server" Text='<%# Eval("FileName") %>'
                                                                                    NavigateUrl='<%# Eval("FilePath") %>' Target="_blank"></asp:HyperLink>
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                        <asp:TemplateField HeaderText="Delete" ItemStyle-Width="10%" HeaderStyle-HorizontalAlign="Center"
                                                                            ItemStyle-HorizontalAlign="Center" ItemStyle-Wrap="true">
                                                                            <ItemTemplate>
                                                                                <asp:ImageButton ID="DeleteImageButton" runat="server" OnClick="DeleteImageButton_OnClick"
                                                                                    ImageUrl="~/Images/icons/icon_delete.gif" ToolTip="Delete" />
                                                                            </ItemTemplate>
                                                                        </asp:TemplateField>
                                                                    </Columns>
                                                                </asp:GridView>
                                                            </div>
                                                        </div>
                                                    </ContentTemplate>
                                                </asp:UpdatePanel>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="EmployeeLeaveDiv" class="himssuHeader6WireBox col-md-12"
                                    runat="server" style="width: 100%; margin-right: 5px;" visible="false">
                                    <div class="himsBoxHeader" id="Div1" visible="False" runat="server">
                                        <div class="leftdiv">
                                        </div>
                                        <div class="himsBoxTitle" style="width: 99%">
                                            <div class="headerText">
                                                <div class="">
                                                    <header>
                                                        <i class="fas fa-bookmark"></i>
                                                        <asp:Label ID="EmployeeLeaveLabel" Text="Employee Leave" runat="server" />
                                                    </header>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="himsBoxContent">
                                        <div id="Div3" runat="server" class="table-responsive">
                                            <asp:GridView ID="EmployeeLeaveDetailGridView" runat="server" Width="100%" CssClass="table table-striped table-bordered table-hover"
                                                AutoGenerateColumns="False" ShowHeader="true" PagerSettings-Visible="false" EmptyDataText="No Records Found !!">
                                                <Columns>
                                                    <asp:BoundField HeaderText="Leave Type" DataField="Leave Type" HeaderStyle-HorizontalAlign="Left">
                                                        <ItemStyle Width="25%" />
                                                    </asp:BoundField>
                                                    <asp:BoundField HeaderText="Balance Leave" DataField="Balance Leave" HeaderStyle-HorizontalAlign="Left">
                                                        <ItemStyle Width="25%" />
                                                    </asp:BoundField>
                                                    <asp:BoundField HeaderText="No. Of Leave (Used Leave)" DataField="No. Of Leave" HeaderStyle-HorizontalAlign="Left">
                                                        <ItemStyle Width="25%" />
                                                    </asp:BoundField>
                                                    <asp:BoundField HeaderText="Available Balance" DataField="Available Balance" HeaderStyle-HorizontalAlign="Left">
                                                        <ItemStyle Width="25%" />
                                                    </asp:BoundField>
                                                </Columns>
                                            </asp:GridView>
                                        </div>
                                    </div>
                                </div>
                                <div class="cBoth">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="spacer">
                <img src="../../../Images/spacer.gif" />
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>
    <%--<script data-main="../../../JavaScript/rjs/leave" src="../../../JavaScript/rjs/require.js"></script>--%>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/leave")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
</asp:Content>
