<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Login.ascx.vb" Inherits="Controls_Login" %>
<%@ Register Src="CustomContent.ascx" TagName="CustomContent" TagPrefix="uc" %>
<asp:Panel ID="PanelV3" runat="server">
    <script type="text/JavaScript">

        window.onload = function () {
            var myBoxObject = new curvyCorners(settings, "ValidationSummary");
            myBoxObject.applyCornersToAll();
        }

        function hideRoundBox() {
            document.getElementById("summaryBox").className = "HideValidationSummaryBox";
        }

    </script>
    <asp:Panel ID="pnlMyAccountV3" runat="server" Visible="false" DefaultButton="btnMyAcctV3">
       <%-- <!-- the following div (summaryBox) must be there to display the rounded border and must not have any space after it -->--%>
        <div id="summaryBox">
            <asp:Label runat="server" ID="lblStatusV3" Style="color: red"></asp:Label>
        </div>        
        <div class="sectionName"></div>
       <%-- <!-- intro text -->--%>
        <uc:CustomContent ID="CustomContent1" 
            ContentKey="myaccount:login:IntroText" runat="server" />
       <%-- <!-- login column left -->--%>
        <div class="innerBoxLeft">
            <p>
                <div style="font-size:14px; margin-top:11px; margin-left:10px; font-weight:bold;">
                    <%=strSectionTitleV3%>
                </div>
                <span id="spnrequired" runat="server" >
                    <font color="red">&nbsp;&nbsp;&nbsp;*Required Fields</font>
                </span>                
            <p>
            </p>
                <div>
                    <table border="0" cellpadding="0" cellspacing="0" style="margin-top: 10px;
                margin-left: 10px;">
                        <tr>
                            <td nowrap="nowrap" style="text-align: right" valign='top'>
                                <font color="red">*</font><strong>Username</strong>&nbsp;
                            </td>
                            <td style="text-align: right;">
                                <asp:TextBox ID="txtMyAcctV3UserName" runat="server" 
                                    class="sychtxtInput" 
                                    Style="padding-left: 1px" TabIndex="10001" />
                            </td>
                        </tr>
                        <tr>
                            <td nowrap="nowrap" style="text-align: right" valign='top'>
                                &nbsp;
                            </td>
                            <td style="text-align: right;">
                                <a href="../order/retrieveusername.aspx">Forgot Username?</a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;
                            </td>
                            <td>
                                <span style="padding-left: 3px">
                                <asp:RequiredFieldValidator ID="txtMyAcctV3UserNameValidator" runat="server" 
                                    ControlToValidate="txtMyAcctV3UserName" Display="Dynamic" 
                                    ErrorMessage="Username is Required field" ValidationGroup="Login" />
                                </span>
                            </td>
                        </tr>
                        <tr>
                            <td nowrap="nowrap" style="text-align: right"  valign='top'>
                                <font color="red">*</font><strong>Password</strong>&nbsp;</td>
                            <td style="text-align: right;">
                                <asp:TextBox ID="txtMyAcctV3Pass" runat="server" Style="padding-left: 1px" 
                                    TabIndex="10002" TextMode="Password" />
                        </tr>
                        <tr>
                            <td nowrap="nowrap" style="text-align: right"  valign='top'>
                                &nbsp;
                                </td>
                            <td style="text-align: right;">
                                <a href="../order/retrieveusername.aspx">Forgot Password?</a>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                &nbsp;
                            </td>
                            <td>
                                <asp:RequiredFieldValidator ID="txtMyAcctV3PassValidator" runat="server" 
                                    ControlToValidate="txtMyAcctV3Pass" Display="Dynamic" 
                                    ErrorMessage="Password is Required field" ValidationGroup="Login" />
                            </td>
                        </tr>
                        <asp:Panel ID="pnlZipVerificationV3" runat="server" Visible="false">
                            <tr>
                                <td nowrap="nowrap">
                                    <font color="red">*</font>
                                    <strong>Service Address Zip Code</strong>&nbsp;</td>
                                <td style="text-align: left">
                                    <span>
                                    <asp:TextBox ID="txtHorWideZipCodeV3" runat="server" AutoComplete="off" 
                                        MaxLength="10" Style="padding-left: 1px" TabIndex="10003" />
                                    </span>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    &nbsp;
                                </td>
                                <td>
                                    <asp:RequiredFieldValidator ID="vldZipCodeRequiredV3" runat="server" 
                                        ControlToValidate="txtHorWideZipCodeV3" Display="Dynamic" 
                                        ErrorMessage="Zip Code is Required field" SetFocusOnError="True" 
                                        ValidationGroup="Login" />
                                    <asp:RegularExpressionValidator ID="vldZipCodeRegExV3" runat="server" 
                                        ControlToValidate="txtHorWideZipCodeV3" Display="Dynamic" 
                                        ErrorMessage="Zip Code should be 5 characters in length" 
                                        ValidationExpression="\d{5}(-\d{4})?" ValidationGroup="Login"/>
                                </td>
                            </tr>
                        </asp:Panel>
                        <tr>
                            <td>
                                &nbsp;</td>
                            <td>
                                <asp:CheckBox ID="MyAcctV3Remember" runat="server" TabIndex="10004" />
                                <strong>Remember me </strong>
                                <br/>
                                <asp:ImageButton ID="btnMyAcctV3" runat="server" 
                                    ImageUrl="myAccLogin.ccom" 
                                    OnClientClick="hideRoundBox()" TabIndex="10005" 
                                    ValidationGroup="Login" />
                                <br>
                                <br>
                                <br></br>
                                <br></br>
                                </br>
                                </br/>
                            </td>
                        </tr>
                    </table>
                </div>
                <p>
                </p>
                <p>
                </p>
            </p>           
        </div>
       <%-- <!-- login column left ends -->
        <!-- login panel rigth col -->--%>
        <div class="innerBoxRight" style="margin-right: 5px; width:290px;">
            <!-- new customer need an account -->
            <div><uc:CustomContent ID="ucNeedAnAccount" 
                    ContentKey="myaccount:login:NeedAnAccount"
                runat="server" /></div>
            <br />    
          <%--  <!-- not yet a customer box -->--%>
            <div><uc:CustomContent ID="ucWantToBeone" 
                    ContentKey="myaccount:login:WantToBeone" runat="server" /></div>
        </div>
        <div style="clear: both;">
        </div>
      <%--  <!-- content ends -->--%>
    </asp:Panel>
