xppl/app/templates/add_to_stacks.html

{% 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>
{% from "_formhelpers.html" import render_field %}
<form method="POST">
  <div class="search"> {{ render_field(add_form.select_stack) }} </div>
  <button type="submit" class="button" value="Stack" name="add_book">Add to stack</button>
</form>



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