<%@ Register Src="../Controls/CustomContent.ascx" TagName="CustomContent" TagPrefix="uc" %>
<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Register.ascx.vb" Inherits="Controls_Register" %>
<asp:Panel ID="PanelV3" runat="server" Visible="false">
    <script type="text/JavaScript">
      window.onload = function()
      {
            var myBoxObject = new curvyCorners(settings, "ValidationSummary");
            myBoxObject.applyCornersToAll();
      }
      
     function hideRoundBox()
      {
            if (document.getElementById ("summaryBox"))
                document.getElementById ("summaryBox").className = "HideValidationSummaryBox"; 
      }      
    </script>
    <!-- there should be no space between summarBox div and the asp:label -->
    <!-- the following div (summaryBox) must be there to display the rounded border and must not have any space after it -->
    <div id="summaryBox" style="padding-left:10px;"><asp:Label runat="server" ID="lblStatusV3" Style="color: red;"></asp:Label></div>                                                
    <div class="sectionName">
        Create an online account</div>
    <asp:Panel ID="MACreateAcctPanel1" runat="server" DefaultButton="btnRegisterV3">
        <uc:CustomContent ID="CustomContent1" ContentKey="myaccount:login:createAccount"
            runat="server" />
        <!-- RECENT ACTIVITY -->
        <div class="innerbox" style="background: none!important; border: none!important;
            width: 95%;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 10px; line-height:22px; margin-left:0px;">
                <tr align="left">
                    <td align="left" valign="top" style="text-align: right;" nowrap="nowrap">
                         <font color="red">*</font><strong>Security Code
                        </strong>&nbsp;
                    </td>
                    <td colspan="2" align="left" valign="top">
                        <asp:TextBox ID="txtHorWideSecurityCodeV3" runat="server" MaxLength="4" TabIndex="11000"
                            Style="padding-left: 1px" Width="200" /><img alt=""
                                src="../images/spacer.gif" height="5" /><a href="../customers/support.aspx?SupportArticleID=1955" target="_blank">What
                                    is this?</a></td>
                </tr>
                <tr align="left">
                    <td align="left" valign="top" style="text-align: left;" nowrap="nowrap">
                        &nbsp;</td>
                    <td colspan="2" align="left" valign="top">
                        <asp:RequiredFieldValidator runat="server" ID="rfvSecurityCodeV3" ErrorMessage="<b>Security Code</b>  is required."
                            SetFocusOnError="True" ControlToValidate="txtHorWideSecurityCodeV3" Display="Dynamic"
                            Text="" ValidationGroup="RegisterStep1"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vldSecurityCodeRegExV3" runat="server" ValidationGroup="RegisterStep1"
                            SetFocusOnError="True" ControlToValidate="txtHorWideSecurityCodeV3" Display="Dynamic"
                            ErrorMessage="<b>Security Code</b> should only contain numeric values that are 4 characters long."
                            ValidationExpression="^\d{4}$"></asp:RegularExpressionValidator></td>
                </tr>
                <tr align="left">
                    <td align="left" valign="top" style="text-align: right;" nowrap="nowrap">
                         <font color="red">*</font><strong>Account Number</strong>&nbsp;</td>
                    <td colspan="2" align="left" valign="top">
                        <asp:TextBox ID="txtHorWideAccountNumberV3" runat="server" MaxLength="16" TabIndex="11001"
                            Style="padding-left: 1px" Width="200" /><img alt=""
                                src="../images/spacer.gif" height="5" />
                    </td>
                </tr>
                <tr>
                    <td align="left" valign="top">
                        &nbsp;</td>
                    <td colspan="2" align="left" valign="top">
                        <asp:RequiredFieldValidator runat="server" ID="rfvAccountNumberV3" ErrorMessage="<b>Account Number</b> is required."
                            SetFocusOnError="True" ControlToValidate="txtHorWideAccountNumberV3" Display="Dynamic"
                            Text="" ValidationGroup="RegisterStep1"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vldAccountNumberRegExV3" runat="server" ValidationGroup="RegisterStep1"
                            SetFocusOnError="True" ControlToValidate="txtHorWideAccountNumberV3" Display="Dynamic"
                            ErrorMessage="<b>Account Number</b> should only contain numeric values and be 16 characters long."
                            ValidationExpression="^\d{16}$"></asp:RegularExpressionValidator></td>
                </tr>
                <tr>
                    <td align="left" valign="top">
                        &nbsp;</td>
                    <td align="left" valign="top" nowrap="nowrap">
                        <asp:ImageButton  ImageAlign="Top" ImageUrl="sup_button_createAccount.ccom"  alt="Register Here" ID="btnRegisterV3" runat="server" TabIndex="11004" CausesValidation="true" OnClick="btnRegisterV3_Click" OnClientClick="removeSummaryBox()" ValidationGroup="RegisterStep1" />&nbsp;<asp:ImageButton ImageAlign="top" ID="ImageButton1" runat="server" ImageUrl="sup_button_cancel.ccom" TabIndex="10005" PostBackUrl="~/Order/login.aspx"  />
                    </td>
                </tr>
            </table>
        </div>
        <!-- END RECENT ACTIVITY -->
    </asp:Panel>
    <asp:Panel ID="MACreateAcctPanel2" runat="server" Visible="false" DefaultButton="btnRegister">
        <!-- begin content area -->
        <div style="padding-left:20px;"><asp:Panel ID="pnlChoice" runat="server">
            Please complete the information below to register for "My Account" access.<br />
            <span style="color: red">*Required Fields</span><br />
            <img alt="" src="../images/spacer.gif" height="5" /><br />
        </asp:Panel></div>
        <!-- SSN Panel -->
        <asp:Panel ID="pnlSSN" runat="server" Visible="true" DefaultButton="btnRegister">
            <table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-top: 10px;
                line-height: 22px; margin-left: 20px;">
                <tr>
                    <td width="26%" valign="top" style="text-align: right;">
                        <font color="red">*</font>Social Security Number&nbsp;
                    </td>
                    <td width="74%" nowrap>
                        <asp:TextBox ID="txtSSN" runat="server" Width="200px" Style="padding-left: 1px"></asp:TextBox>
                        &nbsp;</td>
                </tr>
                <tr>
                    <td>
                        &nbsp;
                    </td>
                    <td nowrap>
                        <asp:RequiredFieldValidator ID="vldSSNRequired" runat="server" ControlToValidate="txtSSN"
                            Display="Dynamic" ErrorMessage="Social Security Number is required" ValidationGroup="RegisterStep2"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vldSSNRegEx" runat="server" ControlToValidate="txtSSN"
                            Display="Dynamic" ErrorMessage="Invalid Format" ValidationExpression="\d{3}-\d{2}-\d{4}"
                            ValidationGroup="RegisterStep2"></asp:RegularExpressionValidator></td>
                </tr>
                <tr>
                    <td nowrap style="text-align: right;">
                        First Name&nbsp;
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtFirstName" runat="server" Width="200px" Style="padding-left: 1px" />
                    </td>
                </tr>
                <tr>
                    <td nowrap>
                        <div align="right">
                        </div>
                    </td>
                    <td nowrap>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td nowrap style="text-align: right;">
                        Last Name&nbsp;
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtLastName" runat="server" Width="200px" Style="padding-left: 1px" />
                    </td>
                </tr>
                <tr>
                    <td nowrap>
                        &nbsp;
                    </td>
                    <td nowrap>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td nowrap style="text-align: right;">
                        <font color="red">*</font>Street Address&nbsp;
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtAddress1" runat="server" Width="200px" Style="padding-left: 1px" />
                    </td>
                </tr>
                <tr>
                    <td nowrap>
                        &nbsp;
                    </td>
                    <td nowrap>
                        <asp:RequiredFieldValidator ID="vldAddress1Required" runat="server" ControlToValidate="txtAddress1"
                            Display="Dynamic" ErrorMessage="Street Address is required" ValidationGroup="RegisterStep2"></asp:RequiredFieldValidator>&nbsp;</td>
                </tr>
                <tr>
                    <td nowrap style="text-align: right;">
                        Apartment Number&nbsp;
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtAddress2" runat="server" Width="200px" Style="padding-left: 1px" /></td>
                </tr>
                <tr>
                    <td nowrap>
                        &nbsp;
                    </td>
                    <td nowrap>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td nowrap style="text-align: right;">
                        City&nbsp;
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtCity" runat="server" Width="200px" Style="padding-left: 1px" />
                    </td>
                </tr>
                <tr>
                    <td nowrap>
                        &nbsp;
                    </td>
                    <td nowrap>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td nowrap style="text-align: right;">
                        State&nbsp;
                    </td>
                    <td nowrap>
                        <asp:DropDownList ID="ddlState" runat="server" Width="205px">
                            <asp:ListItem Text="" Value=""></asp:ListItem>
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td nowrap>
                        &nbsp;
                    </td>
                    <td nowrap>
                        &nbsp;
                    </td>
                </tr>
                <tr>
                    <td nowrap style="text-align: right;">
                        <font color="red">*</font>Zip Code&nbsp;
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtZipCode" runat="server" Width="200px" Style="padding-left: 1px" />
                    </td>
                </tr>
                <tr>
                    <td nowrap>
                        &nbsp;
                    </td>
                    <td nowrap>
                        <asp:RequiredFieldValidator ID="vldZipCodeRequired" runat="server" ControlToValidate="txtZipCode"
                            Display="Dynamic" ErrorMessage="Zip Code is required" ValidationGroup="RegisterStep2"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vldZipCodeRegEx" runat="server" ControlToValidate="txtZipCode"
                            Display="Dynamic" ErrorMessage="Invalid Format" ValidationExpression="\d{5}(-\d{4})?"
                            ValidationGroup="RegisterStep2"></asp:RegularExpressionValidator>&nbsp;</td>
                </tr>
            </table>
        </asp:Panel>
        <!-- ssn panel  -->
        
          <asp:Panel ID="pnlAccount" runat="server" DefaultButton="btnRegister">
     <%--   Issue ID:6375   Rod Copeland    Removed the width tag from table--%>
            <table  border="0" cellpadding="0" cellspacing="0" style="margin-top: 10px;
                line-height: 22px; margin-left: 20px;">
                <tr>
                    <td width="26%" valign="top" style="text-align: right;">
                        <font color="red">*</font>Security Code&nbsp;</div>
                    </td>
                    <td>
                        <asp:TextBox ID="txtSecurityCode" runat="server" Width="200px" TabIndex="10001" MaxLength="4"
                            Style="padding-left: 1px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td width="26%" valign="top">
                        <div align="right">
                            &nbsp;
                        </div>
                    </td>
                    <td>
                        <asp:RequiredFieldValidator ID="vldSecurityCodeRequired" runat="server" Text="" ErrorMessage="<b>SecurityCode</b> is required."
                            ControlToValidate="txtSecurityCode" Display="Dynamic" ValidationGroup="RegisterStep2"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vldSecurityCodeRegEx" runat="server" ControlToValidate="txtSecurityCode"
                            Display="Dynamic" ErrorMessage="<b>Security Code</b> should only contain numeric values that are 4 characters long."
                            ValidationExpression="^\d{4}$" ValidationGroup="RegisterStep2"></asp:RegularExpressionValidator></td>
                </tr>
                <tr>
                    <td width="26%" valign="top">
                        <div align="right">
                            <font color="red">*</font>Account Number&nbsp;</div>
                    </td>
                    <td>
                        <asp:TextBox ID="txtAccountNumber" runat="server" Width="200px" TabIndex="10002"
                            Style="padding-left: 1px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap>
                        <div align="right">
                            &nbsp;
                        </div>
                    </td>
                    <td nowrap>
                        <asp:RequiredFieldValidator ID="vldAccountNumberRequired" runat="server" Text=""
                            ErrorMessage="<b>Account Number</b> is required. It can be found on your Charter billing statement."
                            ControlToValidate="txtAccountNumber" Display="Dynamic" ValidationGroup="RegisterStep2"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vldAccountNumberRegEx" runat="server" ValidationGroup="RegisterStep2"
                            SetFocusOnError="True" ControlToValidate="txtAccountNumber" Display="Dynamic"
                            ErrorMessage="<b>Account Number</b> should only contain numeric values and be 16 characters long. "
                            ValidationExpression="^\d{16}$"></asp:RegularExpressionValidator></td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap>
                        <div>
                            <div align="right">
                                <font color="red">*</font>Username&nbsp;</div>
                        </div>
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtUserName" runat="server" Width="200px" MaxLength="40" TabIndex="10003" Style="padding-left: 1px"></asp:TextBox>
                        &nbsp; <a href="../customers/support.aspx?SupportArticleID=1777" target="_blank">Username/Password
                            Suggestion</a></td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap>
                        <div align="right">
                            &nbsp;</div>
                    </td>
                    <td nowrap>
                        <asp:RequiredFieldValidator ID="vldUserNameRequired" runat="server" ControlToValidate="txtUserName"
                            Text="" Display="Dynamic" ErrorMessage="Please Create a <b>Username</b>." ValidationGroup="RegisterStep2"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vldUserNameSpecialChar" runat="server" ControlToValidate="txtUserName"
                            ErrorMessage="The only special characters allowed for <b>Username</b> are .(dot), -(dash) or _(underscore)."
                            Text="" Display="Dynamic" ValidationExpression="^[a-zA-Z0-9._-]+$" ValidationGroup="RegisterStep2"></asp:RegularExpressionValidator></td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap style="">
                        <div>
                        </div>
                    </td>
                    <td nowrap>
                        (Minimum of 8 characters, passwords are case sensitive.)
                    </td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap style="">
                        <div>
                            <div align="right">
                                <font color="red">*</font>Password&nbsp;</div>
                        </div>
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="200px" TabIndex="10004"
                          MaxLength="20"   Style="padding-left: 1px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap style="">
                        <div align="right">
                            &nbsp;
                        </div>
                    </td>
                    <td nowrap>
						<asp:RegularExpressionValidator ID="rfvSpecialCharacter" runat="server" ControlToValidate="txtPassword"
							ErrorMessage="<b>Password</b> does not allow \(back slash) or &quot;(quotes)."
							Text="" Display="Dynamic" ValidationExpression="^[^\\^&quot;]*$" 
							ValidationGroup="RegisterStep2"></asp:RegularExpressionValidator>
	                        
						<asp:RequiredFieldValidator ID="vldPwdRequired" runat="server" Text="" ValidationGroup="sendUPP"
							ControlToValidate="txtPassword" Display="Dynamic" 
							ErrorMessage="<b>Password</b> is a required field.<br>"></asp:RequiredFieldValidator>               
	                        
						<asp:RegularExpressionValidator runat="server" ID="revLength" ControlToValidate="txtPassword" Display="Dynamic" 
							ErrorMessage="Password Required. 8-20 characters in length.<br>" ForeColor="Red" ValidationGroup="RegisterStep2" 
							ValidationExpression=".{8,20}"></asp:RegularExpressionValidator>
							
						<asp:RegularExpressionValidator runat="server" ID="revNumber" ControlToValidate="txtPassword" Display="Dynamic" 
							ForeColor="Red" Text="Password must contain at least one number.<br>" ValidationExpression=".*[0-9]+.*" 
							ValidationGroup="RegisterStep2"></asp:RegularExpressionValidator>
							
						<asp:RegularExpressionValidator runat="server" ID="revUppercase" ControlToValidate="txtPassword" Display="Dynamic" 
							ForeColor="Red" Text="Password must contain at least one uppercase letter.<br>" ValidationExpression=".*[A-Z]+.*"	
							ValidationGroup="RegisterStep2"></asp:RegularExpressionValidator>
							
						<asp:RegularExpressionValidator runat="server" ID="revLowercase" ControlToValidate="txtPassword" Display="Dynamic" 
							ForeColor="Red" Text="Password must contain at least one lowercase letter.<br>" ValidationExpression=".*[a-z]+.*" 
							ValidationGroup="RegisterStep2"></asp:RegularExpressionValidator>                           
                       
                        <asp:CompareValidator ID="vldPassword2Compare" runat="server" Text="" ControlToCompare="txtPassword"
                            ControlToValidate="txtPassword2" Display="Dynamic" ErrorMessage="<b>Confirm Password</b> does not match <b>Password</b>."
                            ValidationGroup="RegisterStep2"></asp:CompareValidator></td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap style="">
                        <div>
                            <div align="right">
                                <font color="red">*</font>Confirm Password&nbsp;</div>
                        </div>
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtPassword2" runat="server" TextMode="Password" Width="200px" TabIndex="10005"
                             MaxLength="20" Style="padding-left: 1px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap style="">
                        <div align="right">
                            &nbsp;
                        </div>
                    </td>
                    <td nowrap>
                        <asp:RequiredFieldValidator ID="vldPassword2Required" runat="server" Text="" ControlToValidate="txtPassword2"
                            Display="Dynamic" ErrorMessage="<b>Confirm Password</b> must match what is entered in the <b>Create Password</b> field."
                            ValidationGroup="RegisterStep2"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vldPassword2SpecialChar" runat="server" ControlToValidate="txtPassword2"
                            ErrorMessage="<b>Confirm Password</b> does not allow \(back slash) or &quot;(quotes)."
                            Text="" Display="Dynamic" ValidationExpression="^[^\\^&quot;]*$" ValidationGroup="RegisterStep2"></asp:RegularExpressionValidator></td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap style="">
                        <div>
                            <div align="right">
                                <font color="red">*</font>Security Question&nbsp;</div>
                        </div>
                    </td>
                    <td nowrap>
                        <asp:DropDownList ID="ddlQuestion" runat="server" Width="205px" TabIndex="10006">
                            <asp:ListItem Text="" Value="0"></asp:ListItem>
                        </asp:DropDownList>
                        &nbsp; <a href="../customers/support.aspx?SupportArticleID=1934" target="_blank">Why
                            do I need this?</a></td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap style="">
                        <div align="right">
                            &nbsp;
                        </div>
                    </td>
                    <td nowrap>
                        <asp:RequiredFieldValidator ID="vldQuestionRequired" runat="server" ControlToValidate="ddlQuestion"
                            InitialValue="Choose One..." Display="Dynamic" ErrorMessage="Select a Security Question from the list."
                            ValidationGroup="RegisterStep2"></asp:RequiredFieldValidator></td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap style="">
                        <div>
                            <div align="right">
                                <font color="red">*</font>Security Answer&nbsp;</div>
                        </div>
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtAnswer" runat="server" Width="200px" TabIndex="10007" Style="padding-left: 1px"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap style="">
                        <div align="right">
                            &nbsp;
                        </div>
                    </td>
                    <td nowrap>
                        <asp:RequiredFieldValidator ID="vldAnswerRequired" runat="server" Text="" ControlToValidate="txtAnswer"
                            Display="Dynamic" ErrorMessage="Please enter a <b>Security Answer</b> to the <b>Security Question</b>."
                            ValidationGroup="RegisterStep2"></asp:RequiredFieldValidator></td>
                </tr>
                <tr>
                    <td width="26%" valign="top" nowrap style="">
                        <div>
                            <div align="right">
                                <font color="red">*</font>Contact EMail&nbsp;</div>
                        </div>
                    </td>
                    <td nowrap>
                        <asp:TextBox ID="txtEmail" runat="server" Width="200px" TabIndex="10008" Style="padding-left: 1px"></asp:TextBox>
                        &nbsp; <a href="../customers/support.aspx?SupportArticleID=1085#charter" target="_blank">
                            Why do I need one?</a>
                    </td>
                </tr>
                <tr>
                    <td width="26%" valign="top">
                        <div align="right">
                            &nbsp;
                        </div>
                    </td>
                    <td>
                        <asp:RequiredFieldValidator ID="vldEmailRequired" runat="server" Text="" ControlToValidate="txtEmail"
                            Display="Dynamic" ErrorMessage="<b>Email Address</b> is required." ValidationGroup="RegisterStep2"></asp:RequiredFieldValidator>
                        <asp:RegularExpressionValidator ID="vldEmailRegEx" Text="" runat="server" ControlToValidate="txtEmail"
                            Display="Dynamic" ErrorMessage="<b>Email Address</b> is not valid." ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                            ValidationGroup="RegisterStep2"></asp:RegularExpressionValidator></td>
                </tr>
                <tr>
                    <td width="26%" valign="top">
                        <div align="right">
                        </div>
                    </td>
                    <td>
                        <asp:ImageButton ID="btnRegister" OnClientClick="hideRoundBox()" runat="server" ImageUrl="../Images/register_new.ccom"
                            TabIndex="10009" />
                        &nbsp;&nbsp;&nbsp;
                        <asp:ImageButton ID="btnReset" runat="server" ImageUrl="../Images/reset.ccom" TabIndex="10010"
                            PostBackUrl="~/Order/register.aspx" /></td>
                </tr>
                <tr valign="top">
                    <td width="26%">
                        <div>
                        </div>
                    </td>
                </tr>
            </table>
        </asp:Panel>
        <asp:Panel ID="pnlComplete" runat="server">
            <uc:CustomContent ID="CustomContent2" ContentKey="Myaccount:Register:pnlComplete"
                runat="server" />
            <p style="text-align: center">
                <asp:ImageButton OnClientClick="hideRoundBox()" ID="btnLogin" runat="server" CausesValidation="false" ImageUrl="../Images/myAccLogin.ccom" /></p>
        </asp:Panel>
        <!-- end content area -->
    </asp:Panel>
</asp:Panel>
