{% extends 'base.html' %}

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

{% block body %}
    <h1>
        Royal Games
    </h1>
    <div class="main-page">
        <div class="left">
            <div class="box upper-box">
                Prossimi eventi
            </div>
            <div class="box lower-box">
                {% for event in next_events %}
                    {% include "/components/event.html" %}
                {% endfor %}
            </div>
            <div class="box upper-box">
                Pagine Wiki
            </div>
            <div class="box lower-box">
                <ul>
                    {% for page in wiki_pages %}
                        <li><a href="/wiki/{{ page.key }}">{{ page.key }}</a></li>
                    {% endfor %}
                </ul>
            </div>
            <div class="box upper-box">
                Citazione casuale dal diario
            </div>
            <div class="box lower-box">
                {% include "components/diarioentry.html" %}
                <a href="/diario">Visualizza tutto</a>
            </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 %}