{% extends "admin/core/base.html" %}
{% load static %}
{% load i18n %}
{% load next_url %}
{% load foundation %}
{% load text %}

{% block title-section %}
  {% trans "Author Information" %}
{% endblock %}

{% block breadcrumbs %}
    {{ block.super }}
    <li>
      <a href="{{ article.step_to_url }}">
        {% trans "Submit an Article" %}
      </a>
    </li>
    <li>
      {% trans "Author information" %}
    </li>
{% endblock %}

{% block body %}
  {% include "elements/current_authors.html" %}
  <div class="columns">
    <div class="box">
      <div class="row expanded">
        <div class="columns title-area">
          <h2>{% trans "Add more authors" %}</h2>
        </div>
        {% if request.user not in article.author_accounts %}
          <div class="large-12 columns">
            <div class="callout">
              <form method="POST">
                {% csrf_token %}
                <p>{% trans "Are you an author?" %}</p>
                <div class="button-group no-bottom-margin">
                  <input
                    type="hidden"
                    name="author_search_text"
                    value="{{ request.user.email }}">
                  <button class="button" name="search_authors">
                    <span class="fa fa-plus-circle"></span>
                    {% trans "Add Self as Author" %}
                  </button>
                </div>
              </form>
            </div>
          </div>
        {% endif %}
        <div class="large-12 columns max-w-40">
          <div class="callout">
            <p>
              {% blocktrans with journal=request.journal.name press=request.press.name %}
                Some authors may already be registered in <i>{{ journal }}</i>,
                {{ press }}, or <a href="https://orcid.org/"
                target="_blank">the ORCID registry<span
                class="show-for-sr">(opens in new tab)</span></a>.
                You can check by searching for
                their email or ORCID. If a match is found, they will be added to
                the author list.
              {% endblocktrans %}
            </p>
            <form method="POST">
              {% csrf_token %}
              <label for="author_search_text">
                <strong>{% trans "Search" %}</strong>
              </label>
              <input
                id="author_search_text"
                name="author_search_text"
                placeholder="e.g. 0000-0001-2345-6789"
                type="search">
              <div class="button-group">
                <button type="submit" class="button" name="search_authors">
                  <span class="fa fa-search"></span>
                  {% trans "Add author from search" %}
                </button>
              </div>
            </form>
          </div>
        </div>
        <div class="large-12 columns max-w-56 float-left">
          <div class="callout">
            <p>{% blocktrans %}
              If you cannot find the author in the search,
              you can add them manually.
            {% endblocktrans %}</p>
            <form method="POST">
              {% csrf_token %}
              <div class="flex direction-column row-gap-0">
                <div class="grid auto row-gap-0">
                  {% include "admin/elements/forms/field.html" with field=new_author_form.first_name %}
                  {% include "admin/elements/forms/field.html" with field=new_author_form.middle_name %}
                  {% include "admin/elements/forms/field.html" with field=new_author_form.last_name %}
                </div>
                <div class="grid auto row-gap-0">
                  {% include "admin/elements/forms/field.html" with field=new_author_form.name_prefix %}
                  {% include "admin/elements/forms/field.html" with field=new_author_form.name_suffix %}
                  {% include "admin/elements/forms/field.html" with field=new_author_form.is_corporate %}
                </div>
                <div class="grid auto row-gap-0">
                  {% include "admin/elements/forms/field.html" with field=new_author_form.frozen_email %}
                  {% include "admin/elements/forms/field.html" with field=new_author_form.display_email %}
                </div>
                <div class="flex wrap gap-1 items-end">
                  <div class="button-group">
                    <button
                      name="add_author"
                      class="button">
                      <span class="fa fa-user-plus"></span>
                      {% trans "Add author manually" %}
                    </button>
                  </div>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="box max-w-32 margin-block-end-10">
      <div class="row expanded">
        <div class="show-for-sr">
          <h2>{% trans "Proceed to next step" %}</h2>
        </div>
        <div class="columns">
          <p>{% blocktrans %}
            Is the author information complete?
          {% endblocktrans %}</p>
          <form method="POST">
            <div class="flex">
              {% csrf_token %}
              <button
                class="success button"
                type="submit"
                name="save_continue">
                <span class="fa fa-check"></span>
                {% trans "Save and continue" %}
              </button>
            </div>
          </form>
        </div>
      </div>
    </div>
  </div>
{% endblock body %}

{% block toastr %}
  {% comment %}
    Avoid showing the messages via Toastr since they should be included at the
    top of the form.
  {% endcomment %}
{% endblock toastr %}