{% extends 'base.html' %}

{% block main %}
<div class="container">
  <h1 class="page-header">Stacks</h1>
<p>These are all the stacks that have been built so far.</p>

<table style="width:100%">

<div id="tabs">
  <ul>
    {% for stack in stacks %}


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



  {% endfor %}
  </ul>

</div>
<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 %}