</asp:Panel>
<asp:Panel ID="pnlHorizontalWide" runat="server" DefaultButton="btnHorWideLogin"
    Visible="false">
    <!-- start PanelSubpanelBlue template -->
    <div id="blue" class="roundedTopLeft">
        <div id="Div1" class="roundedTopRight">
            <div id="Div2" class="roundedBotRight">
                <div id="Div3" class="roundedBotLeft">
                    <div style="font-size: small; font-weight: bold">
                        <%= strSectionTitle %>
                        &nbsp;&nbsp;&nbsp;<a href="../customers/support.aspx?SupportArticleID=1085" style="font-size: smaller;
                            font-weight: normal" target="_blank">What's This?</a></div>
                    <div class="solidRoundedBlue">
                        <div class="solidRoundedTop">
                            <div>
                            </div>
                        </div>
                        <div id="solidRoundedContent">
                            <div id="form" class="noHeader">
                                <!-- begin content area -->
                                <table width="100%">
                                    <tr valign="top">
                                        <td style="text-align: left; background-color: #D9E4EE; width: 50%">
                                            <table cellspacing="10">
                                                <tr valign="top">
                                                    <td style="text-align: left; background-color: #D9E4EE">
                                                        I have an existing username and password<br />
                                                        <div style="color: red">
                                                            *Required Fields</div>
                                                    </td>
                                                    <td rowspan="6" style="background-color: #D9E4EE; width: 4px">
                                                        &nbsp;</td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; text-align: left">
                                                        <asp:Label runat="server" ID="lblStatus" Style="color: red"></asp:Label>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; padding-left: 25px">
                                                        <font color="red">*</font> Username:<br />
                                                        <asp:TextBox ID="txtHorWideUserName" runat="server" MaxLength="64" TabIndex="10000"
                                                            Style="padding-left: 1px" />
                                                        <!-- JPirkey: 3-30-10 Changed link to point to new retrieveusername.aspx -->
                                                        <asp:TextBox ID="TextBox1" runat="server" Style="padding-left: 1px" TabIndex="10001" />&nbsp;<a
                                                            href="../order/retrieveusername.aspx">Forgot Username?</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; padding-left: 25px">
                                                        <font color="red">*</font> Password:<br />
                                                        <asp:TextBox ID="txtHorWidePassword" runat="server" TextMode="Password" MaxLength="20"
                                                            TabIndex="10001" Style="padding-left: 1px" />
                                                        <a href="../order/retrieveusername.aspx">Forgot Password?</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: left; background-color: #D9E4EE; padding-left: 25px; height: 24px">
                                                        <label class="small">
                                                            <asp:CheckBox ID="chkHorWideRememberMe" runat="server" 
                                                            TabIndex="10002" />Remember Me</label>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; text-align: center">
                                                        <asp:LinkButton ID="btnHorWideLogin" runat="server" TabIndex="10003" CausesValidation="true"
                                                            ValidationGroup="Login">
                                                            <img src="../images/login_but_blue.jpg" alt="Log In" /></asp:LinkButton>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; text-align: center">
                                                        You are allowed
                                                        <%= Application("MYACCOUNT_LOGIN_FAILED_ATTEMPT_MAX_COUNT") %>
                                                        total attempts before your access will be temporarily locked.
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                        <td style="border-left: solid 1px gray; background-color: #D9E4EE">
                                            &nbsp;</td>
                                        <td style="text-align: left; background-color: #D9E4EE; width: 50%">
                                            <table cellspacing="10">
                                                <tr valign="top">
                                                    <td rowspan="6" style="background-color: #D9E4EE; width: 10px">
                                                        &nbsp;</td>
                                                    <td style="text-align: left; background-color: #D9E4EE">
                                                        Don't have an Online Account?<br />
                                                        <div style="color: red">
                                                            *Required Fields</div>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; text-align: left">
                                                        <asp:ValidationSummary runat="server" ID="ValidationSummary2" ValidationGroup="Register"
                                                            HeaderText="<img src='../Images/error-icon_small.gif' />" DisplayMode="List" />
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; padding-left: 25px">
                                                        <font color="red">*</font> Security Code:<br />
                                                        <asp:TextBox ID="txtHorWideSecurityCode" runat="server" MaxLength="4" TabIndex="11000"
                                                            Style="padding-left: 1px" onkeypress="numericOnly(event)" />
                                                        &nbsp;<br />
                                                        <a href="../customers/support.aspx?SupportArticleID=37#security" target="_blank">
                                                            What's This?</a>
                                                        <asp:RequiredFieldValidator runat="server" ID="rfvSecurityCode" 
                                                            ErrorMessage="<b>Security Code</b>  is required."
                                                            SetFocusOnError="True" ControlToValidate="txtHorWideSecurityCode" 
                                                            Display="none"
                                                            Text="" ValidationGroup="Register"/>
                                                        <asp:RegularExpressionValidator ID="vldSecurityCodeRegEx" 
                                                            runat="server" ValidationGroup="Register"
                                                            SetFocusOnError="True" ControlToValidate="txtHorWideSecurityCode" 
                                                            Display="None"
                                                            ErrorMessage="<b>Security Code</b> should only contain numeric values that are 4 characters long. "
                                                            ValidationExpression="^\d{4}$"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; padding-left: 25px">
                                                        <font color="red">*</font> Account Number:<br />
                                                        <asp:TextBox ID="txtHorWideAccountNumber" runat="server" 
                                                            MaxLength="19" TabIndex="11001"
                                                            Style="padding-left: 1px" onkeypress="numericOnly(event)" />
                                                        <asp:RequiredFieldValidator runat="server" ID="rfvAccountNumber" 
                                                            ErrorMessage="<b>Account Number</b> is required."
                                                            SetFocusOnError="True" ControlToValidate="txtHorWideAccountNumber" 
                                                            Display="none" Text="" ValidationGroup="Register"/>
                                                        <asp:RegularExpressionValidator ID="vldAccountNumberRegEx" runat="server" 
                                                            ValidationGroup="Register"
                                                            SetFocusOnError="True" ControlToValidate="txtHorWideAccountNumber" 
                                                            Display="None"
                                                            ErrorMessage="<b>Account Number</b> should only contain numeric values and be 16 to 19 characters long. "
                                                            ValidationExpression="^\d{16,19}$"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="text-align: left; background-color: #D9E4EE; padding-left: 25px; height: 24px">
                                                        &nbsp;
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="background-color: #D9E4EE; text-align: center">
                                                        <asp:LinkButton ID="btnRegister" runat="server" TabIndex="11004" CausesValidation="true"
                                                            ValidationGroup="Register">
                                                            <img src="../images/registerhere_but_blue.jpg" alt="Register Here" /></asp:LinkButton>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                                <!-- end content area -->
                            </div>
                        </div>
                        <div class="solidRoundedBot">
                            <div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <br />
    <table style="width: 100%; line-height: 12px; font-size: 11px" width="90%">
        <tr>
            <td style="padding-left: 27px" width="45%">
                <a href="../customers/support.aspx?SupportArticleID=1085#able" target="_blank">My Account
                    Features</a><br />
                <table>
                    <tr>
                        <td>
                            -</td>
                        <td>
                            Create and Manage E-mail Accounts/Web Space</td>
                    </tr>
                    <tr>
                        <td>
                            -</td>
                        <td>
                            Manage Account Settings</td>
                    </tr>
                    <tr>
                        <td>
                            -</td>
                        <td>
                            Download and Manage Charter High-Speed Security Suite</td>
                    </tr>
                </table>
            </td>
            <td style="padding-left: 54px" width="55%">
                <a href="../customers/support.aspx?SupportArticleID=1342#epayoptions" target="_blank">
                    Charter ePay Benefits</a><br />
                <table>
                    <tr>
                        <td>
                            -</td>
                        <td>
                            Change the way you receive your bills</td>
                    </tr>
                    <tr>
                        <td>
                            -</td>
                        <td>
                            View Statements</td>
                    </tr>
                    <tr>
                        <td>
                            -</td>
                        <td>
                            Manage or make payments</td>
                    </tr>
                    <tr>
                        <td>
                            -</td>
                        <td>
                            View Recent Activity</td>
                    </tr>
                    <tr>
                        <td>
                            -</td>
                        <td>
                            Telephone Call Usage Details</td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <!-- end PanelSubpanelBlue template -->
