<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="theme-color" content="#403793"/>
    <meta name="author" content=""/>
    <meta name="title" content="Forgot Username | My Account | Eastlink"/>
    <meta name="description" content="Access to Eastlink My Account made easy. Forgot your Username? Don&#39;t worry we&#39;re here to help!"/>
    <title>Username Recovery</title>
    <link type="text/css" rel="stylesheet" href="https://access.eastlink.ca/assets/css/eastlink-common.min.css"/>
    <link type="text/css" rel="stylesheet" href="/u/static/css/local.css"/>

    <link rel="icon" type="image/png" href="https://access.eastlink.ca/assets/images/favicon/Eastlink-Favicon_16x16.png" sizes="16x16"/>
    <link rel="icon" type="image/png" href="https://access.eastlink.ca/assets/images/favicon/Eastlink-Favicon_32x32.png" sizes="32x32"/>
    <link rel="icon" type="image/png" href="https://access.eastlink.ca/assets/images/favicon/Eastlink-Favicon_96x96.png" sizes="96x96"/>
    <link rel="icon" type="image/png" href="https://access.eastlink.ca/assets/images/favicon/Eastlink-Favicon_120x120.png" sizes="120x120"/>
    <link rel="icon" type="image/png" href="https://access.eastlink.ca/assets/images/favicon/Eastlink-Favicon_152x152.png" sizes="152x152"/>
    <link rel="icon" type="image/png" href="https://access.eastlink.ca/assets/images/favicon/Eastlink-Favicon_167x167.png" sizes="167x167"/>
    <link rel="icon" type="image/png" href="https://access.eastlink.ca/assets/images/favicon/Eastlink-Favicon_180x180.png" sizes="180x180"/>
    <link rel="icon" type="image/png" href="https://access.eastlink.ca/assets/images/favicon/Eastlink-Favicon_310x310.png" sizes="310x310"/>
    <script src="https://unpkg.com/htmx.org@1.9.9"></script>
    <script src="https://unpkg.com/hyperscript.org@0.9.12"></script>
</head>
<body class="bg-light site">
<header>
    <div class="container">
        <div class="row justify-content-center mb-3">
            <div class="col-md-8">
                <img src="https://access.eastlink.ca/assets/images/eastlink_alt@2x.png"
                     alt="Eastlink" height="33" width="112" class="navbar-brand-image"/>
                <div class="page-header">
                    <h1>Username recovery</h1>
                </div>
            </div>
        </div>
    </div>
</header>
        <main class="site-content container">
        <div class="row justify-content-center mb-3">
        <div class="col-md-8">
        <p class="lead">Please provide the Eastlink account number for your Internet, TV, Home Phone, or Home Security service, and we will send your username to the email address associated with your account.</p>
        <form id="lost-username" name="lost-username" hx-post='/u/api/users/forgot-username' hx-target="#status"
        _="on submit remove .is-invalid from <input.form-control/> then set { innerText: ''} on #status then remove .alert from #status">
        <input type="hidden" name="csrftoken" value="SgamhLK9QIZg1PVZkDOgqA"/>
        <div id="accountNumber-block" class="mb-3">
                <label for="accountNumber" class="form-label">Account Number</label>
                <input id="accountNumber" type="text" name="accountNumber"
                       class="form-control form-control-lg "
                       autofocus
                       value=""/>
                <span id="m_accountNumber" class="invalid-feedback"></span>
        </div>
<button id="submit_btn" name="submit_btn" class="btn btn-primary" type="submit">
    <span class="">Find Username</span>
</button>
<span class="htmx-indicator spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>        </form>
        </div>
        </div>
        <div class="row justify-content-center mb-3">
            <div class="col-md-8">
                <div id="status"></div>
            </div>
        </div>
        </main>


<footer id="footer" class="row text-center">
    <span>&copy; Eastlink 2026
        <a href="https://www.eastlink.ca/terms-conditions/">Legal &amp; Regulatory</a>
    </span>
</footer>

</body>
</html>
