{% extends 'base.html' %}

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

<div> Chosen book:

    <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';">

</div>
<p>These are all the stacks that have been built so far.</p>

<table style="width:100%">


  <ul>
    {% for stack in stacks %}

    <li> <a href="stacks/tab/{{ stack.id }}">{{ stack.stack_name }}</a></td>



  {% endfor %}
  </ul>

  
<br>
<br>
<h1 class="page-header">Build a stack</h1>

<p><a href= {{ url_for('add_stack') }}>Add Stack</a></p>

<div id="draggable" class="ui-widget-content">
  <p>List of books</p>
</div>

<div id="droppable" class="ui-widget-header">
  <p>Stack</p>
</div>

</div>

{% endblock %}