{{ extends "global/Page.html" }}

{{ block title }}
Waiting for finalist data
{{ endblock }}

{{ block content }}

<div class="card" style="max-width: 760px; margin: 30px auto; padding: 24px;">
    <h2>Please keep this page open</h2>

    <p>
        We are preparing the finalist data needed for your decision task.
    </p>

    <p>
        This page will automatically check again in
        <strong id="blind-wait-refresh-seconds">{{ refresh_seconds }}</strong>
        seconds.
    </p>

    <p id="blind-wait-message">
        Please do not close this page.
    </p>

    <button type="button" id="blind-wait-check-now">
        Check again now
    </button>
</div>

<script>
    (function () {
        var retrySeconds = {{ refresh_seconds }};
        var pollInFlight = false;
        var pollTimer = null;
        var pollWatchdogTimer = null;
        var messageElement = document.getElementById('blind-wait-message');
        var checkButton = document.getElementById('blind-wait-check-now');

        function setMessage(text) {
            if (messageElement) {
                messageElement.textContent = text;
            }
        }

        function schedulePoll(seconds) {
            window.clearTimeout(pollTimer);
            pollTimer = window.setTimeout(sendPoll, Math.max(1, seconds) * 1000);
        }

        function sendPoll() {
            if (pollInFlight) {
                return;
            }

            pollInFlight = true;
            if (checkButton) {
                checkButton.disabled = true;
            }

            try {
                window.clearTimeout(pollWatchdogTimer);
                pollWatchdogTimer = window.setTimeout(function () {
                    pollInFlight = false;
                    if (checkButton) {
                        checkButton.disabled = false;
                    }
                    setMessage(
                        'The connection was temporarily interrupted. ' +
                        'Your place is secure and we will check again.'
                    );
                    schedulePoll(retrySeconds);
                }, Math.max(5, retrySeconds + 5) * 1000);

                liveSend({type: 'poll_replay_inventory'});
            } catch (error) {
                window.clearTimeout(pollWatchdogTimer);
                pollInFlight = false;
                if (checkButton) {
                    checkButton.disabled = false;
                }
                setMessage(
                    'The connection was temporarily interrupted. ' +
                    'Your place is secure and we will check again.'
                );
                schedulePoll(retrySeconds);
            }
        }

        window.liveRecv = function (data) {
            window.clearTimeout(pollWatchdogTimer);
            pollInFlight = false;
            if (checkButton) {
                checkButton.disabled = false;
            }

            if (!data || typeof data !== 'object') {
                schedulePoll(retrySeconds);
                return;
            }

            retrySeconds = parseInt(data.retry_seconds || retrySeconds, 10) || retrySeconds;

            if (data.status === 'ready' || data.status === 'continue') {
                setMessage('Finalist data is ready. Continuing...');
                window.location.href = window.location.href;
                return;
            }

            if (data.transient_error) {
                setMessage(
                    'The connection was temporarily interrupted. ' +
                    'Your place is secure and we will check again.'
                );
            } else {
                setMessage('Please do not close this page.');
            }

            schedulePoll(retrySeconds);
        };

        if (checkButton) {
            checkButton.addEventListener('click', function () {
                sendPoll();
            });
        }

        schedulePoll(retrySeconds);
    })();
</script>

{{ if batch_debug }}
<details style="margin-top: 30px;">
    <summary>Debug information</summary>
    <pre>{{ batch_debug }}</pre>
</details>
{{ endif }}

{{ endblock }}