{% extends "global/Page.html" %}
{% block content %}

<h2>Video Chat</h2>
<p>Click below to open your video room in a separate window.</p>

<button type="button" onclick="openTwilioWindow()">Open Video Room</button>

<script>
function openTwilioWindow() {
    const token = encodeURIComponent("{{ twilio_token }}");
    const room  = encodeURIComponent("{{ room_name }}");

    const url = '/static/global/TwilioPopupPage.html?token=' + token + '&room=' + room;
    window.open(url, '_blank', 'width=800,height=600');

    // enable Continue immediately
    const btn = document.getElementById('continueBtn');
    if (btn) btn.disabled = false;
}
</script>

<br><br>

<form method="post">
    <button id="continueBtn" class="btn btn-primary" disabled>Continue</button>
</form>

{% endblock %}