{% 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="180" onerror="if (this.src != '../uploads/cover/{{ book.cover }}') this.src = '../static/img/default_cover.gif';">


<table class="library_table" id="table" style="width:50%; padding-bottom: 20px;">
    <thead>
    <tr id="header">
      <th style="width: 150px;"></th>
      <th style="width: 500px;"></th>
    </tr>
    </thead>
    <tbody>
    <tr>
      <td>Year published: </td>
      <td>{{ book.year_published or '––'}}</td>
    </tr>
    <tr>
      <td> Author(s): </td>
      <td>{% for author in book.authors %}

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

        {% endfor %}</td>
    </tr>
    <tr>
      <td>Category: </td>
      <td>{{ book.category }}</td>
    </tr>
  <tr>
      <td>Included in stack(s): </td>
      <td>{% for stack in book.stacks %}
          <li><a href="{{url_for('show_stack_by_id', id=stack.id)}}">{{ stack.stack_name }}</a>
            <p style="font-size: 10px;"><a href="{{url_for('remove_from_stack', stackid=stack.id, bookid=book.id)}}"> – Remove from stack</a>{% endfor %}</td>
    </tr>

</tbody>
  </table>

{% if book.file %}
<button id="myBtn" style= "width: 180px; font-size: 10pt;"><a> Download this {{ book.fileformat }}</a></button>
<div id="myModal" class="modal">
  <div class="modal-content">
    <span class="close">&times;</span>
    <h3>A message from the uploading librarian:</h3>
    <span style="font-style: italic;">"{{book.message or 'Happy reading.'}}" </span><br>
    <h4><a href="../uploads/{{ book.file }}"> >>>> Link to file <<<<</h4></a></div>
  </div>
{% else %} 
{% endif %}

  <button style= "font-size: 10pt;"> <a href="{{ url_for('edit_book_by_id', id=book.id )}}">edit</a></button>
  <button style= "font-size: 10pt;"> <a href="{{ url_for('remove_book_by_id', id=book.id)}}">delete</a></button>
<br><br>
<hr>
{% if previousbook %} 
<a href="{{ url_for('show_book_by_id', id=previousbook.id )}}" style="font-size: 9pt;"> < see the previous book added to XPPL: &nbsp;<i>{{ previousbook.title |truncate(40,True,'...') }} </i></a> {% endif %}
{% if nextbook %} 
<a href="{{ url_for('show_book_by_id', id=nextbook.id )}}" style="float:right; font-size: 9pt;"> see the next book added to XPPL: &nbsp;<i>{{ nextbook.title|truncate(40,True,'...')}} </i>> </a>{% endif %}
</div>

{% endblock %}