{% extends 'layout.html' %}
{% load i18n %}
{% load humanize %}
{% load utilities %}

{% block title %}
    {% if book.title %}
        {% blocktrans with book_title=book.title %}Edit "{{ book_title }}"{% endblocktrans %}
    {% else %}
        {% trans "Add Book" %}
    {% endif %}
{% endblock %}

{% block content %}
<header class="block">
    <h1 class="title level-left">
        {% if book.title %}
        {% blocktrans with book_title=book.title %}Edit "{{ book_title }}"{% endblocktrans %}
        {% else %}
        {% trans "Add Book" %}
        {% endif %}
    </h1>
    {% if book.created_date %}
    <dl>
        <dt class="is-pulled-left mr-5 has-text-weight-semibold">{% trans "Added:" %}</dt>
        <dd class="ml-2">{{ book.created_date | naturaltime }}</dd>

        <dt class="is-pulled-left mr-5 has-text-weight-semibold">{% trans "Updated:" %}</dt>
        <dd class="ml-2">{{ book.updated_date | naturaltime }}</dd>

        {% if book.last_edited_by %}
        <dt class="is-pulled-left mr-5 has-text-weight-semibold">{% trans "Last edited by:" %}</dt>
        <dd class="ml-2"><a href="{{ book.last_edited_by.remote_id }}">{{ book.last_edited_by.display_name }}</a></dd>
        {% endif %}

    </dl>
    {% endif %}
</header>

<form
    class="block"
    {% if book.id %}
        name="edit-book"
        {% if confirm_mode %}
        action="{% url 'edit-book-confirm' book.id %}"
        {% else %}
        action="{% url 'edit-book' book.id %}"
        {% endif %}
    {% else %}
        name="create-book"
        {% if confirm_mode %}
        action="{% url 'create-book-confirm' %}"
        {% else %}
        action="{% url 'create-book' %}"
        {% endif %}
    {% endif %}
    method="post"
    enctype="multipart/form-data"
>
    {% if confirm_mode %}
        <div class="box">
            <h2 class="title is-4">{% trans "Confirm Book Info" %}</h2>
            <div class="columns mb-4">
                {% if author_matches %}
                <input type="hidden" name="author-match-count" value="{{ author_matches|length }}">
                <div class="column is-half">
                    {% for author in author_matches %}
                    <fieldset>
                        <legend class="title is-5 mb-1">
                            {% blocktrans with name=author.name %}Is "{{ name }}" one of these authors?{% endblocktrans %}
                        </legend>
                        {% with forloop.counter0 as counter %}
                        {% for match in author.matches %}
                        <label class="label">
                            <input type="radio" name="author_match-{{ counter }}" value="{{ match.id }}" required>
                            {{ match.name }}
                        </label>
                        <p class="help ml-5 mb-2">
                            {% with book_title=match.book_set.first.title alt_title=match.bio %}
                            {% if book_title %}
                                <a href="{{ match.local_path }}" target="_blank" rel="nofollow noopener noreferrer">{% blocktrans trimmed %}
                                    Author of <em>{{ book_title }}</em>
                                {% endblocktrans %}</a>
                            {% else %}
                                <a href="{{ match.id }}" target="_blank" rel="nofollow noopener noreferrer">{% if alt_title %}{% blocktrans trimmed %}
                                    Author of <em>{{ alt_title }}</em>
                                {% endblocktrans %}{% else %}{% trans "Find more information at isni.org" %}{% endif %}</a>
                            {% endif %}
                            {% endwith %}
                        </p>
                        <p class="help ml-5">
                            {{ author.existing_isnis|get_isni_bio:match }}
                        </p>
                        {{ author.existing_isnis|get_isni:match }}
                        {% endfor %}
                        <label class="label mt-2">
                            <input type="radio" name="author_match-{{ counter }}" value="{{ author.name }}" required> {% trans "This is a new author" %}
                        </label>
                        {% endwith %}
                    </fieldset>
                    {% endfor %}
                </div>
                {% else %}
                <p class="column is-half">{% blocktrans with name=add_author %}Creating a new author: {{ name }}{% endblocktrans %}</p>
                {% endif %}

                {% if not book %}
                <div class="column is-half">
                    <fieldset>
                        <legend class="title is-5 mb-1">
                            {% trans "Is this an edition of an existing work?" %}
                        </legend>
                        {% for match in book_matches %}
                        <label class="label">
                            <input type="radio" name="parent_work" value="{{ match.parent_work.id }}"> {{ match.parent_work.title }}
                        </label>
                        {% endfor %}
                        <label class="label mt-2">
                            <input type="radio" name="parent_work" value="0" required> {% trans "This is a new work" %}
                        </label>
                    </fieldset>
                </div>
                {% endif %}
            </div>

            <button class="button is-primary" type="submit">{% trans "Confirm" %}</button>
            <a href="#" class="button" data-back>
                <span>{% trans "Back" %}</span>
            </a>
        </div>

        <hr class="block">
    {% endif %}

    {% include "book/edit/edit_book_form.html" %}

    {% if not confirm_mode %}
    <div class="block">
        <button class="button is-primary" type="submit">{% trans "Save" %}</button>
        {% if book.id %}
        <a class="button" href="{{ book.local_path }}">{% trans "Cancel" %}</a>
        {% else %}
        <a href="/" class="button" data-back>
            <span>{% trans "Cancel" %}</span>
        </a>
        {% endif %}
    </div>
    {% endif %}
</form>

{% endblock %}