{% extends 'pageWrapper.html' %}
{% import "macros.html" as macros %}
{% block head %}
    <title>Multiworld {{ room.id|suuid }}</title>
    {% if should_refresh %}<meta http-equiv="refresh" content="2">{% endif %}
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename="styles/hostRoom.css") }}"/>
{% endblock %}

{% block body %}
    {% include 'header/grassHeader.html' %}
    <div id="host-room">
        {% if room.owner == session["_id"] %}
            Room created from <a href="{{ url_for("view_seed", seed=room.seed.id) }}">Seed #{{ room.seed.id|suuid }}</a>
            <br />
        {% endif %}
        {% if room.tracker %}
            This room has a <a href="{{ url_for("getTracker", tracker=room.tracker) }}">Multiworld Tracker</a> enabled.
            <br />
        {% endif %}
        The server for this room will be paused after {{ room.timeout//60//60 }} hours of inactivity.
        Should you wish to continue later,
        anyone can simply refresh this page and the server will resume.<br>
        {% if room.last_port %}
            You can connect to this room by using <span class="interactive"
            data-tooltip="This means address/ip is {{ config['PATCH_TARGET'] }} and port is {{ room.last_port }}.">
            '/connect {{ config['PATCH_TARGET'] }}:{{ room.last_port }}'
            </span>
            in the <a href="{{ url_for("tutorial_landing")}}">client</a>.<br>{% endif %}
        {{ macros.list_patches_room(room) }}
        {% if room.owner == session["_id"] %}
            <form method=post>
                <div class="form-group">
                    <label for="cmd"></label>
                    <input class="form-control" type="text" id="cmd" name="cmd"
                           placeholder="Server Command. /help to list them, list gets appended to log.">
                </div>
            </form>
        <div id="logger"></div>
        <script type="application/ecmascript">
            let xmlhttp = new XMLHttpRequest();
            let url = '{{ url_for('display_log', room = room.id) }}';

            xmlhttp.onreadystatechange = function () {
                if (this.readyState === 4 && this.status === 200) {
                    document.getElementById("logger").innerText = this.responseText;
                }
            };

            function request_new() {
                xmlhttp.open("GET", url, true);
                xmlhttp.send();
            }

            window.setTimeout(request_new, 1000);
            window.setInterval(request_new, 10000);
        </script>
        {% endif %}
    </div>
{% endblock %}