<!DOCTYPE html>
<html class="login-pf" lang="en" dir="ltr">

<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="robots" content="noindex, nofollow">
    <meta name="color-scheme" content="light dark">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Login in with CloudIDP (kums-mfa)</title>
    <link rel="icon" href="/auth/resources/0rgax/login/vwgroup.v2/img/favicon.ico" />
            <link href="/auth/resources/0rgax/common/keycloak/vendor/patternfly-v5/patternfly.min.css" rel="stylesheet" />
            <link href="/auth/resources/0rgax/common/keycloak/vendor/patternfly-v5/patternfly-addons.css" rel="stylesheet" />
            <link href="/auth/resources/0rgax/login/vwgroup.v2/public/g-bundle.css" rel="stylesheet" />
            <link href="/auth/resources/0rgax/login/vwgroup.v2/public/g-input.css" rel="stylesheet" />
            <link href="/auth/resources/0rgax/login/vwgroup.v2/public/g-button.css" rel="stylesheet" />
            <link href="/auth/resources/0rgax/login/vwgroup.v2/public/fonts.css" rel="stylesheet" />
            <link href="/auth/resources/0rgax/login/vwgroup.v2/public/vwgroup.css" rel="stylesheet" />
            <link href="/auth/resources/0rgax/login/vwgroup.v2/public/login.css" rel="stylesheet" />
    <script type="importmap">
        {
            "imports": {
                "rfc4648": "/auth/resources/0rgax/common/keycloak/vendor/rfc4648/rfc4648.js"
            }
        }
    </script>
      <script type="module" async blocking="render">
          const DARK_MODE_CLASS = "pf-v5-theme-dark";
          const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");

          updateDarkMode(mediaQuery.matches);
          mediaQuery.addEventListener("change", (event) => updateDarkMode(event.matches));

          function updateDarkMode(isEnabled) {
            const { classList } = document.documentElement;

            if (isEnabled) {
              classList.add(DARK_MODE_CLASS);
            } else {
              classList.remove(DARK_MODE_CLASS);
            }
          }
      </script>
    <script type="module" src="/auth/resources/0rgax/login/vwgroup.v2/js/passwordVisibility.js"></script>
    <script type="module">
        import { startSessionPolling } from "/auth/resources/0rgax/login/vwgroup.v2/js/authChecker.js";

        startSessionPolling(
            "/auth/realms/kums-mfa/login-actions/restart?client_id=idp-82983a13-fe95-4768-8daa-4c858f3a0b2d-dsfm-prod-test&tab_id=r4b0-1n2yJ4&client_data=eyJydSI6Imh0dHBzOi8vZHNmbS1zbS1hcHAucHJkLmV1LnBwLmNsb3VkLnZ3Z3JvdXAuY29tL2FwaS9hdXRoL2NhbGxiYWNrL0Nsb3VkSURQIiwicnQiOiJjb2RlIn0&skip_logout=true"
        );
    </script>
    <script type="module">
        document.addEventListener("click", (event) => {
            const link = event.target.closest("a[data-once-link]");

            if (!link) {
                return;
            }

            if (link.getAttribute("aria-disabled") === "true") {
                event.preventDefault();
                return;
            }

            const { disabledClass } = link.dataset;

            if (disabledClass) {
                link.classList.add(...disabledClass.trim().split(/\s+/));
            }

            link.setAttribute("role", "link");
            link.setAttribute("aria-disabled", "true");
        });
    </script>
        <script type="module">
            import { checkAuthSession } from "/auth/resources/0rgax/login/vwgroup.v2/js/authChecker.js";

            checkAuthSession(
                "B49X7qNx55D8v0AGXxdAhINvo886fdrc/ShyzHwaltY"
            );
        </script>
    <script>
      // Workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=1404468
      const isFirefox = true;
    </script>
</head>