</asp:Panel>
<asp:Panel ID="pnlHorizontal" runat="server" DefaultButton="btnHorLogin">
    <div class="roundedFlexibleNoTopMargin">
        <div id="Div4" class="roundedTopLeft">
            <div id="Div5" class="roundedTopRight">
                <div id="Div6" class="roundedBotRight">
                    <div id="Div7" class="roundedBotLeft">
                        <div class="solidRoundedBlue">
                            <div class="solidRoundedTop">
                                <div>
                                </div>
                            </div>
                            <div id="Div8">
                                <div style="color: red">
                                    *Required Fields</div>
                                <div class="formContainer">
                                    <div id="basic">
                                        <div>
                                            Please enter your username and password
                                        </div>
                                        <fieldset>
                                            <div class="fm-req">
                                                <label for="txtHorUserName">
                                                    <font color="red">*</font>Username:</label>
                                                <asp:TextBox ID="txtHorUserName" runat="server" Style="padding-left: 1px" />&nbsp;
                                                <asp:RequiredFieldValidator ID="vldHorUserNameRequired" runat="server" ControlToValidate="txtHorUserName"
                                                    Display="Dynamic" ErrorMessage="Required field" ValidationGroup="Login" />
                                            </div>
                                            <div class="fm-req">
                                                <label for="txtHorPassword">
                                                    <font color="red">*</font>Password:</label>
                                                <asp:TextBox ID="txtHorPassword" runat="server" TextMode="Password" Style="padding-left: 1px" />&nbsp;
                                                <asp:RequiredFieldValidator ID="vldHorPasswordRequired" runat="server" ControlToValidate="txtHorPassword"
                                                    Display="Dynamic" ErrorMessage="Required field" ValidationGroup="Login" />
                                            </div>
                                        </fieldset>
                                        <div>
                                            <asp:CustomValidator ID="vldHorLoginCustom" runat="server" Display="Dynamic" ValidationGroup="Login">Invalid <b>Username</b> or <b>Password</b>.</asp:CustomValidator>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="solidRoundedBot">
                                <div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="buttonTab" class="blue">
        <div>
            <div>
                <asp:ImageButton ID="btnHorLogin" runat="server" ImageUrl="../Images/but_continue.gif"
                    Height="27" Width="139" />
            </div>
        </div>
    </div>
