{% extends 'base.html' %}

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

{% block body %}
    <h1>
        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>
            <div class="box">
                <div class="upper-box">
                    Pagine Wiki
                </div>
                <div class="lower-box">
                    <ul>
                        {% for page in wiki_pages %}
                            <li><a href="/wiki/{{ page.key }}">{{ page.key }}</a></li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <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 upper-box">
                Membri
            </div>
            <div class="box lower-box">
                <ul>
                    {% for royal in royals %}
                        <li><a href="/profile/{{ royal.username }}">{{ royal.username }}</a></li>
                    {% endfor %}
                </ul>
            </div>
            <div class="box upper-box">
                Resoconti
            </div>
            <div class="box 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>
{% endblock %}