{% extends 'setup/layout.html' %}
{% load i18n %}

{% block header %}
    <h1 class="title">{% trans "Set up BookWyrm" %}</h1>
    <div class="subtitle">
        {% trans "Your account as a user and an admin" %}
    </div>
{% endblock %}

{% block panel %}
<div class="block content">
    <h2 class="title is-4">{% trans "Create your account" %}</h2>
    <div class="columns">
        <div class="column is-half">
            <div class="box has-background-primary-light">
                <form name="register" method="post" action="{% url 'setup-admin' %}">
                    <div class="field">
                        <label class="label" for="id_admin_key">
                            {% trans "Admin key:" %}
                        </label>
                        <div class="control">
                            <input
                                type="password"
                                name="admin_key"
                                class="input"
                                id="id_admin_key"
                                aria-describedby="desc_admin_key"
                                required
                            >
                            <p class="help" id="desc_admin_key">
                            {% blocktrans trimmed %}
                                An admin key was created when you installed BookWyrm.
                                You can get your admin key by running <code>./bw-dev admin_code</code> from the command line on your server.
                            {% endblocktrans %}
                            </p>
                        </div>
                    </div>
                    {% include 'snippets/register_form.html' %}
                </form>
            </div>
        </div>
        <div class="column">
            <p>
            {% blocktrans trimmed %}
                As an admin, you'll be able to configure the instance name and information, and moderate your instance.
                This means you will have access to private information about your users, and are responsible for responding to reports of bad behavior or spam.
            {% endblocktrans %}
            </p>
            <p>
                {% trans "Once the instance is set up, you can promote other users to moderator or admin roles from the admin panel." %}
            </p>
            <p>
                <a href="https://docs.joinbookwyrm.com/moderation.html" target="_blank" rel="nofollow noopener noreferrer">
                    {% trans "Learn more about moderation" %}
                </a>
            </p>
        </div>
    </div>
</div>
{% endblock %}
