% endfor %}
                    </tbody>
                </table>
            </div>
            {% endwith %}


    <br><br><br>

            <div class="row">
                <div class="col-md-3">
                    <div class="box box-solid">
                        <div class="box-header with-border">
                            <h4 class="box-title">Draggable Events</h4>
                        </div>
                        <div class="box-body">
                            <!-- the events -->
     