</asp:Panel>
<asp:Panel ID="pnlVertical" runat="server" CssClass="roundedFlexible" DefaultButton="btnVerLogin">
    <div id="Div9" class="roundedTopLeft">
        <div id="Div10" class="roundedTopRight">
            <div id="Div11" class="roundedBotRight">
                <div id="Div12" class="roundedBotLeft">
                    <h2>
                        Login to My Account:</h2>
                    <div class="solidRoundedBlue">
                        <div class="solidRoundedTop">
                            <div>
                            </div>
                        </div>
                        <div id="Div13">
                            <div id="Div14" class="noHeader">
                                <asp:ValidationSummary ID="vldSummaryUsernameandPassword" DisplayMode="List" runat="server"
                                    HeaderText="<img src='../Images/error-icon_small.gif' /><b>Username</b> and <b>Password</b> are required." />
                                <p>
                                    <label>
                                        Username:<br />
                                        <asp:TextBox ID="txtVerUserName" runat="server" Columns="16" Style="padding-left: 1px" />
                                        <asp:RequiredFieldValidator ID="vldVerUserNameRequired" runat="server" Text="" ErrorMessage=""
                                            ControlToValidate="txtVerUserName" Display="Dynamic" ValidationGroup="Login"></asp:RequiredFieldValidator>
                                    </label>
                                </p>
                                <p>
                                    <label>
                                        Password:<br />
                                        <asp:TextBox ID="txtVerPassword" runat="server" Columns="16" TextMode="Password"
                                            Style="padding-left: 1px" />
                                        <asp:RequiredFieldValidator ID="vldVerPasswordRequired" 
                                            runat="server" Text="" ErrorMessage=""
                                            ControlToValidate="txtVerPassword" Display="Static" 
                                            ValidationGroup="Login"/>
                                    </label>
                                </p>
                                <p>
                                    <a href="../order/retrieveusername.aspx">Forgot Password?</a>
                                </p>
                                <p>
                                    <label class="small">
                                        <asp:CheckBox ID="chkVerRememberMe" runat="server" />
                                        Remember Me
                                    </label>
                                </p>
                                <p>
                                    <asp:CustomValidator ID="vldVerLoginCustom" runat="server" Display="Dynamic" ValidationGroup="Login">Invalid <b>Username</b> or <b>Password</b>.</asp:CustomValidator>
                                </p>
                                <p class="butRightAlign">
                                    <asp:ImageButton ID="btnVerLogin" runat="server" ImageUrl="../Images/but_Login.gif"
                                        AlternateText="Login" /></p>
                            </div>
                        </div>
                        <div class="solidRoundedBot">
                            <div>
                            </div>
                        </div>
                    </div>
                    <div class="solidRoundedBlueDouble">
                        <div class="solidRoundedTop">
                            <div>
                            </div>
                        </div>
                        <div id="Div15" class="centered">
                            <p class="dark">
                                Don't have an Account?<br />
                                <a href="register.aspx">Register Here</a>
                            </p>
                        </div>
                        <div class="solidRoundedBot">
                            <div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Panel>
