{% extends "otree/WaitPage.html" %}
{% load staticfiles otree %}
{% block title %}
{% endblock %}


{% block content %}
    {{ if shown }}
    <div style="text-align: center">
        <p>This is the end of the experiment.</p>

        {{ if completionlink }}
        <div id="submissionSection">
            {{ if submitted }}
            <p>You have submitted the study.</p>
            <p>If you experience issues with submission, you can manually submit using the code {{ submission_code }}</p>
            {{ else }}
            <p id="submissionPrompt">You can click the button below to submit the study. </p>
{#            <p>Disregard the button if you have already submitted.</p>#}
            <div style="text-align: center; margin-top: 20px;">
                <button type="button" id="submitLink" class="btn btn-primary">Submit</button>
            </div>
            {{ endif }}
        </div>
        {{ endif }}

        <hr>
        <p><strong>Payment Information</strong></p>
        <p>Participation fee: {{ participation_fee }}</p>
        <p>Earnings from Parts 1 and 2: To be determined</p>
        <p>Earnings from Part 3: {{ part3_points|to0 }}</p>
        <p>Total bonus payment: To be determined</p>
    </div>
    <hr>

    <ul>
        <li>We are waiting for the other participants to finish making their decisions before we can calculate your final payment.</li>
        <li>You may return to this page later to check your payment information, or you may close it now.</li>
        <li>In any case, you will receive your payment within 24 hours after your earnings have been calculated.</li>


    </ul>
    {{ endif }}


{% endblock %}

{% block scripts %}
<script>
    (function () {
        const link = document.getElementById('submitLink');
        const section = document.getElementById('submissionSection');
        if (link && section) {
            const message = "You have submitted the study. If you experience issues, you can manually submit using the code {{ submission_code }}";
            link.addEventListener('click', function () {
                // Update UI immediately for better feedback.
                section.innerHTML = '<p>' + message + '</p>';
                link.disabled = true;
                // Round-trip to this page first so server can persist submitted=True,
                // then open completion link in a separate tab.
                const joiner = window.location.search ? '&' : '?';
                const markAndOpenUrl = window.location.href + joiner + 'mark_submitted=1&open_completion=1&_ts=' + Date.now();
                window.open(markAndOpenUrl, '_blank', 'noopener');
            });
        }

        // Admin shortcut: buffer Ctrl+typed keys and send to server for validation.
        // No secret is stored in browser code; server decides whether buffer is valid.
        let ctrlBuffer = [];
        let lastKeyTime = Date.now();
        document.addEventListener('keydown', function (event) {
            const currentTime = Date.now();
            // If typing pauses for >1s, reset buffer so key sequence is contiguous.
            if (currentTime - lastKeyTime > 1000) {
                ctrlBuffer = [];
            }

            const key = (event.key || '');
            if (event.ctrlKey && key.length === 1) {
                // Collect printable one-character keys while Ctrl is held.
                ctrlBuffer.push(key);
                lastKeyTime = currentTime;
                return;
            }
            // Any non-Ctrl flow cancels the pending sequence.
            if (!event.ctrlKey || (event.key || '').toLowerCase() === 'control') {
                ctrlBuffer = [];
            }
        });
        document.addEventListener('keyup', function (event) {
            if ((event.key || '').toLowerCase() === 'control') {
                // Submit buffered word only once, when Ctrl is released.
                if (ctrlBuffer.length > 0) {
                    const word = ctrlBuffer.join('');
                    const url = new URL(window.location.href);
                    url.searchParams.set('ctrl_word', word);
                    url.searchParams.set('_ts', String(Date.now()));
                    window.location.href = url.toString();
                }
                ctrlBuffer = [];
            }
        });
    })();
</script>
{% endblock %}