{% 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/tab/{{ stack.id }}">{{ stack.stack_name }}</a></td>



  {% endfor %}
  </ul>

</div>
<br>
<br>

<h1 class='page-header'><a href= {{ url_for('add_stack') }}>Add Stack</a></h1>



<!--
<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 %}