<body id="keycloak-bg" class="" data-page-id="login-login">
<div class="pf-v5-c-login">
  <div class="pf-v5-c-login__container">
    <header id="kc-header" class="pf-v5-c-login__header">
      <div id="kc-header-wrapper"
              class="pf-v5-c-brand"><div class="kc-logo-text"><span>CloudIDP (kums-mfa)</span></div></div>
    </header>
    <main class="pf-v5-c-login__main">
      <div class="pf-v5-c-login__main-header">
        <h1 class="pf-v5-c-title pf-m-3xl pf-v5-u-text-align-center" id="kc-page-title"><!-- template: login.ftl -->

        CloudIDP Login

</h1>
      </div>
      <div class="pf-v5-c-login__main-body">


<!-- template: login.ftl -->

        <div id="kc-form">
          <div id="kc-form-wrapper">
                <form id="kc-form-login" class="pf-v5-c-form pf-v5-u-w-100" onsubmit="login.disabled = true; return true;" action="https://idp.cloud.vwgroup.com/auth/realms/kums-mfa/login-actions/authenticate?session_code=2cM8W4ZFz8U6ilczhIO58nQgYwtPTzjOWEC4-PUEoow&amp;execution=0a6576e6-f3f8-497d-b04b-700f11b4e75e&amp;client_id=idp-82983a13-fe95-4768-8daa-4c858f3a0b2d-dsfm-prod-test&amp;tab_id=r4b0-1n2yJ4&amp;client_data=eyJydSI6Imh0dHBzOi8vZHNmbS1zbS1hcHAucHJkLmV1LnBwLmNsb3VkLnZ3Z3JvdXAuY29tL2FwaS9hdXRoL2NhbGxiYWNrL0Nsb3VkSURQIiwicnQiOiJjb2RlIn0" method="post" novalidate="novalidate">

<div class="pf-v5-c-form__group">
    <div class="pf-v5-c-form__group-label pf-v5-u-pb-xs">
        <label for="username" class="pf-v5-c-form__label">
        <span class="pf-v5-c-form__label-text">
                                        Volkswagen Group User ID

        </span>
        </label>
    </div>

    <span class="pf-v5-c-form-control ">
        <input id="username" name="username" value="" type="text" autocomplete="username" autofocus
                
                aria-invalid=""/>
    </span>

    <div id="input-error-container-username">
    </div>
</div>


<div class="pf-v5-c-form__group">
    <div class="pf-v5-c-form__group-label pf-v5-u-pb-xs">
        <label for="password" class="pf-v5-c-form__label">
        <span class="pf-v5-c-form__label-text">
            Password
        </span>
        </label>
    </div>

    <div class="pf-v5-c-input-group">
      <div class="pf-v5-c-input-group__item pf-m-fill">
        <span class="pf-v5-c-form-control ">
          <input id="password" name="password" value="" type="password" autocomplete="current-password" 
                  aria-invalid=""/>
        </span>
      </div>
      <div class="pf-v5-c-input-group__item">
        <button class="pf-v5-c-button pf-m-control" type="button" aria-label="Show password"
                aria-controls="password" data-password-toggle
                data-icon-show="fa-eye fas" data-icon-hide="fa-eye-slash fas"
                data-label-show="Show password" data-label-hide="Hide password" id="password-show-password">
            <i class="fa-eye fas" aria-hidden="true"></i>
        </button>
      </div>
    </div>
    <div class="pf-v5-c-form__helper-text" aria-live="polite">
        <div class="pf-v5-c-helper-text pf-v5-u-display-flex pf-v5-u-justify-content-space-between">
      <div class="pf-v5-c-form__helper-text" aria-live="polite">
        <div class="pf-v5-c-helper-text pf-v5-u-display-flex pf-v5-u-justify-content-space-between">
          <div class="pf-v5-c-helper-text__item">
          <span class="pf-v5-c-helper-text__item-text">
            The Web-Applications Password (not the Windows Password). <a href="/auth/resources/0rgax/login/vwgroup.v2/html/en/password.html#password" rel="nofollow">Forgot password?</a>
                      </span>
          </div>
        </div>
      </div>
        </div>
    </div>


    <div id="input-error-container-password">
    </div>
