<%@ Page Title="RSVP Diwali" Language="C#" MasterPageFile="~/rsvpmaster.Master" AutoEventWireup="true" CodeBehind="RSVPDiwali.aspx.cs" Inherits="NECPPATEL.RSVPDiwali" %>
<%@ MasterType VirtualPath="~/rsvpmaster.Master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .auto-style1 {
            width: 73px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    
    <script language="javascript" type="text/javascript" >

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


     /*   function ValidatePaymentinformation() {


            if (!validateEmail())
                return;

            var lbl = document.getElementById("< % =lblTotalMembers.ClientID%>").innerText;
            var cbAttend = document.getElementById("< %=cbNoAttendie.ClientID%>").checked;
            if (cbAttend == true) {
                return true;
            }
            if (cbAttend == false && lbl == 0) {
                alert("Please select number of members or check mark if you will not be able to attend the party");
                return false;
            }

            var cbOther = document.getElementById("< %=cbOther.ClientID%>").checked;
            var txtOther = document.getElementById("< %=txtOther.ClientID%>").value;

            if (cbOther == true && txtOther == "") {
                alert("Enter performance name other than Dance and Joke");
                document.getElementById("< %=txtOther.ClientID%>").focus();
                return false;
            }

        var cbDance = document.getElementById("< %=cbDance.ClientID%>").checked;
            var cbJokes = document.getElementById("< %=cbJokes.ClientID%>").checked;
            var cbOther = document.getElementById("< %=cbOther.ClientID%>").checked;
            var txtGroupDetails = document.getElementById("< %=txtGroupDetails.ClientID%>").value;
            var txtOther = document.getElementById("< %=txtOther.ClientID%>").value;

            if (cbOther == true && txtOther == "")
            {
                alert("Please enter other activity name.");
                return false;
            }

            if ((cbDance == true || cbJokes == true || cbOther == true) && txtGroupDetails == "") {
                alert("Please enter group detail.");
                document.getElementById("< %=cbOther.ClientID%>").focus();
            return false;
        }



            return true;
        }
        */

        function isAmount(evt) {
            evt = (evt) ? evt : window.event;
            var charCode = (evt.which) ? evt.which : evt.keyCode;
            if (charCode > 31 && (charCode < 48 || charCode > 57)) {
                if (charCode == 46) {
                    var string = document.getElementById("<%=txtOtherAmount.ClientID%>").value;

                     if (string.length != string.replace(".", "").length) {

                         return false;
                     }
                     return true;
                 }
                 return false;
             }
             return true;
         }


         function validateEmail() {

             var email = document.getElementById("<%=txtNewEmail.ClientID%>").value;

             if (email != "") {
                 var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
                 if (!filter.test(email)) {
                     alert('Please enter valid email address');
                     email.focus;
                     return false;
                 }
             }
             return true;
         }





        function ValidatePaymentinformation() {
            var a1 = document.getElementById("<%=ddlVegAdult.ClientID%>").value;
            var a2 = document.getElementById("<%=ddlNonVegAdult.ClientID%>").value;
            var a3 = document.getElementById("<%=ddlVegKid.ClientID%>").value;
            var a4 = document.getElementById("<%=ddlNonVegKids.ClientID%>").value;


            if ((parseInt(a1) + parseInt(a2) + parseInt(a3) + parseInt(a4)) == 0) {
                alert("Please select member");
                document.getElementById("<%=ddlVegAdult.ClientID%>").focus();
                 return false;
             }


            ////why this code
            //if ((parseInt(a3) + parseInt(a4)) > 0) {
            //     if ((parseInt(a1) + parseInt(a2)) > 0)
            //     { }
            //     else
            //         return true;
            // }
            
            var cbDance = document.getElementById("<%=cbDance.ClientID%>").checked;
            var cbJokes = document.getElementById("<%=cbJokes.ClientID%>").checked;
            var cbOther = document.getElementById("<%=cbOther.ClientID%>").checked;
            var txtGroupDetails = document.getElementById("<%=txtGroupDetails.ClientID%>").value;
            var txtOther = document.getElementById("<%=txtOther.ClientID%>").value;

            if (cbOther == true && txtOther == "") {
                alert("Please enter other activity name.");
                return false;
            }

            if ((cbDance == true || cbJokes == true || cbOther == true) && txtGroupDetails == "") {
                alert("Please enter group detail.");
                document.getElementById("<%=cbOther.ClientID%>").focus();
                return false;
            }

            if (!validateEmail())
                return;

             if (document.getElementById("<%=txtCardNumber.ClientID%>").value == "") {
                alert("Please enter card number");
                document.getElementById("<%=txtCardNumber.ClientID%>").focus();
                 return false;
             }

             if (document.getElementById("<%=txtCVVNumber.ClientID%>").value == "") {
                alert("Please enter CVV number");
                document.getElementById("<%=txtCVVNumber.ClientID%>").focus();
                 return false;
             }

             if (document.getElementById("<%=txtNameOnCard.ClientID%>").value == "") {
                alert("Please enter name on card.");
                document.getElementById("<%=txtNameOnCard.ClientID%>").focus();
                 return false;
             }

             if (document.getElementById("<%=ddlCardType.ClientID%>").value == "0") {
                alert("Select card type.");
                document.getElementById("<%=ddlCardType.ClientID%>").focus();
                 return false;
             }
             if (document.getElementById("<%=ddlExpirtMonth.ClientID%>").value == "0") {
                alert("Select card expiry month.");
                document.getElementById("<%=ddlExpirtMonth.ClientID%>").focus();
                 return false;
             }
             if (document.getElementById("<%=ddlExpirtYear.ClientID%>").value == "0") {
                alert("Select card expiry year.");
                document.getElementById("<%=ddlExpirtYear.ClientID%>").focus();
                 return false;
             }
             if (document.getElementById("<%=txtStreet.ClientID%>").value == "") {
                alert("Please enter address");
                document.getElementById("<%=txtStreet.ClientID%>").focus();
                 return false;
             }
             if (document.getElementById("<%=txtCity.ClientID%>").value == "") {
                alert("Please enter city name");
                document.getElementById("<%=txtCity.ClientID%>").focus();
                 return false;
             }
             if (document.getElementById("<%=ddlState.ClientID%>").value == "0") {
                alert("Please select state.");
                document.getElementById("<%=ddlState.ClientID%>").focus();
                 return false;
             }
             if (document.getElementById("<%=txtPostalCode.ClientID%>").value == "") {
                alert("Please enter postal code.");
                document.getElementById("<%=txtPostalCode.ClientID%>").focus();
                 return false;
             }
             return true;
        }

        
