{% extends "BookDatabase/base.html" %}
{% load static %}

{% block scripts %}
    <script src="{% static "BookDatabase/scripts/jquery-3.3.1.js" %}"></script>
    <script src="{% url "BookDatabase:js_isbnResourceSearch" %}"></script>
    <script src="{% static "BookDatabase/scripts/isbn10.js" %}"></script>
{% endblock %}

{% block content %}
    <h2>Re&#8209;Shelve</h2>
    <h3>{{ shelf_name }}</h3>

    <form id="SearchForm">
        <label for="id_isbn_Search">Search for Details</label>
        <input type="text" id="id_isbn_Search" name="search" value="" autofocus="autofocus" autocomplete="off"/>
        <div class="floater"></div>
    </form>
    <div class="message">
        {% if messages %}{% for message in messages %}{{ message }}{% endfor %}{% endif %}
    </div>
    <br />

    {% if form.errors %}
        <div class="error">
            {{ form.errors }}
        </div>
    {% endif %}
    <form id="isbn10Form">
        <label for="id_isbn10">Convert ISBN</label>
        <input id="id_isbn10" value="" name="isbn10">
    </form>
    <form method="post" id="newForm" action="{{ request.path }}">
        {% csrf_token %}
        <label for="id_ISBN">{{ form.ISBN.label }}</label>
        {{ form.ISBN }}
        <label for="id_Name">{{ form.Name.label }}</label>
        {{ form.Name }}
        <label for="id_Author">{{ form.Author.label }}</label>
        {{ form.Author }}
        <label for="id_Voice">{{ form.Voice.label }}</label>
        {{ form.Voice }}
        <label for="id_Date">{{ form.Date.label }}</label>
        {{ form.Date }}
        <label for="id_Quantity">{{ form.Quantity.label }}</label>
        {{ form.Quantity }}
        <label for="id_Shelf">{{ form.Shelf.label }}</label>
        {{ form.Shelf }}
        <label for="id_Type">{{ form.Type.label }}</label>
        {{ form.Type }}
        <label for="id_Notes">{{ form.Notes.label }}</label>
        {{ form.Notes }}
        <input type="submit" value="Add"/>
        {# <input type="hidden" name="next" value="{{ next }}"/>  #}
    </form>
{% endblock %}