{% extends "admin/base_site.html" %}
{% load i18n static %}

{% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static "admin/css/login.css" %}">
<style>
.login .form-row #id_password1, .login .form-row #id_password2 { padding: 8px; width: 100%; box-sizing: border-box; }
</style>
{{ form.media }}
{% endblock %}

{% block bodyclass %}{{ block.super }} login{% endblock %}

<a href="{% url 'Home' %}">
{% block branding %}<h1>ArchiveBox Admin</h1>{% endblock %}
</a>
<br/>
{% block usertools %}
{% endblock %}

{% block nav-global %}{% endblock %}

{% block content_title %}
  <center>
    {% if first_admin_setup %}
    Create your first admin account to continue setup.
    {% else %}
    Log in to add, edit, and remove links from your archive.
    {% endif %}
  </center><br/><br/>
  <img src="{% static 'archive.png' %}" style="width: 80px; display: block; margin: auto"/><br/>
{% endblock %}

{% block breadcrumbs %}{% endblock %}

{% block content %}
{% if form.errors and not form.non_field_errors %}
<p class="errornote">
{% if form.errors.items|length == 1 %}{% trans "Please correct the error below." %}{% else %}{% trans "Please correct the errors below." %}{% endif %}
</p>
{% endif %}

{% if form.non_field_errors %}
{% for error in form.non_field_errors %}
<p class="errornote">
    {{ error }}
</p>
{% endfor %}
{% endif %}

<div id="content-main">

{% if first_admin_setup %}
<form action="{{ app_path }}" method="post" id="first-admin-form">{% csrf_token %}
  <input type="hidden" name="create_first_admin" value="1">
  <div class="form-row" style="gap: 0;">
    {{ form.username.errors }}
    {{ form.username.label_tag }} {{ form.username }}
  </div>
  <div class="form-row" style="gap: 0;">
    {{ form.password1.errors }}
    {{ form.password1.label_tag }} {{ form.password1 }}
    {% if form.password1.help_text %}<div class="help">{{ form.password1.help_text|safe }}</div>{% endif %}
  </div>
  <div class="form-row" style="gap: 0;">
    {{ form.password2.errors }}
    {{ form.password2.label_tag }} {{ form.password2 }}
    {% if form.password2.help_text %}<div class="help">{{ form.password2.help_text|safe }}</div>{% endif %}
  </div>
  <div class="submit-row" style="border: none;">
    <label>&nbsp;</label><input type="submit" value="{% trans 'Create admin and continue' %}">
  </div>
</form>
{% else %}
{% if user.is_authenticated %}
<p class="errornote">
{% blocktrans trimmed %}
    You are authenticated as {{ username }}, but are not authorized to
    access this page. Would you like to login to a different account?
{% endblocktrans %}
</p>
{% endif %}

<br/>
<form action="{{ app_path }}" method="post" id="login-form">{% csrf_token %}
  <div class="form-row" style="gap: 0;">
    {{ form.username.errors }}
    {{ form.username.label_tag }} {{ form.username }}
  </div>
  <div class="form-row" style="gap: 0;">
    {{ form.password.errors }}
    {{ form.password.label_tag }} {{ form.password }}
    <input type="hidden" name="next" value="{{ next }}">
  </div>
  <div class="submit-row" style="border: none;">
    <label>&nbsp;</label><input type="submit" value="{% trans 'Log in' %}">
  </div>
</form>
{% endif %}

{% if not first_admin_setup %}
<center>
  <br/><br/>
  <hr/>
  <br/>
  To create a new admin user or reset a password, run:<br/>
<pre>
# Docker Compose
docker compose exec archivebox archivebox manage createsuperuser --username &lt;username&gt;
docker compose exec archivebox archivebox manage changepassword &lt;username&gt;

# Native installs (run inside your data folder)
cd data/
archivebox manage createsuperuser --username &lt;username&gt;
archivebox manage changepassword &lt;username&gt;
</pre>
<pre>

</pre>
  <br/>
</center>
{% endif %}


</div>
{% endblock %}