{% extends 'base.html' %}

{% block pagetitle %}
    Pagina principale
{% endblock %}

{% block posthead %}
    <script>
        var audio = new Audio("{{ url_for('static', filename='ee.ogg') }}");

        function ee() {
            fetch("/ee/r", {
                method: "POST",
                mode: "same-origin",
                credentials: "same-origin"
            });
            document.getElementById("main-title").innerHTML = '<span class="eetip" title="When there is something strange, in the neighbourhood, who you gonna call?">R</span>oyal Games';
            audio.play();
        }
    </script>
{% endblock %}

{% block body %}
    <h1 id="main-title">
        Royal Games
    </h1>
    <div class="main-page">
        <div class="left">
            <div class="box">
                <div class="upper-box">
                    Prossimi eventi
                </div>
                <div class="lower-box">
                    {% for event in next_events %}
                        {% include "/components/event.html" %}
                    {% endfor %}
                </div>
            </div>
            {% include "components/wikibox.html" %}
            <div class="box">
                <div class="upper-box">
                    Citazione casuale dal diario
                </div>
                <div class="lower-box">
                    {% include "components/diarioentry.html" %}
                    <a href="/diario">Visualizza tutto</a>
                </div>
            </div>

        </div>
        <div class="right">
            <div class="box">
                <div class="upper-box">
                    Membri
                </div>
                <div class="lower-box">
                    <ul>
                        {% for royal in royals %}
                            <li><a href="/profile/{{ royal.username }}">{{ royal.username }}</a></li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <div class="box">
                <div class="upper-box">
                    Resoconti
                </div>
                <div class="lower-box">
                    <ul>
                        <li><a href="/game/ryg">Royal Games</a></li>
                        <li><a href="/game/tg">Telegram</a></li>
                        <li><a href="/game/discord">Discord</a></li>
                        <li><a href="/game/steam">Steam</a></li>
                        <li><a href="/game/dota">Dota 2</a></li>
                        <!--li><a href="/game/rl">Rocket League</a></li-->
                        <li><a href="/game/lol">League of Legends</a></li>
                        <li><a href="/game/ow">Overwatch</a></li>
                        <li><a href="/game/osu">osu!</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
{% endblock %}