</script>
    <div>
    
                   
       
                        <%-- <tr>
            <td>Appartmant No <span style="color:red">*</span></td>
            <td>
                <asp:TextBox ID="txtAddress" runat="server"></asp:TextBox></td>
        </tr>--%>
    </br></br>
        <table>
            <tr>
                <td colspan="2">
                    <table>
                        <tr>
                            <td colspan="3" />

                        </tr>


                        <tr style="display: inline;">
                            <td colspan="2">
                                <h1>
                                    <asp:Label ID="lblWelcomeMember" runat="server"></asp:Label></h1>
                            </td>
                        </tr>

                        <tr>
                            <%--<td colspan="4" style="padding-top:25px">
                <asp:Label ID="lblMessage" runat="server" >Thank you very much for showing interest in donation to our Samaj.</asp:Label>
            </td>--%>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <asp:Label ID="lblDonationAmount" Visible="false" runat="server" Text=""></asp:Label>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">
                                <asp:Button ID="btnPayforOther" runat="server" Visible="true" Enabled="true" Height="50px" BorderStyle="Ridge" Text="Search to pay for other" OnClick="btnPayforOther_Click" />
                            </td>
                        </tr>
                        <tr>
                            <td colspan="3">

                                <h3>
                                    <asp:Label ID="lblPayingFor" runat="server" Text=""></asp:Label>
                                </h3>
                            </td>
                        </tr>
                        <tr>

                            <td colspan="2">
                                <table border="1">
                                    <tr>
                                        <td width="50%">
                                            <table>
                                                <tr>
                                                    <td>&nbsp;</td>

                                                    <td class="auto-style1">Vegetarian&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;   </td>
                                                    <td>Non-Vegetarian</td>
                                                </tr>
                                                <tr>
                                                    <td>Adults + Kids age 9 and up</br>($25.00&nbsp; /Person)</td>
                                                    <td class="auto-style1">
                                                        <asp:DropDownList ID="ddlVegAdult" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlVegAdult_SelectedIndexChanged">
                                                            <asp:ListItem Selected="True">0</asp:ListItem>
                                                            <asp:ListItem>1</asp:ListItem>
                                                            <asp:ListItem>2</asp:ListItem>
                                                            <asp:ListItem>3</asp:ListItem>
                                                            <asp:ListItem>4</asp:ListItem>
                                                            <asp:ListItem>5</asp:ListItem>
                                                            <asp:ListItem>6</asp:ListItem>
                                                            <asp:ListItem>7</asp:ListItem>
                                                            <asp:ListItem>8</asp:ListItem>
                                                            <asp:ListItem>9</asp:ListItem>
                                                            <asp:ListItem>10</asp:ListItem>
                                                        </asp:DropDownList>
                                                    </td>
                                                    <td>
                                                        <asp:DropDownList ID="ddlNonVegAdult" enabled="false" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlNonVegAdult_SelectedIndexChanged">
                                                            <asp:ListItem Selected="True">0</asp:ListItem>
                                                            <asp:ListItem>1</asp:ListItem>
                                                            <asp:ListItem>2</asp:ListItem>
                                                            <asp:ListItem>3</asp:ListItem>
                                                            <asp:ListItem>4</asp:ListItem>
                                                            <asp:ListItem>5</asp:ListItem>
                                                            <asp:ListItem>6</asp:ListItem>
                                                            <asp:ListItem>7</asp:ListItem>
                                                            <asp:ListItem>8</asp:ListItem>
                                                            <asp:ListItem>9</asp:ListItem>
                                                            <asp:ListItem>10</asp:ListItem>
                                                        </asp:DropDownList>
                                                    </td>
                                                    <td colspan="2" style="vertical-align: top">
                                                        <table>
                                                            <tr>
                                                                <td>
                                                                    <asp:CheckBox ID="cbNoAttendie" runat="server" Text=" Regrets, We will not be able to attend this event." AutoPostBack="true" OnCheckedChanged="cbNoAttendie_CheckedChanged" ForeColor="Red" />

                                                                </td>
                                                            </tr>
                                                            <%--<tr><td>
                      <asp:Button ID="btnNotAttending" runat="server" Text="Submit" OnClick="btnNotAttending_Click" /></td></tr>--%>
                                                            <%--<tr><td>Note: Fill below information</td></tr>--%>
                                                        </table>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Kids under 9 (Free)</td>
                                                    <td class="auto-style1">
                                                        <asp:DropDownList ID="ddlVegKid" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlVegKid_SelectedIndexChanged">
                                                            <asp:ListItem Selected="True">0</asp:ListItem>
                                                            <asp:ListItem>1</asp:ListItem>
                                                            <asp:ListItem>2</asp:ListItem>
                                                            <asp:ListItem>3</asp:ListItem>
                                                            <asp:ListItem>4</asp:ListItem>
                                                            <asp:ListItem>5</asp:ListItem>
                                                            <asp:ListItem>6</asp:ListItem>
                                                            <asp:ListItem>7</asp:ListItem>
                                                            <asp:ListItem>8</asp:ListItem>
                                                            <asp:ListItem>9</asp:ListItem>
                                                            <asp:ListItem>10</asp:ListItem>
                                                        </asp:DropDownList>
                                                    </td>
                                                    <td>
                                                        <asp:DropDownList ID="ddlNonVegKids" enabled="false" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlNonVegKids_SelectedIndexChanged">
                                                            <asp:ListItem Selected="True">0</asp:ListItem>
                                                            <asp:ListItem>1</asp:ListItem>
                                                            <asp:ListItem>2</asp:ListItem>
                                                            <asp:ListItem>3</asp:ListItem>
                                                            <asp:ListItem>4</asp:ListItem>
                                                            <asp:ListItem>5</asp:ListItem>
                                                            <asp:ListItem>6</asp:ListItem>
                                                            <asp:ListItem>7</asp:ListItem>
                                                            <asp:ListItem>8</asp:ListItem>
                                                            <asp:ListItem>9</asp:ListItem>
                                                            <asp:ListItem>10</asp:ListItem>
                                                        </asp:DropDownList>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>Total</td>
                                                    <td class="auto-style1">
                                                        <asp:Label ID="lblTotalVeg" runat="server" Text="0"></asp:Label></td>
                                                    <td>
                                                        <asp:Label ID="lblTotalNonVeg" runat="server" Text="0"></asp:Label></td>
                                                </tr>
                                                <tr>
                                                    <td>Total members </td>
                                                    <td colspan="2">
                                                        <asp:Label ID="lblTotalMembers" runat="server" Text="0"></asp:Label></td>
                                                </tr>
                                                <tr>
                                                    <td colspan="3">
                                                        <b>
                                                            <asp:CheckBox ID="cbDonate" runat="server" Text="Would you like to donate to Samaj?" AutoPostBack="true" ForeColor="Red" OnCheckedChanged="cbDonate_CheckedChanged" />
                                                        </b>
                                                    </td>

                                                </tr>
                                                <tr>
                                                    <td>
                                                        <asp:RadioButton ID="rb50" Text="$ 50.00" runat="server" Checked="true" GroupName="PaymentOption" AutoPostBack="True" OnCheckedChanged="rbother_CheckedChanged" Enabled="False" />
                                                    </td>
                                                    <td>
                                                        <asp:RadioButton ID="rb100" Text="$ 100.00" runat="server" GroupName="PaymentOption" AutoPostBack="True" OnCheckedChanged="rbother_CheckedChanged" Enabled="False" />
                                                    </td>
                                                    <td colspan="2">
                                                        <asp:RadioButton ID="rbother" Text="Other amount" runat="server" GroupName="PaymentOption" AutoPostBack="True" OnCheckedChanged="rbother_CheckedChanged" Enabled="False" />
                                                        &nbsp; 
                <asp:TextBox ID="txtOtherAmount" runat="server" Enabled="False" onkeypress="return isAmount(event)" AutoPostBack="true" OnTextChanged="txtOtherAmount_TextChanged"></asp:TextBox>
                                                    </td>

                                                </tr>
                                                <tr>
                                                    <td colspan="3">Total amount will be charged to your credit card $<asp:Label ID="lblTotalAmount" runat="server" Text="0.00"></asp:Label></td>


                                                </tr>
                                                <tr>
                                                    <td colspan="4"><span style="color: red">Late fee $5.0 per person will be charged after September 18.<br />
                                                        Your previous additional payment is carried to Diwali RSVP. Please RSVP for remaining members.</span> </td>
                                                </tr>

                                            </table>
                                        </td>
                                    </tr>
                                </table>

                            </td>
                        </tr>
                        </table>
                </td>
            </tr>
        </table>
        <table>
                    <tr>
            <td colspan="2">Email Address if changed</td>
            <td colspan="2">
                <asp:TextBox ID="txtNewEmail" runat="server"  ></asp:TextBox></td>
        </tr>
        <tr><td colspan="2">
                Comments:
                </td>
            <td colspan="2">
                <asp:TextBox ID="txtcomments" runat="server" Width="265px" Height="69px"  TextMode="MultiLine"></asp:TextBox>
            </td>

        </tr>
        <tr>
            <td  colspan="3">
                Will your family be interested in Garba during the month of April<b> ?
                </b>
            </td>

        </tr>
            <tr>
            <td>
                <asp:RadioButton ID="RadioButton1" text="Yes" runat="server" GroupName="Question1" />
            </td>
            <td>
                <asp:RadioButton ID="RadioButton2" Text="No" runat="server" GroupName="Question1" />
            </td>
            <td>
                <asp:RadioButton ID="RadioButton3" Text="No Answer" runat="server" Checked="true" GroupName="Question1" /> &nbsp; 
                
            </td>
            <td>
               
            </td>
        </tr>
            
            <tr><td colspan="4">
                      <asp:Button ID="btnNotAttending" Enabled="false" runat="server" Text="Click here if you are not attending" OnClientClick="return validateEmail();" OnClick="btnNotAttending_Click" /></td></tr>
        </table>
        <table>
            <tr>
            <td  colspan="2">
              <b>  Would anyone in your family like to perform (dance, jokes, sign, etc.) for entertainment?</b>
            </td>

        </tr>
        <tr>
        <td  colspan="2"> 
            <asp:CheckBox ID="cbDance" Text="Dance" runat="server" OnCheckedChanged="cbOther_CheckedChanged" AutoPostBack="true"/>
        </td>
        </tr>
        <tr>
        <td  colspan="2"> 
            <asp:CheckBox ID="cbJokes" Text="Jokes" runat="server" OnCheckedChanged="cbOther_CheckedChanged" AutoPostBack="true"/>
        </td>
        </tr>
        <tr>
        <td  colspan="2" style="width:5px;"> 
            <asp:CheckBox ID="cbOther" Text="Other" runat="server" OnCheckedChanged="cbOther_CheckedChanged" AutoPostBack="true"/>
        </td>
        </tr>
        
        <tr>
            <td  colspan="2">
                <asp:TextBox ID="txtOther" runat="server" Enabled="false"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td  colspan="2">
                <b>List all group member if you are planning to perform in group
                (Max 1000 Characters)</b></td>
        </tr>
        <tr>
            <td  colspan="2">
                <asp:TextBox ID="txtGroupDetails" runat="server" Height="210px" MaxLength="1000" Enabled="false" TextMode="MultiLine" Width="671px"></asp:TextBox>
            </td>
        </tr>
            </table>
        <table>
        
        <tr>
           <td colspan="4">
               <b> Credit card information</b>
            </td>
              
        </tr>
        <tr>
            <td>Card Number <span style="color:red">*</span></td>
            <td>
                <asp:TextBox ID="txtCardNumber" runat="server" type="tel" pattern="[0-9]*"  onkeypress="return isNumber(event)" MaxLength="16"></asp:TextBox></td>
        </tr>
        <tr>
            <td>Card Verification Number <span style="color:red">*</span></td>
            <td>
                <asp:TextBox ID="txtCVVNumber" runat="server" type="tel" onkeypress="return isNumber(event)"></asp:TextBox> <a href="http://www.necpatelsamaj.com/cvvcode.aspx" target="_blank" style="font-size:11px">What is my CVV code?</a></td>
        </tr>
                    <tr>
            <td>Name on card <span style="color:red">*</span></td>
            <td>
                <asp:TextBox ID="txtNameOnCard" runat="server"></asp:TextBox></td>
        </tr>
        <tr>
            <td>Card Type <span style="color:red">*</span></td>
            <td>
                <asp:DropDownList ID="ddlCardType" runat="server">
                    <asp:ListItem Text="Select Type" Value="0"> </asp:ListItem>
                    <asp:ListItem Text="VISA" Value="visa"></asp:ListItem>
                    <asp:ListItem Text="Master Card" Value="mastercard"></asp:ListItem>
                    <asp:ListItem Text="American Express" Value="AMEX"></asp:ListItem>
                    <asp:ListItem Text="Discover" Value="Discover"></asp:ListItem>
                </asp:DropDownList>
                </td>
        </tr>
        <tr>
            <td>Card Expiry Month <span style="color:red">*</span></td>
            <td>
                <asp:DropDownList ID="ddlExpirtMonth" runat="server">
                    <asp:ListItem Text="Select Month" Value="0"></asp:ListItem>
                    <asp:ListItem Text="01 January" Value="1"></asp:ListItem>
                    <asp:ListItem Text="02 February" Value="2"></asp:ListItem>
                    <asp:ListItem Text="03 March" Value="3"></asp:ListItem>
                    <asp:ListItem Text="04 April" Value="4"></asp:ListItem>
                    <asp:ListItem Text="05 May" Value="5"></asp:ListItem>
                    <asp:ListItem Text="06 June" Value="6"></asp:ListItem>
                    <asp:ListItem Text="07 July" Value="7"></asp:ListItem>
                    <asp:ListItem Text="08 August" Value="8"></asp:ListItem>
                    <asp:ListItem Text="09 September" Value="9"></asp:ListItem>
                    <asp:ListItem Text="10 October" Value="10"></asp:ListItem>
                    <asp:ListItem Text="11 November" Value="11"></asp:ListItem>
                    <asp:ListItem Text="12 December" Value="12"></asp:ListItem>

                </asp:DropDownList>
            
                        
            </td>
        </tr>
        <tr>
            <td>Card Expiry Year <span style="color:red">*</span>
            </td>
            <td>
                <asp:DropDownList ID="ddlExpirtYear" runat="server">
                    <asp:ListItem Text="Select Year" Value="0"></asp:ListItem>
                    <asp:ListItem Text="2025" Value="2025"></asp:ListItem>
                    <asp:ListItem Text="2026" Value="2026"></asp:ListItem>
                    <asp:ListItem Text="2027" Value="2027"></asp:ListItem>
                    <asp:ListItem Text="2028" Value="2028"></asp:ListItem>
                    <asp:ListItem Text="2029" Value="2029"></asp:ListItem>
                    <asp:ListItem Text="2030" Value="2030"></asp:ListItem>
                    <asp:ListItem Text="2031" Value="2031"></asp:ListItem>
                    <asp:ListItem Text="2032" Value="2032"></asp:ListItem>
                    <asp:ListItem Text="2033" Value="2033"></asp:ListItem>
                    <asp:ListItem Text="2034" Value="2034"></asp:ListItem>
                    <asp:ListItem Text="2035" Value="2035"></asp:ListItem>
                    <asp:ListItem Text="2036" Value="2036"></asp:ListItem>
                </asp:DropDownList>
                </td>
        </tr>
        
       <%-- <tr>
            <td>Appartmant No <span style="color:red">*</span></td>
            <td>
                <asp:TextBox ID="txtAddress" runat="server"></asp:TextBox></td>
        </tr>--%>
        <tr>
            <td>Address <span style="color:red">*</span></td>
            <td>
                <asp:TextBox ID="txtStreet" runat="server"></asp:TextBox></td>
        </tr>
                    <tr>
            <td>Apt.&nbsp; # </td>
            <td>
                <asp:TextBox ID="txtAppartment" runat="server"></asp:TextBox></td>
        </tr>
        <tr>
            <td>City <span style="color:red">*</span></td>
            <td>
                <asp:TextBox ID="txtCity" runat="server"></asp:TextBox></td>
        </tr>
        <tr>
            <td>State <span style="color:red">*</span></td>
            <td>
                <asp:DropDownList ID="ddlState" runat="server">
                   