<asp:Panel ID="pnlAttemptLimitReached" runat="server" Visible="false">
    <asp:Literal ID="pnlAttemptLimitReachedCustomContent" runat="server" />
    <table>
        <tr>
            <td style="width: 222px">
            </td>
            <td style="text-align: center">
                <br />
                <asp:ImageButton ID="btnLogin" runat="server" CausesValidation="false" ImageUrl="../Images/login_but_blue.ccom" />
            </td>
        </tr>
    </table>
</asp:Panel>
<asp:Panel ID="pnlMSLoginIsUnavailable" runat="server" Visible="false">
    &nbsp;<br />
    <!-- start Login Unavailable Template -->
    <asp:Literal ID="ltrMessages" runat="server"></asp:Literal>
    <!-- End Login Unavailable Template -->
</asp:Panel>
<asp:Panel ID="pnlHeaderLoginDrop" runat="server" Visible="false">
    <span id="headerLoginDropUser">
        <asp:TextBox CssClass="txtInput" ID="txtHeaderLoginDropUserName" 
            runat="server" Text="User Name"
            TabIndex="1" />
        <a href="register.aspx" tabindex="4">Create an account</a> 
    </span>
    <span id="headerLoginDropPass">
        <asp:TextBox CssClass="txtInput" ID="txtHeaderLoginPass" runat="server" Text="Password"
                TextMode="Password" TabIndex="2" Visible="true" />
        <a href="../order/retrieveusername.aspx" tabindex="5">Forgot your password?</a> 
    </span>
    <span id="headerLoginDropBtnCont">
        <asp:ImageButton ImageUrl="~/img/btn_site_login.png" runat="server" 
            AlternateText="CLICK HERE TO LOG IN"
            ID="btnHeaderLogin" TabIndex="3" />
        <span style="padding-left: 50px">
            <asp:ImageButton ImageUrl="~/img/btn_site_login_close.png" runat="server" 
                AlternateText="CLOSE"
                ID="loginDropClose" Width="10" Height="8" TabIndex="6" />
        </span>
    </span>
</asp:Panel>
