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

<h3>Connection check (2 minutes)</h3>

<p>
Please use the video room now to introduce yourselves to each other and confirm you can hear and see each other.
You have <strong>2 minutes</strong> before this page auto-advances.
</p>

<form method="post">
  <p><strong>Can you hear your partner?</strong></p>
  {{ form.can_hear_partner }}

  <p style="margin-top: 12px;"><strong>Can you see your partner?</strong></p>
  {{ form.can_see_partner }}

  <br><br>
  <button class="btn btn-primary">Continue</button>
</form>

<script>
document.addEventListener('DOMContentLoaded', function () {
    // During the connection check, talking is allowed -> hide the "Do not talk" overlay in the popup
    try {
        localStorage.setItem('pacman_phase', 'joint');
    } catch (e) {
        console.warn('Could not set pacman_phase in localStorage', e);
    }
});
</script>

{% endblock %}