{% extends "base.html.j2" %}
{% block content %}
    <form action="" method="get">
        <div id="box">
            <div id="avatars">
                <img src="{{ client.user.display_avatar }}"
                     alt="{{ _('Bot Logo') }}"
                     width="80"
                     height="80"/>
            </div>
            <h1>{{ client.user.display_name }}</h1>
            <h2>{{ _('The discord scheduled event calendar generator') }}</h2>
            <hr />
            <h3>{{ _('This will allow you to:') }}</h3>
            <ul id="scopes">
                <li>
                    <i class="fa fa-custom-circle fa-check"></i>
                    {{ _('Subscribe to a calendar on Google, Outlook, Apple or any ICS complient software') }}
                </li>
                <li>
                    <i class="fa fa-custom-circle fa-times"></i>
                    {{ _('Throwing you to a new isekai world') }}
                </li>
            </ul>
            <hr />
            <h3>{{ _('Choose a server:') }}</h3>
            <select name="guild" class="black_input">
                <option>
                    &nbsp;
                </option>
                {% for guild in client.guilds %}
                    <option value="{{ guild.vanity_url_code|default(guild.id, True) }}">
                        {{ guild.name }}
                    </option>
                {% endfor %}
            </select>
            <div class="hr-sect">{{ _("OR") }}</div>
            <a class="button"
               target="_blank"
               href="https://discord.com/api/oauth2/authorize?client_id={{ client.user.id }}&permissions=536870912&scope=bot">
                {{ _("Add the bot on your server") }}
            </a>
            <ul id="permissions">
                <li>
                    {{ _("You must have") }}
                    <strong>{{ _("Manage Server") }}</strong>
                    {{ _("permission on this server to perform this action") }}
                </li>
                <li>
                    {{ _("After adding the bot,") }}
                    <a href="">
                        <i class="fa fa-refresh"></i>
                        <strong>{{ _("reload the page") }}</strong>
                    </a>
                </li>
            </ul>
        </div>
        <div id="buttons">
            <input type="submit" class="button" value="{{ _("Let's go!") }}"/>
        </div>
    </form>
{% endblock content %}