<asp:ListItem Text="Select State" Value="0"></asp:ListItem>
                     <asp:ListItem Text="Alabama" Value="AL"></asp:ListItem>
                    <asp:ListItem Text="Alaska" Value="AK"></asp:ListItem>
<asp:ListItem Text="Arizona" Value="AZ"></asp:ListItem>
<asp:ListItem Text="Arkansas" Value="AR"></asp:ListItem>
<asp:ListItem Text="California" Value="CA"></asp:ListItem>
<asp:ListItem Text="Colorado" Value="CO"></asp:ListItem>
<asp:ListItem Text="Connecticut" Value="CT"></asp:ListItem>
<asp:ListItem Text="Delaware" Value="DE"></asp:ListItem>
<asp:ListItem Text="District Of Columbia" Value="DC"></asp:ListItem>
<asp:ListItem Text="Florida" Value="FL"></asp:ListItem>
<asp:ListItem Text="Georgia" Value="GA"></asp:ListItem>
<asp:ListItem Text="Hawaii" Value="HI"></asp:ListItem>
<asp:ListItem Text="Idaho" Value="ID"></asp:ListItem>
<asp:ListItem Text="Illinois" Value="IL"></asp:ListItem>
<asp:ListItem Text="Indiana" Value="IN"></asp:ListItem>
<asp:ListItem Text="Iowa" Value="IA"></asp:ListItem>
<asp:ListItem Text="Kansas" Value="KS"></asp:ListItem>
<asp:ListItem Text="Kentucky" Value="KY"></asp:ListItem>
<asp:ListItem Text="Louisiana" Value="LA"></asp:ListItem>
<asp:ListItem Text="Maine" Value="ME"></asp:ListItem>
<asp:ListItem Text="Maryland" Value="MD"></asp:ListItem>
<asp:ListItem Text="Massachusetts" Value="MA" Selected="True"></asp:ListItem>
<asp:ListItem Text="Michigan" Value="MI"></asp:ListItem>
<asp:ListItem Text="Minnesota" Value="MN"></asp:ListItem>
<asp:ListItem Text="Mississippi" Value="MS"></asp:ListItem>
<asp:ListItem Text="Missouri" Value="MO"></asp:ListItem>
<asp:ListItem Text="Montana" Value="MT"></asp:ListItem>
<asp:ListItem Text="Nebraska" Value="NE"></asp:ListItem>
<asp:ListItem Text="Nevada" Value="NV"></asp:ListItem>
<asp:ListItem Text="New Hampshire" Value="NH"></asp:ListItem>
<asp:ListItem Text="New Jersey" Value="NJ"></asp:ListItem>
<asp:ListItem Text="New Mexico" Value="NM"></asp:ListItem>
<asp:ListItem Text="New York" Value="NY"></asp:ListItem>
<asp:ListItem Text="North Carolina" Value="NC"></asp:ListItem>
<asp:ListItem Text="North Dakota" Value="ND"></asp:ListItem>
<asp:ListItem Text="Ohio" Value="OH"></asp:ListItem>
<asp:ListItem Text="Oklahoma" Value="OK"></asp:ListItem>
<asp:ListItem Text="Oregon" Value="OR"></asp:ListItem>
<asp:ListItem Text="Pennsylvania" Value="PA"></asp:ListItem>
<asp:ListItem Text="Rhode Island" Value="RI"></asp:ListItem>
<asp:ListItem Text="South Carolina" Value="SC"></asp:ListItem>
<asp:ListItem Text="South Dakota" Value="SD"></asp:ListItem>
<asp:ListItem Text="Tennessee" Value="TN"></asp:ListItem>
<asp:ListItem Text="Texas" Value="TX"></asp:ListItem>
<asp:ListItem Text="Utah" Value="UT"></asp:ListItem>
<asp:ListItem Text="Vermont" Value="VT"></asp:ListItem>
<asp:ListItem Text="Virginia" Value="VA"></asp:ListItem>
<asp:ListItem Text="Washington" Value="WA"></asp:ListItem>
<asp:ListItem Text="West Virginia" Value="WV"></asp:ListItem>
<asp:ListItem Text="Wisconsin" Value="WI"></asp:ListItem>
<asp:ListItem Text="Wyoming" Value="WY"></asp:ListItem>
                    
                </asp:DropDownList>
                </td>
        </tr>
        <tr>
            <td>Zip Code <span style="color:red">*</span></td>
            <td>
                <asp:TextBox ID="txtPostalCode" runat="server" type="tel" onkeypress="return isNumber(event)"></asp:TextBox></td>
        </tr>
        <tr>
            <td>Phone Number</td>
            <td>
                <asp:TextBox ID="txtPhoneNumber" runat="server" type="tel" onkeypress="return isNumber(event)"></asp:TextBox></td>
        </tr>
                    
        <tr><td colspan="4">Fields marked with <span style="color:red">*</span> are mandotary</td></tr>
        <tr><td colspan="2"> <asp:Button ID="btnSubmit" runat="server" Text="Make Payment" OnClick="btnSave_Click" OnClientClick="return ValidatePaymentinformation();"/></td>
            
        </tr>
      
            <tr><td colspan="2" style="color:white">While processing payment don't close / refresh browser. </td>
    </tr>
    </table>
        <tr><td colspan="3">
          <asp:Label ID="lblResult" runat="server" Text=""></asp:Label>  
</td></tr>

            </td>
        </tr>
    </table>


    </div>
</asp:Content>
