{% extends 'base.html' %}

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

  <h1 class="header">{{ book.title }}</h1>
  <img class="no_cover" id="{{ book.title }}" src="../uploads/cover/{{ book.cover }}" width="150" onerror="if (this.src != '../static/img/{{ book.cover }}') this.src = '../static/img/default_cover.png';">
  <p>Author(s): <ul>{% for author in book.authors %}

              <li><a href="{{url_for('show_author_by_id', id=author.id)}}">{{ author.author_name }}</a>  </li>

        {% endfor %}</ul></p>

<p>Category: {{ book.category }}</p>
<p>Year published: {{ book.year_published }}</p>

        <p>Stack(s): <ul>{% for stack in book.stacks %}
          <li><a href="{{url_for('show_stack_by_id', id=stack.id)}}">{{ stack.stack_name }}</a>

             {% endfor %}</ul></p>

  <a href="/viewpdf/{{ book.file }}">download {{ book.fileformat }}</a>
  <link rel="stylesheet" href="/static/css/style.css">
  <div id="annotindication">
  --> Feel free to annotate</div>
 
    <!-- <embed src="../uploads/{{ book.file }}" width="50%" ></embed> -->
<!-- 
<embed src="../uploads/web/viewer.html?file=%2F{{ book.file }}" width="50%" ></embed> -->

  <br>
  <br>
    <a href="{{ url_for('edit_book_by_id', id=book.id )}}">edit</a>

</div>
{% endblock %}
