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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="EM" %>
<asp:Content ID="Content4" ContentPlaceHolderID="CPH_Content" runat="Server">

    <div class="col-xs-12">
        <div class="card">
            <div class="header">
                <h2>
                    <asp:Literal ID="Ltl_SubsInfo" runat="server" /></h2>
            </div>
            <div class="body">
                <%--    <ajax:UpdatePanel ID="UPD" runat="server" UpdateMode="Conditional">
                    <ContentTemplate>--%>
                <div id="Div_Payment" runat="server">
                    <div class="row">
                        <div class="col-xs-12">
                            <div class="card">
                                <div class="header">
                                    <h3>
                                        <asp:Literal ID="Literal5" runat="server" Text='<%$ Resources:Content,SM080 %>'></asp:Literal></h3>
                                </div>
                                <div class="body">
                                    <div class="row">
                                        <div class="col-sm-3 col-xs-12 row-label">
                                            <asp:Literal ID="Literal1" runat="server" Text='<%$ Resources:Content,L0013 %>'></asp:Literal>:
                                        </div>
                                        <div class="col-sm-9 col-xs-12">
                                            <asp:Label ID="lbl_Invoices" runat="server" />
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-3 col-xs-12 row-label">
                                            <asp:Literal ID="Literal2" runat="server" Text='<%$ Resources:Content,GN000114 %>'></asp:Literal>:
                                        </div>
                                        <div class="col-sm-9 col-xs-12">
                                            <asp:Label ID="lbl_Total" runat="server" />
                                        </div>
                                    </div>
                                    <div class="row" id="Div_PaymentLog" runat="server" visible="false">
                                        <div class="col-sm-3 col-xs-12 row-label">
                                            <asp:Literal ID="Literal19" runat="server" Text='<%$ Resources:Content,GN00001392 %>'></asp:Literal>:
                                        </div>
                                        <div class="col-sm-9 col-xs-12" id="TD_PaymentLog" runat="server">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-3 col-xs-12">
                            <div class="card">
                                <div class="header">
                                    <h3>
                                        <asp:Literal ID="Literal3" runat="server" Text='<%$ Resources:Content,GN000124 %>'></asp:Literal></h3>
                                </div>
                                <div class="body">
                                    <div class="row">
                                        <div class="col-xs-12 p-r-0" id="Tr_G1" runat="server">
                                            <asp:RadioButton ID="RB_G1" AutoPostBack="true" runat="server" GroupName="Pay" Text=" " />
                                        </div>
                                        <div class="col-xs-12 p-r-0" id="Tr_G2" runat="server">
                                            <asp:RadioButton ID="RB_G2" AutoPostBack="true" runat="server" GroupName="Pay" Text=" " />
                                        </div>
                                        <div id="Tr_Mollie" runat="server" class="col-xs-12 p-r-0">
                                            <asp:RadioButton ID="RB_Mollie" AutoPostBack="true" runat="server" Text='<%$Resources:Content,DEV1210%>'
                                                GroupName="Pay" />
                                        </div>
                                        <div class="col-xs-12 p-r-0" id="Tr_Check" runat="server">
                                            <asp:RadioButton ID="RB_Check" AutoPostBack="true" runat="server" Text='<%$Resources:Content,GN00008029%>'
                                                GroupName="Pay" />
                                        </div>
                                        <div class="col-xs-12 p-r-0" id="Tr_Draft" runat="server">
                                            <asp:RadioButton ID="RB_Draft" AutoPostBack="true" runat="server" Text='<%$Resources:Content,GN00008030%>'
                                                GroupName="Pay" />
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-9 col-xs-12" id="Div_PaymentInformation" runat="server">
                            <div class="card">
                                <div class="header">
                                    <h3>
                                        <asp:Literal ID="Literal4" runat="server" Text='<%$ Resources:Content,GN000119 %>'></asp:Literal>
                                    </h3>
                                </div>
                                <div class="body">
                                    <div class="row">
                                        <div id="Div_APIGateway" runat="server">
                                            <div id="Div_SelectProfile" runat="server" class="col-xs-12">
                                                <div class="form-group">
                                                    <asp:RadioButtonList ID="RBL_Profile" runat="server" AutoPostBack="true">
                                                        <asp:ListItem Text="<%$Resources:Content,String442%>" Value="0" Selected="True"></asp:ListItem>
                                                        <asp:ListItem Text="<%$Resources:Content,String443%>" Value="1"></asp:ListItem>
                                                    </asp:RadioButtonList>
                                                </div>
                                            </div>
                                            <div id="Div_Profiles" runat="server" class="col-xs-6">
                                                <div class="form-group">
                                                    <asp:DropDownList ID="DDL_CreditCards" runat="server" />
                                                </div>
                                            </div>
                                            <div id="Div_NewProfile" runat="server" class="col-xs-12">
                                                <div class="row">
                                                    <div class="col-sm-3 col-xs-12 row-label">
                                                        <label>
                                                            *<asp:Literal ID="Literal44" runat="server" Text="<%$Resources:Content,GN00008012%>"
                                                                EnableViewState="false"></asp:Literal>:</label>
                                                    </div>
                                                    <div class="col-sm-4 col-xs-12">
                                                        <div class="form-group">
                                                            <div class="form-line">
                                                                <asp:TextBox ID="TxBx_CardName" runat="server"></asp:TextBox>
                                                                <asp:RequiredFieldValidator ID="RFV_CardName" runat="server" Display="None"
                                                                    SetFocusOnError="True" ControlToValidate="TxBx_CardName" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                            </div>
                                                        </div>
                                                        <asp:ValidationSummary ID="ValidationSummary4" runat="server" ShowMessageBox="true"
                                                            ShowSummary="false" ValidationGroup="addcard" HeaderText="<%$ Resources:Content,EM000001%>" />
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3 col-xs-12 row-label">
                                                        <label>
                                                            *<asp:Literal ID="Literal6" runat="server" Text="<%$Resources:Content,GN00001075%>"
                                                                EnableViewState="false"></asp:Literal>:</label>
                                                    </div>
                                                    <div class="col-sm-4 col-xs-12">
                                                        <div class="form-group">
                                                            <div class="form-line">
                                                                <asp:TextBox ID="TxBx_CardNumber" runat="server" onChange='ValidateCreditCard(this);'></asp:TextBox>
                                                                <%--<asp:RegularExpressionValidator ID="REV_TxBx_CardNumber" runat="server" ErrorMessage='<%$ Resources:Content,DGN1110072%>'
                                                        ControlToValidate="TxBx_CardNumber" Display="None" SetFocusOnError="True" ValidationExpression="<%$ Resources:Content,CreditCardExpression %>"
                                                        ValidationGroup="addcard"></asp:RegularExpressionValidator>--%>
                                                                <asp:RequiredFieldValidator ID="RFV_CardNumber" runat="server" Display="None"
                                                                    SetFocusOnError="True" ControlToValidate="TxBx_CardNumber" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                                <EM:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" TargetControlID="TxBx_CardNumber"
                                                                    FilterType="Numbers,Custom" ValidChars="0123456789">
                                                                </EM:FilteredTextBoxExtender>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3 col-xs-12 row-label">
                                                        <label>
                                                            *<asp:Literal ID="Literal7" runat="server" Text="<%$Resources:Content,GN00008014%>"
                                                                EnableViewState="false"></asp:Literal>:</label>
                                                    </div>
                                                    <div class="col-sm-4 col-xs-12">
                                                        <div class="form-group">
                                                            <asp:DropDownList ID="DDL_CardType" runat="server">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3 col-xs-12 row-label">
                                                        <label>
                                                            *<asp:Literal ID="Literal8" runat="server" Text="<%$Resources:Content,GN0000609%>"
                                                                EnableViewState="false"></asp:Literal>:</label>
                                                    </div>
                                                    <div class="col-sm-4 col-xs-12">
                                                        <div class="form-group">
                                                            <asp:DropDownList ID="DDL_Month" runat="server">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4 col-xs-12">
                                                        <div class="form-group">
                                                            <asp:DropDownList ID="DDL_Year" runat="server">
                                                            </asp:DropDownList>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3 col-xs-12 row-label">
                                                        <label>
                                                            *<asp:Literal ID="Literal9" runat="server" Text="<%$Resources:Content,GN0000873%>"
                                                                EnableViewState="false"></asp:Literal>:</label>
                                                    </div>
                                                    <div class="col-sm-4 col-xs-12">
                                                        <div class="form-group">
                                                            <div class="form-line">
                                                                <asp:TextBox ID="TxBx_CVV2" MaxLength="4" runat="server"></asp:TextBox>
                                                                <asp:RequiredFieldValidator ID="RFV_CVV2" runat="server" Display="None"
                                                                    SetFocusOnError="True" ControlToValidate="TxBx_CVV2" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                                <EM:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="TxBx_CVV2"
                                                                    FilterType="Numbers,Custom" ValidChars="0123456789">
                                                                </EM:FilteredTextBoxExtender>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-5 col-xs-12">
                                                        <ul class="option-menu">
                                                            <li class="dropdown">
                                                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                                                    <i class="material-icons">help_outline</i>
                                                                </a>
                                                                <ul class="dropdown-menu pull-right">
                                                                    <li>
                                                                        <asp:Literal ID="Literal10" runat="server" Text="<%$Resources:Content,GN00008015%>"
                                                                            EnableViewState="false"></asp:Literal>
                                                                        <b>
                                                                            <asp:Literal ID="Literal11" runat="server" Text="<%$Resources:Content,GN00008016%>"
                                                                                EnableViewState="false"></asp:Literal>
                                                                        </b>
                                                                        <asp:Literal ID="Literal12" runat="server" Text="<%$Resources:Content,GN00008017%>"
                                                                            EnableViewState="false"></asp:Literal>
                                                                        <b>
                                                                            <asp:Literal ID="Literal13" runat="server" Text="<%$Resources:Content,GN00008018%>"
                                                                                EnableViewState="false"></asp:Literal>
                                                                        </b>
                                                                        <asp:Literal ID="Literal14" runat="server" Text="<%$Resources:Content,GN00008019%>"
                                                                            EnableViewState="false"></asp:Literal>.
                                                                    </li>
                                                                    <li>
                                                                        <br />
                                                                        <asp:Literal ID="Literal15" runat="server" Text="<%$Resources:Content,GN00001029%>"
                                                                            EnableViewState="false"></asp:Literal>
                                                                        <b>
                                                                            <asp:Literal ID="Literal16" runat="server" Text="<%$Resources:Content,GN00001386%>"
                                                                                EnableViewState="false"></asp:Literal>
                                                                        </b>
                                                                        <asp:Literal ID="Literal17" runat="server" Text="<%$Resources:Content,GN00008020%>"
                                                                            EnableViewState="false"></asp:Literal>.                                                
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-sm-3 col-xs-12 row-label">
                                                        <label>
                                                            <asp:Literal ID="Literal18" runat="server" Text="<%$Resources:Content,GN0000874%>"
                                                                EnableViewState="false"></asp:Literal>:</label>
                                                    </div>
                                                    <div class="col-sm-4 col-xs-12">
                                                        <div class="form-group">
                                                            <div class="form-line">
                                                                <asp:TextBox ID="TxBx_Issue" runat="server"></asp:TextBox>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="Div_AuthorizeNetCIMHosted" class="col-xs-12" runat="server" visible="false">
                                            </div>
                                        </div>
                                        <div id="Div_Banks" runat="server" class="col-xs-12">
                                            <%--<div class="form-group">
                                                        <asp:DropDownList ID="DDL_Banks" runat="server">
                                                        </asp:DropDownList>
                                                    </div>--%>
                                        </div>
                                        <div id="Div_HtmlGateway" runat="server" class="col-xs-12">
                                        </div>
                                        <div id="Div_Check" runat="server" class="col-xs-12">
                                        </div>
                                        <div id="Div_Draft" runat="server" class="col-xs-12">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="Div_Terms" runat="server" class="col-xs-12" visible="false">
                            <asp:CheckBox ID="CB_AcceptTerms" runat="server" Text="<%$ Resources:Content,strAgreeWithTerms%>" />
                        </div>

                        <div class="col-xs-12 row-label" id="Div_NoticeAgreement" runat="server">
                            <%= Resources.Content.noticeAgreement%>
                        </div>

                        <div id="Div_Btn_PayPal" runat="server" style="display: none;" class="col-xs-12 m-b-20 displayInlineBlock" />
                        <div id="Div_Btn_RazorPay" runat="server" style="display: none;" class="col-xs-12 m-b-20 displayInlineBlock" />
                        <div class="col-xs-12">
                            <div id="Div_Btn_StripeCheckOut" runat="server" style="display: none;" class="m-b-20 displayInlineBlock" />
                        </div>
                        <div class="col-xs-12">
                            <asp:Button ID="Btn_Continue" runat="server" Text="<%$ Resources:Content,String301%>"
                                class="btn btn-primary waves-effect" />
                            <asp:HiddenField ID="HF_PayPal" runat="server" />
                            <asp:Button ID="anchorId" runat="server" Style="display: none;"></asp:Button>
                            <asp:Button ID="Btn_Cancel" runat="server" Text="<%$ Resources:Content,String305%>"
                                class="btn btn-primary waves-effect" OnClick="Btn_Cancel_Click" />
                            <EM:ConfirmButtonExtender ID="CBE_CancelPayment" runat="server" ConfirmText='<%$ Resources:Content, USM0118 %>'
                                TargetControlID="Btn_Cancel" Enabled="false">
                            </EM:ConfirmButtonExtender>
                        </div>
                    </div>
                </div>
                <%--</ContentTemplate>
                </ajax:UpdatePanel>--%>
            </div>
        </div>
    </div>

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