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

<%@ Register Src="~/UserControls/DatePicker/DatePickerControl.ascx" TagName="DatePickerControl"
    TagPrefix="Date" %>
<%@ Register Src="~/UserControls/Common/CommonSearch/CommonSearch.ascx" TagName="CommonSearchUserControl"
    TagPrefix="Common" %>
<%@ Register Src="~/UserControls/Common/ScreenGroup/ScreenGroup.ascx" TagName="ScreenGroupControl"
    TagPrefix="ScreenGroup" %>
<%@ Register Src="~/UserControls/AutoComplete/AutoCompleteControl.ascx" TagName="AutoCompleteControl"
    TagPrefix="acc" %>
<%@ Register Src="~/UserControls/Common/StudentSearch/StudentSearch.ascx" TagName="StudentSearch"
    TagPrefix="Std" %>
<asp:Content ID="Content1" ContentPlaceHolderID="CP" runat="Server">
    <asp:UpdatePanel ID="FeeReportUpdatePanel" runat="server">
        <Triggers>
            <asp:PostBackTrigger ControlID="DownloadZipLinkButton" />
        </Triggers>
        <ContentTemplate>
            <Common:CommonSearchUserControl ID="CommonSearchControl" runat="server" Visible="false" />
            <Std:StudentSearch ID="StudentSearch" Visible="false" runat="server" />
            <div id="divContentPage" class="divcontentpagemargin">
                <div>

                    <div class="dashBoardLeftCont" style="padding: 0; margin: 0;">
                        <div>
                            <ScreenGroup:ScreenGroupControl EnableViewState="true" ID="ScreenGroupControl" ScreenGroupId="104"
                                Visible="true" runat="server" />
                        </div>
                    </div>
                    <div class="whiteboxpaddingleft row">
                        <div class="himssuHeader1WireBox card card-box">
                            <div class="himsBoxHeader card-head">
                                <div class="himsBoxTitle">
                                    <div class="headerText">
                                        <header>
                                            <i class="fas fa-file-alt"></i>Criteria
                                        </header>
                                    </div>
                                </div>
                            </div>
                            <div class="himsBoxContent card-body">
                                <div class="contentHolder">
                                    <asp:Panel ID="FeeReportListDiv" runat="server" meta:resourcekey="SkillDivResource1">
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="">
                                                <asp:Label ID="ReportLabel" runat="server" Text="Report" SkinID="MandatoryLabel" Font-Bold="true"></asp:Label>
                                                &nbsp;<asp:Label ID="ClientSpecificReportLabel" runat="server" ForeColor="BlueViolet" Text=" (CS)" 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()" AutoPostBack="true" OnSelectedIndexChanged="ReportDropDownList_OnSelectedIndexChanged">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="Label3" runat="server" Text=""></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:RadioButtonList ID="ReportTypeRadioButtonList" runat="server" RepeatDirection="Horizontal" Width="200px" Visible="false">
                                                    <asp:ListItem Text="Upto Date" Value="1" Selected="True"></asp:ListItem>
                                                    <asp:ListItem Text="Process" Value="2"></asp:ListItem>
                                                </asp:RadioButtonList>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3"></div>
                                        <div class="outerBox pTop5 col-md-3"></div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="ViewModeLabel" runat="server" Text="View Mode"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="ViewModeDropDownList" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="ViewModeDropDownListResource" />
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3" runat="server" visible="false">
                                            <div class="fLeft pRight5 pTop5">
                                                <asp:CheckBox ID="IsHeaderCheckBox" runat="server" Text="Header" />
                                                <%-- <asp:Label ID="IsHeaderLabel" runat="server" Text="Header"></asp:Label>--%>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="fLeft pRight5 pTop5">
                                                <asp:CheckBox ID="IsFilterCheckBox" runat="server" Checked="true" Text="Display Filter" />
                                                <%-- <asp:Label ID="FilterLabel" runat="server"></asp:Label>--%>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3" runat="server" id="DisplayOrgGroupDiv">
                                            <div class="fLeft pRight5 pTop5">
                                                <asp:CheckBox ID="DisplayOrgGroupCheckBox" runat="server" Checked="true" Text="Display Org Group" />
                                                <%--<asp:Label ID="DisplayOrgNameLabel" runat="server" Text="Display Org Group"></asp:Label>--%>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="OrganizationGroupBatchLabel" runat="server" Text="Group Batch" SkinID="MandatoryLabel"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList runat="server" ID="OrganizationGroupBatchDropDownList" SkinID="CustomWidthDropDownList"
                                                    AutoPostBack="true" CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                    OnSelectedIndexChanged="OrganizationGroupBatchDropDownList_OnSelectedIndexChanged">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="Label1" Text="Common Batch" runat="server"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="BatchCommonDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                    onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="ReceiptBookLabel" runat="server" Text="Receipt Book"></asp:Label>
                                                <asp:Label ID="ReceiptBookLabelM" runat="server" SkinID="MandatoryLabel" Visible="false"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList runat="server" ID="ReceiptBookDropDownList" SkinID="CustomWidthDropDownList"
                                                    CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                    OnSelectedIndexChanged="ReceiptBookDropDownList_SelectedIndexChanged" AutoPostBack="true">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div id="CollectionGroupDiv1" runat="server" class="outerBox pTop5 col-md-3" visible="false">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="CollectionGroupLabel1" runat="server" Text="Collection Group"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList runat="server" ID="CollectionGroupDropDownList1" 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="OrganizationLabel" Text="Organization" runat="server"></asp:Label>
                                                <asp:Label ID="OrganizationLabelM" runat="server" SkinID="MandatoryLabel" Visible="false"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="OrganizationDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                    onmouseenter="showHideTooltip()" AutoPostBack="true" SkinID="CustomWidthDropDownList"
                                                    CssClass="form-control" OnSelectedIndexChanged="OrganizationDropDownList_OnSelectedIndexChanged">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="BatchLable" Text="Org Batch" runat="server"></asp:Label>
                                                <asp:Label ID="BatchLableM" runat="server" SkinID="MandatoryLabel" Visible="false"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="BatchDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                    onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control"
                                                    AutoPostBack="true" OnSelectedIndexChanged="BatchDropDownList_OnSelectedIndexChanged">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3" id="UserSearchPanel" runat="server" visible="false">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="Label7" runat="server" Text="User" meta:resourcekey="Label7Resource1"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5 display-flex">
                                                <acc:AutoCompleteControl ID="UserTextBox" runat="server" MinimumPrefixLength="2"
                                                    MaxLength="50" ContextKey="Common.EmployeeUserWithAdmin" AutoPostBack="true"
                                                    DisplayLoadingStatus="true" SkinID="CustomWidthTextBox" CssClass="form-control" ValidateOnTextChanged="false" />
                                                <asp:ImageButton SkinID="FindImage" ToolTip="Search" ID="UserImageButton" runat="server"
                                                    OnClick="UserImageButton_Click" />
                                                <asp:HiddenField runat="server" ID="UserIdHiddenField" />
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="DepartmentLabel" Text="Department" runat="server"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="DepartmentDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                    onmouseenter="showHideTooltip()" AutoPostBack="true" SkinID="CustomWidthDropDownList"
                                                    CssClass="form-control" OnSelectedIndexChanged="DepartmentDropDownList_SelectedIndexChanged">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="AdmissionCategoryLabel" runat="server" Text="Fee Category"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList runat="server" ID="AdmissionCategoryDropDownList" SkinID="CustomWidthDropDownList"
                                                    onmouseleave="showHideTooltip()" CssClass="form-control" onmouseenter="showHideTooltip()">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="ClassLabel" runat="server" Text="Class"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="ClassDropDownList" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="ClassDropDownListResource"
                                                    AutoPostBack="true" OnSelectedIndexChanged="ClassDropDownList_OnSelectedIndexChanged" />
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3" id="DivisionDiv" runat="server">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="DivisionLabel" runat="server" Text="Division"></asp:Label>
                                            </div>
                                            <asp:DropDownList ID="DivisionDropDownList" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" AutoPostBack="true"
                                                OnSelectedIndexChanged="DivisionDropDownList_OnSelectedIndexChanged" />
                                        </div>
                                        <div class="outerBox pTop5 col-md-3" id="Div1" runat="server" visible="false">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="CastCategory" runat="server" Text="Cast Category"></asp:Label>
                                            </div>
                                            <asp:DropDownList ID="CastCategoryDropDownList" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" AutoPostBack="true" />
                                        </div>
                                        <%-- <div class="cBoth">
                                        </div>--%>
                                        <div id="DateStatusDiv" runat="server">
                                            <div class="outerBox pTop5 col-md-3" id="FromDateDiv" runat="server" visible="true">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="FromDateLabel" runat="server" Text="From Receipt Date" Visible="true"></asp:Label>
                                                    <asp:Label ID="FromDateLabel1" runat="server" Text="From Receipt Date" Visible="false" SkinID="MandatoryLabel"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <Date:DatePickerControl DisplayDatePicker="true" ID="FromDatePickerControl" Visible="true"
                                                        runat="server" />
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3" id="PayDateDiv" runat="server" visible="false">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="PayDateLabel" runat="server" Text="Pay Date" Visible="true" class="mandatory"></asp:Label>

                                                </div>
                                                <div class="fLeft pRight5">
                                                    <Date:DatePickerControl DisplayDatePicker="true" ID="PayDatePickerControl" Visible="true"
                                                        runat="server" />
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3" id="ToReciptDateDiv" runat="server" visible="true">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="ToDateLabel" runat="server" Text="To Receipt Date" Visible="true"></asp:Label>
                                                    <asp:Label ID="ToDateLabel1" runat="server" Text="To Receipt Date" Visible="false" SkinID="MandatoryLabel"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <Date:DatePickerControl DisplayDatePicker="true" ID="ToDatePickerControl" Visible="true"
                                                        runat="server" />
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3" id="StatusDiv" runat="server" visible="false">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="StatusLabel" runat="server" Text="Status"></asp:Label>
                                                </div>
                                                <asp:DropDownList ID="StatusDropDownList" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                    AutoPostBack="true" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" />
                                            </div>
                                        </div>
                                        <%--<div class="cBoth">
                                        </div>--%>
                                        <div runat="server" id="ReceiptNoDiv" visible="true">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="FromReceiptNoLabel" runat="server" Text="From Receipt No"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="FromReceiptNoTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                        onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onkeypress="return isNumberKey(event)" />
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="ToReceiptNoLabel" runat="server" Text="To Receipt No"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="ToReceiptNoTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                        onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onkeypress="return isNumberKey(event)" />
                                                </div>
                                            </div>
                                        </div>
                                        <div runat="server" id="PayTypeDiv" visible="true">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="PayTypeLabel" runat="server" Text="PayType"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:DropDownList ID="PayTypeDropDownList" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                        AutoPostBack="true" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" />
                                                </div>
                                            </div>
                                        </div>
                                        <%--<div class="cBoth">
                                        </div>--%>
                                        <div id="RollNoDiv" runat="server">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="FromRollNoLabel" runat="server" Text="From Roll No"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="FromRollNoTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                        onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onkeypress="return isNumberKey(event)" />
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="ToRollNoLabel" runat="server" Text="To Roll No"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="ToRollNoTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                        onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onkeypress="return isNumberKey(event)" />
                                                </div>
                                            </div>
                                        </div>
                                        <asp:Panel ID="StudentSearchPanel" runat="server">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="StudentIdNoLabel" runat="server" Text="Id No"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5 display-flex">
                                                    <asp:TextBox ID="StudentIdNoTextBox" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                        SkinID="CustomWidthTextBox" runat="server" MaxLength="200" AutoPostBack="true">
                                                    </asp:TextBox>
                                                    <asp:ImageButton SkinID="FindImage" ToolTip="Student Search" ID="StudentIdNoImageButton"
                                                        ImageUrl="~/Images/icons/icon_find.gif" runat="server" />
                                                    <asp:HiddenField ID="SourceIdHiddenField" runat="server" />
                                                </div>
                                            </div>
                                        </asp:Panel>

                                        <div class="outerBox pTop5 col-md-3" id="FiltrerDiv" runat="server">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="Label2" runat="server" Text="Filter"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="FiltrerDropDownList" runat="server"
                                                    CssClass="form-control" SkinID="CustomWidthDropDownList" onmouseleave="showHideTooltip()"
                                                    onmouseenter="showHideTooltip()">
                                                    <asp:ListItem Value="0">- ALL -</asp:ListItem>
                                                    <asp:ListItem Value="1">School</asp:ListItem>
                                                    <asp:ListItem Value="2">Hostel</asp:ListItem>
                                                    <asp:ListItem Value="3">Transport</asp:ListItem>
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3" id="ClassStatusDiv" runat="server">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="ClassStatusLabel" runat="server" Text="Class Status"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="ClassStatusDropDownList" runat="server" CssClass="form-control" SkinID="CustomWidthDropDownList"
                                                    onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" meta:resourcekey="ClassStatusDropDownListResource" />
                                            </div>
                                        </div>

                                        <div runat="server" id="AmountDiv" visible="false">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="FromAmoutLabel" runat="server" Text="From Amount"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="FromAmountTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                        onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onkeypress="return isNumberKey(event)" />
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="ToAmountLabel" runat="server" Text="To Amount"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:TextBox ID="ToAmountTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                        onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()" onkeypress="return isNumberKey(event)" />
                                                </div>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3" id="DivCreatedUserName" runat="server" visible="false">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="CreatedUserNameLabel" runat="server" Text="User" meta:resourcekey="Label7Resource1"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:TextBox ID="CreatedUserNameTextBox" runat="server" SkinID="CustomWidthTextBox"
                                                    CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()"
                                                    MaxLength="100"></asp:TextBox>
                                            </div>
                                        </div>
                                        <div class="outerBox pTop5 col-md-3" id="ExemptionTypeDiv" runat="server" visible="false">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="ExemptionTypeLabel" runat="server" Text="Exemption Type" meta:resourcekey="ExemptionTypeLabelResource1"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="ExemptionTypeDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                    onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3" id="CustomGroupDiv" runat="server" visible="false">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="CustomGroupLabel" runat="server" Text="Custom Group"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="CustomGroupDropDownList" runat="server" SkinID="CustomWidthDropDownList" CssClass="form-control">
                                                    <asp:ListItem Value="1">Receipt Book</asp:ListItem>
                                                    <asp:ListItem Value="2">Date</asp:ListItem>
                                                    <asp:ListItem Value="3">User</asp:ListItem>
                                                    <asp:ListItem Value="4">Pay Type</asp:ListItem>
                                                    <asp:ListItem Value="5">Class - Division</asp:ListItem>
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3" id="ReceiptSummaryDateWiseCustomGroupDiv" runat="server" visible="false">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="ReceiptSummaryDateWiseCustomGroupLabel" runat="server" Text="Custom Group"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="ReceiptSummaryDateWiseCustomGroupDropDownList" runat="server" SkinID="CustomWidthDropDownList" CssClass="form-control">
                                                    <asp:ListItem Value="1">Pay Type</asp:ListItem>
                                                    <asp:ListItem Value="2">Fee Head</asp:ListItem>
                                                    <asp:ListItem Value="3">Fee</asp:ListItem>
                                                    <asp:ListItem Value="4">User</asp:ListItem>
                                                </asp:DropDownList>
                                            </div>
                                        </div>



                                        <div id="FilterFeeHeadDiv" runat="server" visible="true">
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="FeeHeadCheckBox" runat="server" AutoPostBack="True" Text="Filter By Fee Header" OnCheckedChanged="FeeHeadCheckBox_CheckedChanged" />
                                                    <%-- <asp:Label ID="FeeHeadLabel" runat="server" Text="Filter By Fee Header" class="pLeft5"></asp:Label>--%>
                                                </div>
                                                <div id="FeeHeadDiv" runat="server" visible="False" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px">
                                                    <asp:CheckBoxList ID="FeeHeadCheckBoxList" runat="server">
                                                    </asp:CheckBoxList>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="outerBox pTop5 col-md-3" id="BusRouteNoDiv" runat="server" visible="false">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="BusRouteNoLabel" runat="server" Text="Bus Route No" meta:resourcekey="BusRouteNoLabelResource1"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="BusRouteDropDownList" runat="server" onmouseleave="showHideTooltip()"
                                                    onmouseenter="showHideTooltip()" SkinID="CustomWidthDropDownList" CssClass="form-control">
                                                </asp:DropDownList>
                                            </div>
                                        </div>

                                        <div id="FilterFeeDiv" runat="server" visible="false">
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="FeeCheckBox" runat="server" AutoPostBack="True" Text="Filter By Fee" OnCheckedChanged="FeeCheckBox_CheckedChanged" />
                                                    <%--<asp:Label ID="FeeLabel" runat="server" Text="Filter By Fee" class="pLeft5"></asp:Label>--%>
                                                </div>
                                                <div id="FeeDiv" runat="server" visible="False" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px">
                                                    <asp:CheckBoxList ID="FeeCheckBoxList" runat="server">
                                                    </asp:CheckBoxList>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="FilterOrganizationDiv" runat="server" visible="false">
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="OrganizationCheckBox" runat="server" AutoPostBack="True" Text="Filter By Organization" OnCheckedChanged="OrganizationCheckBox_CheckedChanged" />
                                                    <%--<asp:Label ID="FeeLabel" runat="server" Text="Filter By Fee" class="pLeft5"></asp:Label>--%>
                                                </div>
                                                <div id="OrganizationDiv" runat="server" visible="False" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px">
                                                    <asp:CheckBoxList ID="OrganizationCheckBoxList" runat="server">
                                                    </asp:CheckBoxList>
                                                </div>
                                            </div>
                                        </div>

                                        <div id="FilterClassDiv" runat="server" visible="false">
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="ClassCheckBox" runat="server" AutoPostBack="True" Text="Filter By Class" OnCheckedChanged="ClassCheckBox_CheckedChanged" />

                                                </div>
                                                <div id="ClassDiv" runat="server" visible="False" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px">
                                                    <asp:CheckBoxList ID="ClassCheckBoxList" runat="server">
                                                    </asp:CheckBoxList>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="FilterDivisionDiv" runat="server" visible="false">
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="DivisionCheckBox" runat="server" AutoPostBack="True" Text="Filter By Class-Division" OnCheckedChanged="DivisionCheckBox_CheckedChanged" />

                                                </div>
                                                <div id="DivisionsDiv" runat="server" visible="False" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px"><%--change (outerBox--> outerBox11) Added by dhananjay for mantis - 0034860--%>
                                                    <asp:CheckBoxList ID="DivisionCheckBoxList" runat="server">
                                                    </asp:CheckBoxList>
                                                </div>
                                            </div>
                                        </div>

                                        <div id="MultiPayTypeDiv" runat="server" visible="false">
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="PayTypeCheckBox" runat="server" AutoPostBack="True" Text="Filter By PayType" OnCheckedChanged="PayTypeCheckBox_CheckedChanged" />
                                                </div>
                                                <div id="PayTypeCheckBoxDiv" runat="server" visible="False" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px">
                                                    <asp:CheckBoxList ID="PayTypeCheckBoxList" runat="server">
                                                    </asp:CheckBoxList>
                                                </div>
                                            </div>
                                        </div>

                                        <div id="DetailDiv" runat="server" visible="false">
                                            <div class="outerBox pTop5 col-md-3 ">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="IsDetailCheckBox" runat="server" Text="With Detail" />
                                                    <%--    <asp:Label ID="IsDetailLabel" runat="server" Text="With Detail"></asp:Label>--%>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="CancelDiv" runat="server" visible="false">
                                            <div class="outerBox pTop5 col-md-3 ">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="IsCancelCheckBox" runat="server" Text="Cancel Receipt" />
                                                    <%--  <asp:Label ID="IsCancelLabel" runat="server" Text="Cancel Receipt"></asp:Label>--%>
                                                </div>
                                            </div>
                                        </div>

                                        <div id="ReceiptBookGroupDiv" runat="server" visible="false">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="IsReceiptBookGroupCheckBox" runat="server" AutoPostBack="True" Text="With Receipt Book Group" OnCheckedChanged="IsReceiptBookGroupCheckBox_CheckedChanged" />
                                                    <%--<asp:Label ID="IsReceiptBookGroupLabel" runat="server" Text="With Receipt Book Group"></asp:Label>--%>
                                                </div>
                                            </div>
                                        </div>

                                        <div id="FilterByReceiptBookDiv" runat="server" visible="false">
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="FilterByReceiptBookCheckBox" runat="server" AutoPostBack="True" Text="Filter By Receipt Book" OnCheckedChanged="FilterByReceiptBookCheckBox_CheckedChanged" />
                                                </div>
                                                <div id="FilterByReceiptDiv" runat="server" visible="false" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px">
                                                    <asp:CheckBoxList ID="FilterByReceiptCheckBoxList" runat="server">
                                                    </asp:CheckBoxList>
                                                </div>
                                            </div>
                                        </div>

                                        <div id="FilterByFeeCategoryDiv" runat="server" visible="false">
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="FilterByFeeCategoryCheckbox" runat="server" AutoPostBack="True" Text="Filter By Fee Category"
                                                        OnCheckedChanged="FilterByFeeCategoryCheckbox_CheckedChanged" />
                                                </div>
                                                <div id="FilterByFeeDiv" runat="server" visible="false" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px">
                                                    <asp:CheckBoxList ID="FilterByFeeCategoryCheckboxList" runat="server">
                                                    </asp:CheckBoxList>
                                                </div>
                                            </div>
                                        </div>

                                        <div runat="server" id="CollectionGroupDiv" visible="false">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="CollectionGroupLabel" runat="server" Text="Collection Group" meta:resourcekey="CollectionGroupLabelResource1"></asp:Label>
                                                    <asp:Label ID="CollectionGroupLabelM" runat="server" SkinID="MandatoryLabel" Visible="false"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <asp:DropDownList runat="server" ID="CollectionGroupDropDownList" SkinID="CustomWidthDropDownList"
                                                        CssClass="form-control" onmouseleave="showHideTooltip()" onmouseenter="showHideTooltip()">
                                                    </asp:DropDownList>
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <label id="IsFeeInvoiceHeadwiseLabel" runat="server" class="rt-chkbox rt-chkbox-single rt-chkbox-outline" text="">
                                                        <asp:CheckBox ID="IsFeeInvoiceHeadwiseCheckBox" runat="server" />
                                                        <span></span>
                                                        Fee Invoice Headwise
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <%--<div class="cBoth">
                                        </div>--%>
                                        <div id="FeeGroupDiv" runat="server" visible="false">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:RadioButtonList ID="FeeGroupRadioButtonList" runat="server"></asp:RadioButtonList>

                                                </div>
                                            </div>

                                        </div>
                                        <%--<div class="cBoth">
                                        </div>--%>
                                        <div class="outerBox pTop5 col-md-3" id="FeeStatusDiv" runat="server" visible="false">
                                            <div class="controlLabelWidth">
                                                <asp:Label ID="FeeStatusLabel" runat="server" Text="Fee Status"></asp:Label>
                                            </div>
                                            <div class="fLeft pRight5">
                                                <asp:DropDownList ID="FeeStatusDropDownList" runat="server" SkinID="CustomWidthDropDownList" CssClass="form-control">
                                                    <asp:ListItem Value="0">- ALL -</asp:ListItem>
                                                    <asp:ListItem Value="1">Valid</asp:ListItem>
                                                    <asp:ListItem Value="2">Cancel</asp:ListItem>
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <%--<div class="cBoth">
                                        </div>--%>
                                        <div id="ChequeDiv" runat="server" visible="false">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="FromChequeDateLabel" runat="server" Text="From Cheque Date" Visible="True"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <Date:DatePickerControl DisplayDatePicker="true" ID="FromChequeDatePickerControl"
                                                        Visible="True" runat="server" />
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="ToChequeDateLabel" runat="server" Text="To Cheque Date" Visible="True"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <Date:DatePickerControl DisplayDatePicker="True" ID="ToChequeDatePickerControl" Visible="True"
                                                        runat="server" />
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="BankNameLabel" runat="server" Text="Bank Name"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <acc:AutoCompleteControl ID="BankNameTextBox" runat="server" MinimumPrefixLength="2"
                                                        MaxLength="50" ContextKey="sFinanceCommon.Bank" DisplayLoadingStatus="true" SkinID="CustomWidthTextBox"
                                                        cssclass="form-control" ValidateOnTextChanged="false" />
                                                </div>
                                            </div>
                                        </div>
                                        <div id="FilterBankNameDiv" runat="server" visible="false">
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="BankNameCheckBox" runat="server" AutoPostBack="True" Text="Bank Name" OnCheckedChanged="BankNameCheckBox_CheckedChanged" />
                                                </div>
                                                <div id="BankNameDiv" runat="server" visible="False" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px">
                                                    <asp:CheckBoxList ID="BankNameCheckBoxList" runat="server">
                                                    </asp:CheckBoxList>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="ChequeClearDateDiv" runat="server" visible="false">
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="FromClearChequeDateLable" runat="server" Text="From Cheque Clear Date" Visible="True"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <Date:DatePickerControl DisplayDatePicker="true" ID="FromClearChequePickerControl"
                                                        Visible="True" runat="server" />
                                                </div>
                                            </div>
                                            <div class="outerBox pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:Label ID="ToClearChequedateLable" runat="server" Text="To Cheque Clear Date" Visible="True"></asp:Label>
                                                </div>
                                                <div class="fLeft pRight5">
                                                    <Date:DatePickerControl DisplayDatePicker="True" ID="ToClearChequePickerControl" Visible="True"
                                                        runat="server" />
                                                </div>
                                            </div>
                                        </div>
                                        <div id="PendingFeeCollectionGroupDiv" runat="server" visible="false">
                                            <%--  <div id="MonthDiv" runat="server" visible="false">--%>
                                            <div class="outerBox11 pTop5 col-md-3">
                                                <div class="controlLabelWidth">
                                                    <asp:CheckBox ID="CollectionGroupCheckBox" runat="server" AutoPostBack="True" Text="Collection Group" OnCheckedChanged="CollectionGroupCheckBox_CheckedChanged" />
                                                    <%--<asp:Label ID="QuarterLabel" runat="server" Text="Month (Quarter)" class="pLeft5"></asp:Label>--%>
                                                </div>
                                                <div id="CollectionGroupCheckBoxListDiv" runat="server" visible="False" class="fLeft pRight5 chck-dropdown-onclick bg-lghtgrey outerBox11 col-md-12 overflow-x-hidden padd-0" style="max-height: 175px">
                                                    <asp:CheckBoxList ID="CollectionGroupCheckBoxList" runat="server">
                                                    </asp:CheckBoxList>
                                                </div>
                                            </div>
                                            <%--  </div>--%>
                                        </div>

                                    </asp:Panel>
                                </div>

                                <div class="outerBox11 pTop5 col-md-3">
                                    <div class="controlLabelWidth">
                                        <asp:LinkButton ID="DownloadZipLinkButton" runat="server" OnClick="DownloadZipLinkButton_Click" CssClass="pointer fas" Visible="false" Font-Bold="true"><i class="fas fa-angle-double-right"></i>Download pdf</asp:LinkButton>
                                    </div>
                                </div>

                                <div class="alignCenter col-md-12 pb15 pTop15">
                                    <asp:Button ID="PrintButton" Text="&#xf15b;  View Report" runat="server" OnClick="PrintButton_Click"
                                        SkinID="0" CssClass="btn btn-report fas" />
                                    <asp:Button ID="ClearButton" Text="&#xf12d; Clear" runat="server" OnClick="ClearButton_Click"
                                        meta:resourcekey="ClearButtonResource1" SkinID="0" CssClass="btn btn-clear fas" />
                                    <asp:HiddenField ID="TemplateHiddenField" runat="server" />
                                    <asp:HiddenField ID="JsonHiddenField" runat="server" />
                                </div>

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

                </div>
            </div>

        </ContentTemplate>
    </asp:UpdatePanel>
    <%--  <script data-main="../../../JavaScript/rjs/encrypt/feereport-criteria-encrypt" src="../../../JavaScript/rjs/require.js"></script>--%>
    <%--<script data-main='<%=ResolveUrl("~/JavaScript/rjs/feereport-criteria")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>--%>
    <script src="../../../JavaScript/jquery-2.0.3.min.js"></script>
    <script src="../../../JavaScript/rjs/app/Validations.js"></script>
    <script type="text/javascript" src="../../../JavaScript/mustache.js"></script>
    <script type="text/javascript" src="../../../JavaScript/AutoSelectDropDown.js"></script>
    <link href="../../../App_Themes/AutoSelectDropDown.css" rel="stylesheet" />

    <script type="text/javascript">
        function LoadSelect2() {
            $('#ctl00_CP_ReportDropDownList').select2({
                placeholder: "Select an option",
                dropdownAutoWidth: true
            });
        };

        function validate() {
            var himsValidator = [new hims_ctl_val('ctl00_CP_ReportDropDownList', 'Report', "T", "", "", "", "")];
            if (fnDoValidate(himsValidator))
                return true;
            else
                return false;
        }

        function isNumberKey(evt) {
            var charCode = (evt.which) ? evt.which : event.keyCode;
            if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57))
                return false;
            return true;
        }

        function LoadHtml() {
            template = $('#ctl00_CP_TemplateHiddenField').val();
            json = $.parseJSON($('#ctl00_CP_JsonHiddenField').val());
            html = Mustache.to_html(template, json).replace(/^\s*/mg, '');
            var myWindow = window.open("", "Pending Fee Slip Custom", "width=2000,height=1000", "false");
            myWindow.document.write('<html><style>@media print {.PrintHidden {visibility: hidden;}}</style><head><title>Pending Fee Slip Custom</title>');
            myWindow.document.write('<div style="text-align:center"><input type="Button" class="PrintHidden" Value="Print" OnClick="window.print();" /></div>')
            myWindow.document.write("" + html + "");

            myWindow.document.close();
        }


    </script>
    <script data-main='<%=ResolveUrl("~/JavaScript/rjs/fee-report-uptodate-criteria")%>' src='<%=ResolveUrl("~/JavaScript/rjs/require.js")%>'></script>
</asp:Content>
