{% extends 'base.html' %}

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

  <h1 class="header">{{ stack.stack_name }}</h1>

  <p>{{ stack.stack_description }} </p>
  <h2>Books in this stack:</h2>
<p>
  {% for book in stack.books %}

          <li>  <a href="{{url_for('show_book_by_id', id=book.id)}}">{{book.title}}</a> </li>
          <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.gif';">
<div class='widget'>
          <iframe src="../uploads/{{ book.file }}" width="50%" ></iframe>
</div>
    {% endfor %}</p>


  <br>
  <br>
<p>
  <a href="{{ url_for('remove_stack_by_id', id=stack.id )}}">Remove stack</a> </p>
<p>
  <a href="{{ url_for('edit_stack_by_id', id=stack.id )}}">Edit title and/or description</a> </p>



<p><a href="{{url_for('show_stacks')}}">Go back to the other stacks</p>

</div>
{% endblock %}