{% extends 'base.html' %}

{% block main %}
<div class="container">

  <a href="{{ url_for('show_book_by_id', id=book.id )}}">back</a>



  <form method="POST" action="{{ url_for('edit_book_by_id', id=book.id )}}" enctype=multipart/form-data>
    {{ form.csrf_token }}

    <div class="form-group"><h1 class="header">{{ form.title.label }} {{ form.title(size=20, class="form-control") }}</h1></div>

  <img class="no_cover" id="{{ book.title }}" src="/uploads/cover/{{ book.cover }}" width="150" onerror="if (this.src != '/uploads/cover/{{ book.cover }}') this.src = '/static/img/default_cover.png';">

        <br>  <br>
    <div data-toggle="fieldset" id="phone-fieldset">
         {{ form.author.label }}  <button type="button" data-toggle="fieldset-add-row"
                                          data-target="#phone-fieldset">+</button>
        <table>
            <tr>
                <th></th>
                <th></th>
            </tr>
            {% for author in form.author %}
                <tr data-toggle="fieldset-entry">
                    <td>{{ author.author_name }}</td>
                    <td><button type="button" data-toggle="fieldset-remove-row" id="phone-{{loop.index0}}-remove">-</button></td>
                </tr>
            {% endfor %}
        </table>
    </div><br>
    <div class="form-group">
    {{ form.category.label }} {{ form.category(size=20, 
    class="form-control") }}
  </div><br>
  <div class="form-group">
  {{ form.year_published.label }} {{ form.year_published(size=4, class="form-control") }}
</div>
<div class="form-group">
  Current file: {{ book.file }}
</div>
<div class="form-group">

  Upload new file: {{form.file}} 

</div>
    <br>
    <button type="submit" class="btn btn-primary">Update</button>
</form>

</div>
{% endblock %}