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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="EM" %>
<%@ Register Src="~/Template/GVPager.ascx" TagName="Pager" TagPrefix="EM" %>

<asp:Content ID="Content7" ContentPlaceHolderID="CPH_Content" runat="Server">
    <ajax:UpdatePanel ID="UP_Documents" runat="server" UpdateMode="Always">
        <ContentTemplate>
            <div class="col-xs-12">
                <div class="card">
                    <div class="header">
                        <h2>
                            <asp:Literal ID="Ltl_SubsInfo" runat="server" /></h2>
                    </div>
                    <div class="body">
                        <asp:Panel ID="Pnl_Search" runat="server" DefaultButton="Btn_FilterDocGo">
                            <div class="row">
                                <div class="panel-group search-panel" id="AS_TransLog" role="tablist" aria-multiselectable="true">
                                    <div class="col-xs-12" role="tab" id="SH_TransLog">
                                        <div class="card">
                                            <div class="header" role="button" data-toggle="collapse" data-parent="#AS_TransLog" href="#<%= CSB_TransLog.ClientID%>" aria-expanded="true" aria-controls="SH_TransLog">
                                                <h3>
                                                    <%= Resources.Content.GN0000395%>
                                                </h3>
                                            </div>
                                            <div id="CSB_TransLog" runat="server" class="body panel-collapse collapse" role="tabpanel" aria-labelledby="SH_TransLog" 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_DocNum" runat="server"></asp:TextBox>
                                                                <asp:Label ID="Label1" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN00001391%>" 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_PaymentNum" runat="server"></asp:TextBox>
                                                                <asp:Label ID="Label2" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN0000840%>" 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_CId" runat="server" MaxLength="128"></asp:TextBox>
                                                                <asp:Label ID="Label7" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN0000715%>" 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_CName" runat="server"></asp:TextBox>
                                                                <asp:Label ID="Label8" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN0000268%>" 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_CardNumber" MaxLength="16" ValidationGroup="search" runat="server"
                                                                    onChange='ValidateCreditCard(this);'></asp:TextBox>
                                                                <EM:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" TargetControlID="TxBx_CardNumber"
                                                                    FilterType="Numbers,Custom" ValidChars="0123456789">
                                                                </EM:FilteredTextBoxExtender>
                                                                <asp:Label ID="Label15" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN0000841%>" 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_ChargeStatus" runat="server">
                                                            </asp:DropDownList>
                                                        </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_Phone" runat="server"></asp:TextBox>
                                                                <asp:Label ID="Label4" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN00012%>" 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_Card4Digits" runat="server"></asp:TextBox>
                                                                <asp:Label ID="Label5" runat="server" EnableViewState="false" Text="<%$ Resources:Content,String126%>" 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_Notes" runat="server"></asp:TextBox>
                                                                <asp:Label ID="Label6" runat="server" EnableViewState="false" Text="<%$ Resources:Content,GN00001336%>" 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_Status" runat="server">
                                                              
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                    <div class="col-xs-12">
                                                        <div class="form-group form-float">
                                                            <asp:ValidationSummary HeaderText='<%$ Resources:Content, EM000001 %>' ID="ValidationSummary1"
                                                                runat="server" ShowMessageBox="True" ShowSummary="False" ValidationGroup="search" />
                                                            <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>

                        <asp:Panel ID="Pnl_Filter" 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="Literal17" 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" Enabled="false" 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="Literal18" 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" Enabled="false" 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" />
                                                </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>


                        <EM:TabContainer ID="TC_Documents" runat="server" OnClientActiveTabChanged="loadTabPanel">
                            <EM:TabPanel ID="Tab_Transactions" runat="server" HeaderText='<%$ Resources:Content, GN00001392 %>'>
                                <ContentTemplate>
                                    <asp:Button ID="Btn_Tab0" runat="server" Style="display: none" />
                                    <asp:Panel ID="Pnl_TabContent0" runat="server" Visible="true">
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <asp:GridView ID="GV_Transaction" AllowSorting="true" AllowPaging="true" EmptyDataText='<%$ Resources:Content, GN00001375 %>'
                                                    AutoGenerateColumns="false" runat="server" CssClass="table table-bordered table-striped table-hover">

                                                    <Columns>
                                                        <asp:TemplateField SortExpression="TranId" HeaderText='<%$ Resources:Content, GN0000678 %>' HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
                                                            <ItemTemplate>
                                                                <asp:LinkButton ID="LB_Transaction" CommandArgument='<%# DataBinder.Eval(Container,"DataItem.TranId") %>'
                                                                    runat="server" Text='<%# DataBinder.Eval(Container,"DataItem.TranId") %>'></asp:LinkButton>
                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                        <asp:TemplateField SortExpression="TranId" HeaderText='<%$ Resources:Content, GN00001391 %>' HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
                                                            <ItemTemplate>
                                                                <asp:LinkButton ID="LB_TransactionNum" CommandArgument='<%# DataBinder.Eval(Container,"DataItem.TranId") %>'
                                                                    runat="server" Text='<%# DataBinder.Eval(Container,"DataItem.TranId") %>'></asp:LinkButton>
                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                        <asp:TemplateField SortExpression="CustomerId" HeaderText='<%$ Resources:Content, GN0000715 %>' HeaderStyle-CssClass="col-xs-2" ItemStyle-CssClass="col-xs-2">
                                                            <ItemTemplate>
                                                                <div id="Div_Client" runat="server" data-toggle="tooltip" data-placement="top" title="" data-original-title="" data-html="true">
                                                                </div>
                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                        <asp:TemplateField SortExpression="CardId" HeaderText='<%$ Resources:Content, GN0000848 %>' HeaderStyle-CssClass="col-xs-2" ItemStyle-CssClass="col-xs-2">
                                                            <ItemTemplate>
                                                                <div id="Div_CreditCard" runat="server">
                                                                </div>
                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                        <asp:TemplateField HeaderText='<%$ Resources:Content, GN0000844 %>' HeaderStyle-CssClass="col-xs-2" ItemStyle-CssClass="col-xs-2">
                                                            <ItemTemplate>
                                                                <div id="Div_TransactionType" runat="server">
                                                                </div>
                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                        <asp:TemplateField HeaderText='<%$ Resources:Content, GN0000845 %>' HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
                                                            <ItemTemplate>
                                                                <div id="Div_Amount" runat="server">
                                                                </div>
                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                        <asp:TemplateField HeaderText='<%$ Resources:Content, GN0000847 %>' HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
                                                            <ItemTemplate>
                                                                <div id="Div_PaymentId" runat="server">
                                                                </div>
                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                        <asp:TemplateField HeaderText='<%$ Resources:Content, SMI00884 %>' HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
                                                            <ItemTemplate>
                                                                <div id="Div_Status" runat="server">
                                                                </div>
                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                        <asp:TemplateField SortExpression="TranTimeStamp" HeaderText='<%$ Resources:Content, GN0000849 %>' HeaderStyle-CssClass="col-xs-1" ItemStyle-CssClass="col-xs-1">
                                                            <ItemTemplate>
                                                                <div id="Div_TransactionTime" runat="server">
                                                                </div>
                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                    </Columns>
                                                    <%--PagerTemplate Start--%>
                                                    <PagerTemplate>
                                                        <EM:Pager ID="Pager1" runat="server" />
                                                    </PagerTemplate>
                                                    <%--PagerTemplate End--%>
                                                </asp:GridView>
                                            </div>
                                        </div>
                                    </asp:Panel>
                                </ContentTemplate>
                            </EM:TabPanel>
                            <EM:TabPanel ID="Tab_Detail" runat="server" Enabled="false" HeaderText='<%$ Resources:Content, GN0000843 %>'>
                                <ContentTemplate>
                                    <asp:Button ID="Btn_Tab1" runat="server" Style="display: none" />
                                    <asp:Panel ID="Pnl_TabContent1" runat="server" Visible="false">
                                        <div class="row">
                                            <div class="col-xs-12">
                                                <div class="card">
                                                    <div class="body">
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Div_Doc" runat="server" />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_PaymentId" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Div10" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000850 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_Customer" runat="server" data-toggle="tooltip" data-placement="top" title="" data-original-title="" data-html="true"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal2" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN000122 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_TransactionId" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal3" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000841 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_CardNumber" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal4" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000845 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_Amount" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal5" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000817 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_TranType" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal6" runat="server" EnableViewState="false" Text='<%$ Resources:Content, String385 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_Status" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal8" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000853 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_TranTimeStamp" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal9" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000772 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_ClientIP" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal10" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000854 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_Gateway" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal11" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000774 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_Message" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal12" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000775 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_AuthorizationCode" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal13" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000776 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_OrderNumber" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal14" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000777 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_ReferenceNumber" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal15" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000778 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_Result" runat="server"></div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-sm-3 col-xs-12 row-label">
                                                                <asp:Literal ID="Literal16" runat="server" EnableViewState="false" Text='<%$ Resources:Content, GN0000771 %>' />:
                                                            </div>
                                                            <div class="col-sm-9 col-xs-12" id="Td_TranTime" runat="server"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </asp:Panel>
                                </ContentTemplate>
                            </EM:TabPanel>
                        </EM:TabContainer>

                    </div>
                </div>
            </div>
        </ContentTemplate>
    </ajax:UpdatePanel>
    <script lang="javascript">
        AllowArrowKeysInFilteredTextBoxExtender('<%=FilteredTextBoxExtender3.ClientID%>');
    </script>
</asp:Content>
