{% extends "core/base.html" %}

{% block title_text %}Gameboard{% endblock title_text %}
{% block header_text %}<span>Game</span>room{% endblock header_text %}

{% block content %}
    <div class="room-page">
        <div class="room-shell">
            {% comment "game room content" %}gaussian blur + darkening (cf., e.g., tooltip effect) {% endcomment %}
            <div class="room-table"></div>
        </div>

        <div
            id="id_gate_wrapper"
            hx-get="{% url 'epic:gate_status' room.id %}"
            hx-trigger="every 3s"
            hx-swap="outerHTML"
        >
            {% if room.gate_status == "GATHERING" %}
                <div class="gate-overlay">
                    {% include "apps/gameboard/_partials/_gatekeeper.html" %}
                </div>
            {% endif %}
        </div>
        {% include "apps/gameboard/_partials/_room_gear.html" %}
    </div>
{% endblock content %}