<%@ page language="VB" masterpagefile="~/Template/Master_Client.master" autoeventwireup="false" inherits="Client_BillingHistory, MachSol.MachPanel.Web" %>

<%@ Register Src="~/Template/GVPager.ascx" TagName="Pager" TagPrefix="EM" %>
<%@ Register Src="CC/InvoiceDetail.ascx" TagName="Inv" TagPrefix="EM" %>
<%@ Register Src="CC/PaymentDetail.ascx" TagName="Pmt" TagPrefix="EM" %>
<%@ Register Src="CC/CreditAdjustment.ascx" TagName="CA" TagPrefix="EM" %>
<%@ Register Src="CC/RefundDetail.ascx" TagName="RD" TagPrefix="EM" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="EM" %>
<%@ Register Assembly="System.Web, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" Namespace="System.Web.UI" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="CPH_Content" runat="Server">

    <script language="javascript" type="text/javascript">
        function PostBack(Inp, Ctrl, HF) {
            var HF_Value = document.getElementById(HF);
            HF_Value.value = Inp;
            __doPostBack(Ctrl, '');
        }
    </script>

    <div class="col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <asp:Literal ID="Ltl_SubsInfo" runat="server" /></h2>
            </div>
            <div class="body">
                <div class="row" id="Tbl_Operations" runat="server" visible="false">
                    <div class="col-xs-12">
                        <div class="card">
                            <div class="header">
                                <h3>
                                    <asp:Literal ID="Literal3" runat="server" Text="<%$ Resources:Content,GN00001320%>" EnableViewState="false" /></h3>
                            </div>
                            <div class="body">
                                <asp:Button class="btn btn-primary waves-effect" ID="Btn_ManageAuthorizeCIMProfiles"
                                    runat="server" Text="<%$ Resources:Content,FAM00191 %>" Visible="false" />
                                <asp:Button class="btn btn-primary waves-effect" ID="Btn_ManageSaferPayAliases"
                                    runat="server" Text="<%$ Resources:Content,ManageSaferPayAliases %>" Visible="false" />
                            </div>
                        </div>
                    </div>
                </div>

                <EM:TabContainer ID="TC_Documents" runat="server" OnClientActiveTabChanged="loadTabPanel">
                    <EM:TabPanel ID="Tab_Documents" runat="server" HeaderText='<%$ Resources:Content, GN0000682 %>'>
                        <ContentTemplate>
                            <asp:Button ID="Btn_Tab0" runat="server" Style="display: none;" />
                            <asp:Panel ID="Pnl_TabContent0" runat="server">

                                <%--search box start--%>
                                <asp:Panel ID="Pnl_Edit" runat="server" DefaultButton="Btn_FilterDocGo">
                                    <div class="row">
                                        <div class="panel-group search-panel" id="AS_BillingHistory" role="tablist" aria-multiselectable="true">
                                            <div class="col-xs-12" role="tab" id="SH_BillingHistory">
                                                <div class="card">
                                                    <div class="header" role="button" data-toggle="collapse" data-parent="#AS_BillingHistory" href="#<%= CSB_BillingHistory.ClientID%>" aria-expanded="true" aria-controls="SH_BillingHistory">
                                                        <h3>
                                                            <%= Resources.Content.GN0000395%>
                                                        </h3>
                                                    </div>
                                                    <div id="CSB_BillingHistory" runat="server" class="body panel-collapse collapse" role="tabpanel" aria-labelledby="SH_BillingHistory" aria-expanded="false">
                                                        <div class="row">
                                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                                <div class="form-group form-float">
                                                                    <div class="form-line">
                                                                        <asp:TextBox ID="TxBx_FD_DocNum" runat="server"></asp:TextBox>
                                                                        <asp:Label ID="Label1" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN0000677%>" class="form-label"></asp:Label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                                <div class="form-group form-float">
                                                                    <div class="form-line">
                                                                        <asp:TextBox ID="TxBx_TransactionID" runat="server"></asp:TextBox>
                                                                        <asp:Label ID="Label2" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN000122%>" class="form-label"></asp:Label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-3 col-sm-6 col-xs-12">
                                                                <div class="form-group form-float">
                                                                    <asp:DropDownList ID="DDL_FD_DocType" runat="server">
                                                                        <asp:ListItem Text="<%$ Resources:Content, SelectDocumentType %>" Value="GN0000261"></asp:ListItem>
                                                                        <%--<asp:ListItem Text="<%$ Resources:Content, GN0000262 %>" Value="GN0000262"></asp:ListItem>
                                                                        <asp:ListItem Text="<%$ Resources:Content, GN0000263 %>" Value="GN0000263"></asp:ListItem>
                                                                        <asp:ListItem Text="<%$ Resources:Content, GN0000264 %>" Value="GN0000264"></asp:ListItem>
                                                                        <asp:ListItem Text="<%$ Resources:Content, GN0000265 %>" Value="GN0000265"></asp:ListItem>--%>
                                                                    </asp:DropDownList>
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-12 col-xs-12">
                                                                <div class="form-group">
                                                                    <asp:Button ID="Btn_FilterDocGo" runat="server" class="btn btn-primary waves-effect" Text="<%$ Resources:Content,GN0000391%>" />
                                                                    <asp:Button ID="Btn_Clear" Visible="false" class="btn btn-primary waves-effect" runat="server"
                                                                        Text="<%$ Resources:Content,String289 %>" />
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </asp:Panel>

                                <%--filter with date range box--%>
                                <asp:Panel ID="Pnl_DateFilter" runat="server" DefaultButton="Btn_RangeDocGo">
                                    <div class="row">
                                        <div class="col-xs-12">
                                            <div class="card">
                                                <div class="header">
                                                    <h3>
                                                        <%= Resources.Content.GN00001363%>
                                                    </h3>
                                                </div>
                                                <div class="body">
                                                    <div class="row">
                                                        <div class="col-xs-12 col-sm-5 col-md-4">
                                                            <label class="row-label display-date-label">
                                                                <asp:Literal ID="Literal1" runat="server" Text="<%$ Resources:Content,GN0000687%>" EnableViewState="false" />:
                                                            </label>
                                                            <div class="form-group display-date-input">
                                                                <div class="form-line">
                                                                    <asp:TextBox ID="TxBx_DRangeAfter" runat="server"></asp:TextBox>
                                                                </div>
                                                            </div>
                                                            <i runat="server" id="A_DRangeAfter" class="material-icons icon-calendar col-calendar"></i>
                                                            <EM:CalendarExtender ID="CE_DRangeAfter" runat="server" TargetControlID="TxBx_DRangeAfter"
                                                                Format="<%# System.Threading.Thread.CurrentThread.CurrentCulture.DateTimeFormat.ShortDatePattern %>" PopupButtonID="A_DRangeAfter" CssClass="date__calendar">
                                                            </EM:CalendarExtender>
                                                        </div>
                                                        <div class="col-xs-12 col-sm-5 col-md-4">
                                                            <label class="row-label display-date-label">
                                                                <asp:Literal ID="Literal9" runat="server" Text="<%$ Resources:Content,GN0000688%>" EnableViewState="false" />:
                                                            </label>
                                                            <div class="form-group display-date-input">
                                                                <div class="form-line">
                                                                    <asp:TextBox ID="TxBx_DRangeBefore" runat="server"></asp:TextBox>
                                                                </div>
                                                            </div>
                                                            <i runat="server" id="A_DRangeBefore" class="material-icons icon-calendar col-calendar"></i>
                                                            <EM:CalendarExtender ID="CE_DRangeBefore" runat="server" TargetControlID="TxBx_DRangeBefore"
                                                                Format="<%# System.Threading.Thread.CurrentThread.CurrentCulture.DateTimeFormat.ShortDatePattern %>" PopupButtonID="A_DRangeBefore" CssClass="date__calendar">
                                                            </EM:CalendarExtender>
                                                        </div>
                                                        <div class="col-xs-12 col-sm-2 col-md-4 padding-top-10px">
                                                            <asp:Button ID="Btn_RangeDocGo" runat="server" Text='<%$ Resources:Content, GN0000395 %>' class="btn btn-primary waves-effect" />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </asp:Panel>

                                <asp:GridView ID="GV_Documents" CssClass="table table-bordered table-striped table-hover" AllowSorting="true" AllowPaging="true"
                                    EmptyDataText='<%$ Resources:Content, GN00001375 %>' runat="server" AutoGenerateColumns="False">

                                    <Columns>
                                        <asp:TemplateField SortExpression="DocId" HeaderText="<%$ Resources:Content,String385%>" HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
                                            <ItemTemplate>
                                                <asp:Label ID="img_Status" runat="server" />
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText='<%$ Resources:Content, GN0000677 %>' SortExpression="DocId" HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
                                            <ItemTemplate>
                                                <asp:LinkButton ID="LB_Id" runat="server" CommandName="View"></asp:LinkButton>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText='<%$ Resources:Content, GN0000680 %>' SortExpression="DocType" HeaderStyle-CssClass="col-xs-2" ItemStyle-CssClass="col-xs-2">
                                            <ItemTemplate>
                                                <asp:Label ID="LB_DocType" runat="server" CommandName="View"></asp:Label>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText='<%$ Resources:Content, GN0000691 %>' SortExpression="DocDate" HeaderStyle-CssClass="col-xs-2" ItemStyle-CssClass="col-xs-2">
                                            <ItemTemplate>
                                                <div runat="server" id="Div_DocDate">
                                                </div>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText='<%$ Resources:Content, GN000114 %>' HeaderStyle-CssClass="col-xs-3" ItemStyle-CssClass="col-xs-3">
                                            <ItemTemplate>
                                                <div runat="server" id="Div_Total">
                                                </div>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:TemplateField HeaderText='<%$ Resources:Content, GN0000693 %>' HeaderStyle-CssClass="col-xs-3" ItemStyle-CssClass="col-xs-3">
                                            <ItemTemplate>
                                                <div runat="server" id="Div_Balance">
                                                </div>
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                    </Columns>
                                    <%--PagerTemplate Start--%>
                                    <PagerTemplate>
                                        <EM:Pager ID="Pager1" runat="server" />
                                    </PagerTemplate>
                                    <%--PagerTemplate End--%>
                                </asp:GridView>

                            </asp:Panel>
                        </ContentTemplate>
                    </EM:TabPanel>
                    <EM:TabPanel ID="Tab_Details" runat="server" HeaderText='<%$ Resources:Content, DGN1110431%>'>
                        <ContentTemplate>
                            <asp:Button ID="Btn_Tab1" runat="server" Style="display: none;" />
                            <asp:Panel ID="Pnl_TabContent1" runat="server" Visible="false">

                                <div id="Div_InvoiceDetail" runat="server">
                                    <EM:Inv ID="Inv_Detail" runat="server"></EM:Inv>
                                </div>

                                <div id="Div_PaymentDetail" runat="server">
                                    <EM:Pmt ID="Pmt_Detail" runat="server"></EM:Pmt>
                                </div>
                                <%--<div id="Div_TransactionDetail" runat="server">
                                <EM:Pmt ID="Trans_Detail" runat="server"></EM:Pmt>--%>
                                <%--"modified"--%>
                            </div>
                            <div id="Div_CreditAdjustment" runat="server">
                                <EM:CA ID="CA_Detail" runat="server"></EM:CA>
                            </div>
                                <div id="Div_RefundDetail" runat="server">
                                    <EM:RD ID="RD_Detail" runat="server"></EM:RD>
                                </div>
                            </asp:Panel>
                        </ContentTemplate>
                    </EM:TabPanel>
                </EM:TabContainer>
                <%--  </ContentTemplate>
    </ajax:UpdatePanel>--%>
            </div>
        </div>
    </div>
</asp:Content>
