{% extends "catalog/base.html" %}
{% load static %}
{% block title %}Add book{% endblock %}
{% block content %}
<h1>Add a book</h1>
<form method="get" class="filters" id="isbn-form" data-check="{% url 'api_isbn' '0000000000' %}">
  <input name="isbn" value="{{ request.GET.isbn }}" placeholder="Scan or type an ISBN-10 / ISBN-13" autofocus required>
  <button>Look up</button>
  <span id="isbn-hint" class="muted"></span>
</form>
{% for e in isbn_form.isbn.errors %}<div class="msg error">{{ e }}</div>{% endfor %}

{% if form %}
  {% if source == "cache" %}<div class="msg info">Metadata loaded from the local lookup cache.</div>
  {% elif source == "openlibrary" %}<div class="msg info">Metadata fetched from Open Library. Check it, then save.</div>
  {% elif source %}<div class="msg warning">No metadata available ({{ source }}). Enter the details manually.</div>{% endif %}
  {% if dups %}<div class="msg warning"><strong>Possible duplicates:</strong>
    {% for b, why in dups %}<a href="{% url 'book' b.pk %}">{{ b.title }}</a> ({{ why }}){% if not forloop.last %}, {% endif %}{% endfor %}
  </div>{% endif %}
  <form method="post" class="stack">{% csrf_token %}
    {{ form.as_p }}
    {% if confirm_copies %}<label class="check"><input type="checkbox" name="add_copies" value="1"> This ISBN is already in the catalog - add the copies to the existing book</label>{% endif %}
    <button>Save book</button>
  </form>
{% endif %}
{% endblock %}
{% block scripts %}
<script type="module" src="{% static 'catalog/isbn.js' %}"></script>
{% endblock %}