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

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content8" ContentPlaceHolderID="CPH_Content" runat="Server">
    <div class="col-xs-12">
        <div class="card">
            <div class="body">

                <div class="row">
                    <div class="col-xs-12">
                        <div class="card">
                            <div class="header">
                                <h3>
                                    <%= Resources.Content.GN0000889%>      <%--Operations--%>                                                                                                                             
                                </h3>
                            </div>
                            <div class="body">
                                <div class="row">
                                    <div class="col-sm-6 col-xs-12">
                                        <div class="form-group">
                                            <asp:DropDownList ID="DDL_Clients" runat="server" />
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-xs-12">
                                        <asp:Button ID="Btn_Select" class="btn btn-primary waves-effect" runat="server" Text='<%$ Resources:Content, GN0000890 %>' />
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <asp:Panel ID="Pnl_AddCreditCard" runat="server" DefaultButton="Btn_Add">
                    <div class="row" id="Tbl_Data" runat="server">
                        <div class="col-xs-12">
                            <div class="card">
                                <div class="header">
                                    <h3>
                                        <%= Resources.Content.GN0000891%>
                                    </h3>
                                </div>
                                <div class="body">
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Div8" runat="server" Text='<%$ Resources:Content, GN0000872 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_NameOnCard" runat="server" MaxLength="60"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="None"
                                                        SetFocusOnError="True" ControlToValidate="TxBx_NameOnCard" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal1" runat="server" Text='<%$ Resources:Content, GN0000673 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <asp:DropDownList ID="DDL_CreditCardTypes" runat="server">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal2" runat="server" Text='<%$ Resources:Content, GN0000841 %>' EnableViewState="false" />:</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" MaxLength="16" onChange='ValidateCreditCard(this);'></asp:TextBox>
                                                    <%--                        <asp:RegularExpressionValidator ErrorMessage="<%$ Resources:Content,DGN1110072%>"
                            ID="RegularExpressionValidator4" runat="server" ControlToValidate="TxBx_CardNumber"
                            Display="None" SetFocusOnError="True" ValidationExpression="<%$ Resources:Content,CreditCardExpression %>" ValidationGroup="addcard"></asp:RegularExpressionValidator>--%>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" Display="None"
                                                        SetFocusOnError="True" ControlToValidate="TxBx_CardNumber" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender3" runat="server" TargetControlID="TxBx_CardNumber"
                                                        FilterType="Numbers">
                                                    </cc1:FilteredTextBoxExtender>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>
                                                <asp:Literal ID="Literal9" runat="server" Text='<%$ Resources:Content, GN0000871 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <asp:DropDownList ID="DDL_Years" runat="server">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>
                                                <asp:Literal ID="Literal3" runat="server" Text='<%$ Resources:Content, GN0000870 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <asp:DropDownList ID="DDL_Months" runat="server">
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001032 %>' Value="1"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001033 %>' Value="2"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001034 %>' Value="3"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001035 %>' Value="4"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001036 %>' Value="5"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001037 %>' Value="6"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001038 %>' Value="7"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001039 %>' Value="8"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001040 %>' Value="9"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001041 %>' Value="10"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001042 %>' Value="11"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN00001043 %>' Value="12"></asp:ListItem>
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal4" runat="server" Text='<%$ Resources:Content, GN0000873 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender1" runat="server" TargetControlID="TxBx_Cvv2"
                                                        FilterType="Numbers">
                                                    </cc1:FilteredTextBoxExtender>
                                                    <asp:TextBox ID="TxBx_Cvv2" runat="server" MaxLength="4"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" Display="None"
                                                        SetFocusOnError="True" ControlToValidate="TxBx_Cvv2" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>
                                                <asp:Literal ID="Literal5" runat="server" Text='<%$ Resources:Content, GN0000874 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_Solo" runat="server" MaxLength='50'></asp:TextBox>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal6" runat="server" Text='<%$ Resources:Content, GN0000869 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <asp:DropDownList ID="DDL_CreditCardStatus" runat="server">
                                                    <asp:ListItem Text='<%$ Resources:Content, GN0000858 %>' Value="1"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN0000859 %>' Value="0"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN0000860 %>' Value="2"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN0000861 %>' Value="3"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN0000862 %>' Value="4"></asp:ListItem>
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal7" runat="server" Text='<%$ Resources:Content, GN0000876 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <asp:DropDownList ID="DDL_AllowPayment" runat="server">
                                                    <asp:ListItem Text='<%$ Resources:Content, GN0000004 %>' Value="1"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN0000005 %>' Value="0"></asp:ListItem>
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal8" runat="server" Text='<%$ Resources:Content, GN0000892 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <asp:DropDownList ID="DDL_UseForRecurring" runat="server">
                                                    <asp:ListItem Text='<%$ Resources:Content, GN0000004 %>' Value="1"></asp:ListItem>
                                                    <asp:ListItem Text='<%$ Resources:Content, GN0000005 %>' Value="0"></asp:ListItem>
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-12">
                            <div class="card">
                                <div class="header">
                                    <h3>
                                        <%= Resources.Content.GN0000877%>
                                    </h3>
                                </div>
                                <div class="body">
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>
                                                *<asp:Literal ID="Literal10" runat="server" Text='<%$ Resources:Content, GN0000878 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_Address" runat="server" MaxLength="60"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" Display="None"
                                                        SetFocusOnError="True" ControlToValidate="TxBx_Address" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>
                                                <asp:Literal ID="Literal11" runat="server" Text='<%$ Resources:Content, GN00001136 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_Address2" runat="server" MaxLength="60"></asp:TextBox>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal12" runat="server" Text='<%$ Resources:Content, GN0000880 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_City" runat="server" MaxLength="60"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator7" runat="server" Display="None"
                                                        SetFocusOnError="True" ControlToValidate="TxBx_City" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row" id="TR_State" runat="server">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>
                                                <asp:Literal ID="Literal13" runat="server" Text='<%$ Resources:Content, DEV1130 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <asp:DropDownList ID="DDL_States" runat="server">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="col-sm-3 col-xs-12"></div>
                                    </div>
                                    <div class="row" id="TR_Province" runat="server">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal15" runat="server" Text='<%$ Resources:Content, GN00001313 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_Province" runat="server" MaxLength="60"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ID="RFV_Province" runat="server" ControlToValidate="TxBx_Province"
                                                        Display="None" SetFocusOnError="True" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>
                                                <asp:Literal ID="Literal16" runat="server" Text='<%$ Resources:Content, GN0000882 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <asp:DropDownList ID="DDL_Countries" runat="server" AutoPostBack="true">
                                                </asp:DropDownList>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal17" runat="server" Text='<%$ Resources:Content, GN00001522 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_Zip" runat="server" MaxLength="10"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator8" runat="server" Display="None"
                                                        SetFocusOnError="True" ControlToValidate="TxBx_Zip" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server" TargetControlID="TxBx_Zip"
                                                        FilterType="UppercaseLetters,Numbers,LowercaseLetters,Custom" ValidChars="- ">
                                                    </cc1:FilteredTextBoxExtender>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal18" runat="server" Text='<%$ Resources:Content, GN00012 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_Phone" runat="server" MaxLength="20"></asp:TextBox>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator9" runat="server" Display="None"
                                                        SetFocusOnError="True" ControlToValidate="TxBx_Phone" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                    <asp:RegularExpressionValidator ErrorMessage="<%$ Resources:Content,DGN1110070%>"
                                                        ID="RegularExpressionValidator2" runat="server" ControlToValidate="TxBx_Phone"
                                                        Display="None" SetFocusOnError="True" ValidationExpression="^([+]?[\s0-9()-]{5,20})$" ValidationGroup="addcard"></asp:RegularExpressionValidator>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>
                                                <asp:Literal ID="Literal19" runat="server" Text='<%$ Resources:Content, GN0000885 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_MobilePhone" runat="server" MaxLength="20"></asp:TextBox>
                                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender7" runat="server" TargetControlID="TxBx_MobilePhone"
                                                        FilterType="Numbers,Custom" ValidChars="+ - ( ) \s">
                                                    </cc1:FilteredTextBoxExtender>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>
                                                <asp:Literal ID="Literal14" runat="server" Text='<%$ Resources:Content, GN0000886 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_Fax" runat="server" MaxLength="15"></asp:TextBox>
                                                    <cc1:FilteredTextBoxExtender ID="FilteredTextBoxExtender6" runat="server" TargetControlID="TxBx_Fax"
                                                        FilterType="Numbers,Custom" ValidChars="+-() ">
                                                    </cc1:FilteredTextBoxExtender>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal20" runat="server" Text='<%$ Resources:Content, GN0000652 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-4 col-xs-12">
                                            <div class="form-group">
                                                <div class="form-line">
                                                    <asp:TextBox ID="TxBx_Email" runat="server" MaxLength="64"></asp:TextBox>
                                                    <%--<asp:RegularExpressionValidator ErrorMessage='<%$ Resources:Content, DGN1110038 %>'
                                                        ID="RegularExpressionValidator1" runat="server" ControlToValidate="TxBx_Email"
                                                        Display="None" SetFocusOnError="True" ValidationExpression="<%$ Resources:MPRegex,EmailAddress %>"
                                                        ValidationGroup="addcard"></asp:RegularExpressionValidator>--%>
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator10" runat="server" Display="None"
                                                        SetFocusOnError="True" ControlToValidate="TxBx_Email" ValidationGroup="addcard"></asp:RequiredFieldValidator>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-4 col-xs-12"></div>
                                    </div>
                                    <div class="row">
                                        <div class="col-sm-4 col-xs-12 row-label">
                                            <label>*<asp:Literal ID="Literal21" runat="server" Text='<%$ Resources:Content, GN000148 %>' EnableViewState="false" />:</label>
                                        </div>
                                        <div class="col-sm-8 col-xs-12">
                                            <div class="form-group">
                                                <asp:TextBox ID="TxBx_Comments" TextMode="MultiLine" runat="server" Height="150px" Width="100%"></asp:TextBox>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

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

                        <div class="col-xs-12">
                            <asp:ValidationSummary HeaderText='<%$ Resources:Content, EM000001 %>' ID="ValidationSummary1"
                                runat="server" ShowMessageBox="True" ShowSummary="False" ValidationGroup="addcard" />

                            <asp:Button ID="Btn_Add" runat="server" Text='<%$ Resources:Content, GN0000281 %>'
                                class="btn btn-primary waves-effect btnAction" OnClick="Btn_Add_Click" ValidationGroup="addcard" />
                            <asp:Button ID="Btn_Cancel" runat="server" Text='<%$ Resources:Content, GN0000572 %>'
                                class="btn btn-primary waves-effect" CausesValidation="False" />
                        </div>
                    </div>
                </asp:Panel>
            </div>
        </div>
    </div>

</asp:Content>
