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

<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

            <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <title>Se connecter à Saooti Play</title>
        <link rel="icon" href="/resources/5u15m/login/octopus/img/favicon.ico" />
        <link href="/resources/5u15m/common/keycloak/vendor/patternfly-v4/patternfly.min.css" rel="stylesheet" />
        <link href="/resources/5u15m/common/keycloak/vendor/patternfly-v3/css/patternfly.min.css" rel="stylesheet" />
        <link href="/resources/5u15m/common/keycloak/vendor/patternfly-v3/css/patternfly-additions.min.css" rel="stylesheet" />
        <link href="/resources/5u15m/common/keycloak/lib/pficon/pficon.css" rel="stylesheet" />
        <link href="/resources/5u15m/login/octopus/css/login.css" rel="stylesheet" />
    <script type="importmap">
        {
            "imports": {
                "rfc4648": "/resources/5u15m/common/keycloak/vendor/rfc4648/rfc4648.js"
            }
        }
    </script>
    <script src="/resources/5u15m/login/octopus/js/menu-button-links.js" type="module"></script>
    <script type="module">
        import { startSessionPolling } from "/resources/5u15m/login/octopus/js/authChecker.js";

        startSessionPolling(
            "/realms/catalogue/login-actions/restart?client_id=catalogue-web&tab_id=cNWUUbijPFA&client_data=eyJydSI6Imh0dHBzOi8vcmFkaW8tcGF0cmltb2luZS5mci9sb2dpbi9vYXV0aDIvY29kZS9rZXljbG9hayIsInJ0IjoiY29kZSIsInN0IjoiamZfSVFJaWNsSk84VVhleW4xemlzdTA0Nm5uZFh4ZXJjRTVRVEhxMHVBdz0ifQ&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 "/resources/5u15m/login/octopus/js/authChecker.js";

            checkAuthSession(
                "zFoLOCQB+Be8cO5ahWnEu8l8AALJOlRztER9aE25u8jQR47/3+X6jr72QgQVzqTC"
            );
        </script>
</head>

<body class="" data-page-id="login-login">
<div class="login-pf-page">
    <div id="kc-header" class="login-pf-page-header">
        <div id="kc-header-wrapper"
             class="">Saooti Play</div>
    </div>
    <div class="card-pf">
        <header class="login-pf-header">
                <div class="pf-c-dropdown" id="kc-locale">
                    <div id="kc-locale-wrapper" class="">
                        <div id="kc-locale-dropdown" class="menu-button-links ">
                            <button tabindex="1" id="kc-current-locale-link" aria-label="languages" aria-haspopup="true" aria-expanded="false" aria-controls="language-switch1">Français</button>
                            <ul role="menu" tabindex="-1" aria-labelledby="kc-current-locale-link" aria-activedescendant="" id="language-switch1" class="pf-c-dropdown__menu pf-m-align-right">
                                    <li class="" role="none">
                                        <a role="menuitem" id="language-1" class="pf-c-dropdown__menu-item" href="/realms/catalogue/login-actions/authenticate?client_id=catalogue-web&amp;tab_id=cNWUUbijPFA&amp;client_data=eyJydSI6Imh0dHBzOi8vcmFkaW8tcGF0cmltb2luZS5mci9sb2dpbi9vYXV0aDIvY29kZS9rZXljbG9hayIsInJ0IjoiY29kZSIsInN0IjoiamZfSVFJaWNsSk84VVhleW4xemlzdTA0Nm5uZFh4ZXJjRTVRVEhxMHVBdz0ifQ&amp;execution=2738cbec-a04a-4e4a-8e1d-e571f58c1fca&amp;kc_locale=en">Anglais (English)</a>
                                    </li>
                                    <li class="" role="none">
                                        <a role="menuitem" id="language-2" class="pf-c-dropdown__menu-item" href="/realms/catalogue/login-actions/authenticate?client_id=catalogue-web&amp;tab_id=cNWUUbijPFA&amp;client_data=eyJydSI6Imh0dHBzOi8vcmFkaW8tcGF0cmltb2luZS5mci9sb2dpbi9vYXV0aDIvY29kZS9rZXljbG9hayIsInJ0IjoiY29kZSIsInN0IjoiamZfSVFJaWNsSk84VVhleW4xemlzdTA0Nm5uZFh4ZXJjRTVRVEhxMHVBdz0ifQ&amp;execution=2738cbec-a04a-4e4a-8e1d-e571f58c1fca&amp;kc_locale=fr">Français</a>
                                    </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <h1 id="kc-page-title">        Connectez-vous à votre compte
    <script type="text/javascript">
        window.addEventListener('load', function () {
            var display = false;
            var onClickSocialProviders = (event)=>{
              if(!display){
                document.getElementById('kc-saooti-social-providers-list').style.display = "block";
              }else{
                document.getElementById('kc-saooti-social-providers-list').style.display = "none";
              }
              display = !display;
            };
            
            document.getElementById('kc-saooti-social-providers-button').onclick = onClickSocialProviders;
        });
    </script>

</h1>
      </header>
      <div id="kc-content">
        <div id="kc-content-wrapper">


    <div id="kc-form">
      <div id="kc-form-wrapper">
            <form id="kc-form-login" onsubmit="login.disabled = true; return true;" action="https://keycloak.octopus.saooti.com/realms/catalogue/login-actions/authenticate?session_code=EpKrTWGrpb0sTutSbBIalFHXNSs735mwoCkclLdeB7o&amp;execution=2738cbec-a04a-4e4a-8e1d-e571f58c1fca&amp;client_id=catalogue-web&amp;tab_id=cNWUUbijPFA&amp;client_data=eyJydSI6Imh0dHBzOi8vcmFkaW8tcGF0cmltb2luZS5mci9sb2dpbi9vYXV0aDIvY29kZS9rZXljbG9hayIsInJ0IjoiY29kZSIsInN0IjoiamZfSVFJaWNsSk84VVhleW4xemlzdTA0Nm5uZFh4ZXJjRTVRVEhxMHVBdz0ifQ" method="post">
                    <div class="form-group">
                        <label for="username" class="pf-c-form__label pf-c-form__label-text">Nom d&#39;utilisateur ou courriel</label>

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


                    </div>

                <div class="form-group">
                    <label for="password" class="pf-c-form__label pf-c-form__label-text">Mot de passe</label>

                    <input tabindex="2" id="password" class="pf-c-form-control" name="password" type="password" autocomplete="off"
                           aria-invalid=""
                    />


                </div>

                <div class="form-group login-pf-settings">
                    <div id="kc-form-options">
                            <div class="checkbox">
                                <label>
                                        <input tabindex="3" id="rememberMe" name="rememberMe" type="checkbox"> Se souvenir de moi
                                </label>
                            </div>
                        </div>
                        <div class="">
                                <span><a tabindex="5" href="/realms/catalogue/login-actions/reset-credentials?client_id=catalogue-web&amp;tab_id=cNWUUbijPFA&amp;client_data=eyJydSI6Imh0dHBzOi8vcmFkaW8tcGF0cmltb2luZS5mci9sb2dpbi9vYXV0aDIvY29kZS9rZXljbG9hayIsInJ0IjoiY29kZSIsInN0IjoiamZfSVFJaWNsSk84VVhleW4xemlzdTA0Nm5uZFh4ZXJjRTVRVEhxMHVBdz0ifQ">Mot de passe oublié ?</a></span>
                        </div>

                  </div>

                  <div id="kc-form-buttons" class="form-group">
                      <input type="hidden" id="id-hidden-input" name="credentialId" />
                      <input tabindex="4" class="pf-c-button pf-m-primary pf-m-block btn-lg" name="login" id="kc-login" type="submit" value="Connexion"/>
                  </div>
            </form>
        </div>

    </div>
    <script type="text/javascript">
        window.addEventListener('load', function () {
            var display = false;
            var onClickSocialProviders = (event)=>{
              if(!display){
                document.getElementById('kc-saooti-social-providers-list').style.display = "block";
              }else{
                document.getElementById('kc-saooti-social-providers-list').style.display = "none";
              }
              display = !display;
            };
            
            document.getElementById('kc-saooti-social-providers-button').onclick = onClickSocialProviders;
        });
    </script>




            <div id="kc-social-providers" class="kc-social-section kc-social-gray">
                <hr/>
                <button id="kc-saooti-social-providers-button">Connexion avec un autre fournisseur d&#39;identités</button>

                <ul id="kc-saooti-social-providers-list" style="display:none;" class="pf-c-login__main-footer-links kc-social-links ">
                        <li>
                            <a id="social-external" class="pf-c-button pf-m-control pf-m-block kc-social-item kc-social-gray "
                                    type="button" href="/realms/catalogue/broker/external/login?client_id=catalogue-web&amp;tab_id=cNWUUbijPFA&amp;client_data=eyJydSI6Imh0dHBzOi8vcmFkaW8tcGF0cmltb2luZS5mci9sb2dpbi9vYXV0aDIvY29kZS9rZXljbG9hayIsInJ0IjoiY29kZSIsInN0IjoiamZfSVFJaWNsSk84VVhleW4xemlzdTA0Nm5uZFh4ZXJjRTVRVEhxMHVBdz0ifQ&amp;session_code=EpKrTWGrpb0sTutSbBIalFHXNSs735mwoCkclLdeB7o">
                                    <span class="kc-social-provider-name">External SSO access</span>
                            </a>
                        </li>
                        <li>
                            <a id="social-Wavestone" class="pf-c-button pf-m-control pf-m-block kc-social-item kc-social-gray "
                                    type="button" href="/realms/catalogue/broker/Wavestone/login?client_id=catalogue-web&amp;tab_id=cNWUUbijPFA&amp;client_data=eyJydSI6Imh0dHBzOi8vcmFkaW8tcGF0cmltb2luZS5mci9sb2dpbi9vYXV0aDIvY29kZS9rZXljbG9hayIsInJ0IjoiY29kZSIsInN0IjoiamZfSVFJaWNsSk84VVhleW4xemlzdTA0Nm5uZFh4ZXJjRTVRVEhxMHVBdz0ifQ&amp;session_code=EpKrTWGrpb0sTutSbBIalFHXNSs735mwoCkclLdeB7o">
                                    <span class="kc-social-provider-name">Wavestone</span>
                            </a>
                        </li>
                </ul>
            </div>
    <script type="text/javascript">
        window.addEventListener('load', function () {
            var display = false;
            var onClickSocialProviders = (event)=>{
              if(!display){
                document.getElementById('kc-saooti-social-providers-list').style.display = "block";
              }else{
                document.getElementById('kc-saooti-social-providers-list').style.display = "none";
              }
              display = !display;
            };
            
            document.getElementById('kc-saooti-social-providers-button').onclick = onClickSocialProviders;
        });
    </script>


        </div>
      </div>

    </div>
  </div>
</body>
</html>
