{% extends 'layout.html' %}
{% load i18n %}
{% load markdown %}

{% block title %}{% trans "Welcome" %}{% endblock %}

{% block content %}
<header class="block has-text-centered">
    <h1 class="title">{{ site.name }}</h1>
    <h2 class="subtitle">{{ site.instance_tagline }}</h2>
</header>

<section class="level is-mobile">
    <div class="level-item has-text-centered">
        <div>
            <p class="title has-text-weight-normal"><span class="icon icon-graphic-paperplane"></span></p>
            <p class="heading">{% trans "Decentralized" %}</p>
        </div>
    </div>
    <div class="level-item has-text-centered">
        <div>
            <p class="title has-text-weight-normal"><span class="icon icon-graphic-heart"></span></p>
            <p class="heading">{% trans "Friendly" %}</p>
        </div>
    </div>
    <div class="level-item has-text-centered">
        <div>
            <p class="title has-text-weight-normal"><span class="icon icon-graphic-banknote"></span></p>
            <p class="heading">{% trans "Anti-Corporate" %}</p>
        </div>
    </div>
</section>

{% block about_panel %}
<section class="tile is-ancestor">
    <div class="tile is-7 is-parent">
        <div class="tile is-child box">
            {% include 'snippets/about.html' %}
        </div>
    </div>
    <div class="tile is-5 is-parent">
        {% if not request.user.is_authenticated %}
        <div class="tile is-child box has-background-primary-light content">
            <h2 class="title">
                {% if site.allow_registration %}
                    {% blocktrans with name=site.name %}Join {{ name }}{% endblocktrans %}
                {% elif site.allow_invite_requests %}
                    {% trans "Request an Invitation" %}
                {% else %}
                    {% blocktrans with name=site.name%}{{ name}} registration is closed{% endblocktrans %}
                {% endif %}
            </h2>

            {% if site.allow_registration %}
                <form name="register" method="post" action="/register">
                    {% include 'snippets/register_form.html' %}
                </form>
            {% elif site.allow_invite_requests %}
                {% if request_received %}
                    <p>
                        {% trans "Thank you! Your request has been received." %}
                    </p>
                {% else %}
                    <p>{{ site.invite_request_text }}</p>
                    <form name="invite-request" action="{% url 'invite-request' %}" method="post">
                        {% csrf_token %}
                        <div class="block">
                            <label for="id_request_email" class="label">{% trans "Email address:" %}</label>
                            <input type="email" name="email" maxlength="255" class="input" required="" id="id_request_email" aria-describedby="desc_request_email">

                            {% include 'snippets/form_errors.html' with errors_list=request_form.email.errors id="desc_request_email" %}
                        </div>
                        {% if site.invite_request_question %}
                            <div class="block">
                                <label for="id_answer_register" class="label">{{ site.invite_question_text }}</label>
                                <input type="answer" name="answer" maxlength="50" class="input" required="true" id="id_answer_register" aria-describedby="desc_answer_register">
                                {% include 'snippets/form_errors.html' with errors_list=request_form.answer.errors id="desc_answer_register" %}
                            </div>
                        {% endif %}

                        <button type="submit" class="button is-link">{% trans "Submit" %}</button>
                    </form>
                {% endif %}
            {% else %}
                <p>{{ site.registration_closed_text|safe}}</p>
            {% endif %}
        </div>
        {% else %}
        <div class="tile is-child box has-background-tertiary">
            <h2 class="title is-4">{% trans "Your Account" %}</h2>
            {% include 'user/user_preview.html' with user=request.user %}
            {% if request.user.summary %}
            <div class="box content">
                {{ request.user.summary|to_markdown|safe }}
            </div>
            {% endif %}
        </div>
        {% endif %}
    </div>
</section>
{% endblock %}

{% block panel %}{% endblock %}

{% endblock %}