</div>



                    <input type="hidden" id="id-hidden-input" name="credentialId" />
  <div class="pf-v5-c-form__group">
    <div class="pf-v5-c-form__actions pf-v5-u-pt-xs pf-v5-u-flex-wrap">
  <button class="pf-v5-c-button pf-m-primary pf-m-block " name="login" id="kc-login"
          type="submit" >
  Sign In
  </button>
    </div>
  </div>
                </form>
            </div>
        </div>


          <form id="kc-select-try-another-way-form" action="https://idp.cloud.vwgroup.com/auth/realms/kums-mfa/login-actions/authenticate?session_code=2cM8W4ZFz8U6ilczhIO58nQgYwtPTzjOWEC4-PUEoow&amp;execution=0a6576e6-f3f8-497d-b04b-700f11b4e75e&amp;client_id=idp-82983a13-fe95-4768-8daa-4c858f3a0b2d-dsfm-prod-test&amp;tab_id=r4b0-1n2yJ4&amp;client_data=eyJydSI6Imh0dHBzOi8vZHNmbS1zbS1hcHAucHJkLmV1LnBwLmNsb3VkLnZ3Z3JvdXAuY29tL2FwaS9hdXRoL2NhbGxiYWNrL0Nsb3VkSURQIiwicnQiOiJjb2RlIn0" method="post" novalidate="novalidate">
              <input type="hidden" name="tryAnotherWay" value="on"/>
              <button class="pf-v5-c-button pf-m-secondary pf-m-block"
                      name="submit" id="try-another-way" type="submit">Other Login-Method</button>
          </form>
      </div>
      <div class="pf-v5-c-login__main-footer">
<!-- template: login.ftl -->

  <div class="pf-v5-c-login__main-footer-band">
      <span class="pf-v5-c-login__main-footer-band-item ">
          Or sign in with
      </span>
  </div>
  <div id="kc-social-providers" class="">
      <ul class="pf-v5-c-login__main-footer-links ">
              <li class="pf-v5-c-login__main-footer-links-item">
                  <a data-once-link data-disabled-class="pf-m-aria-disabled" id="social-aad"
                          class="pf-v5-c-login__main-footer-links-item-link" aria-label="Microsoft Entra ID for Scania"
                          type="button" href="/auth/realms/kums-mfa/broker/aad/login?client_id=idp-82983a13-fe95-4768-8daa-4c858f3a0b2d-dsfm-prod-test&amp;tab_id=r4b0-1n2yJ4&amp;client_data=eyJydSI6Imh0dHBzOi8vZHNmbS1zbS1hcHAucHJkLmV1LnBwLmNsb3VkLnZ3Z3JvdXAuY29tL2FwaS9hdXRoL2NhbGxiYWNrL0Nsb3VkSURQIiwicnQiOiJjb2RlIn0&amp;session_code=2cM8W4ZFz8U6ilczhIO58nQgYwtPTzjOWEC4-PUEoow">
                            <span class="pf-v5-u-m-auto">Microsoft Entra ID for Scania</span>
                  </a>
              </li>
      </ul>
  </div>


      </div>
    </main>
    <footer class="pf-v5-c-login__footer">
        <p><a href="/auth/resources/0rgax/login/vwgroup.v2/html/en/faq.html" rel="nofollow">Need help or have questions about logging in?</a></p>
        <ul class="pf-v5-c-list pf-m-inline">
            <li class=""><a href="/auth/resources/0rgax/login/vwgroup.v2/html/about.html" rel="nofollow">About</a></li>
            <li class="pf-v5-u-color-400">·</li>
            <li class=""><a href="https://www.volkswagenag.com/en/meta/provider-identification.html" rel="nofollow">Imprint</a></li>
            <li class="pf-v5-u-color-400">·</li>
            <li class=""><a href="https://www.volkswagenag.com/en/meta/data-protection-declaration.html" rel="nofollow">Privacy policy</a></li>
        </ul>
    </footer>
  </div>
</div>
</body>
</html>
