{%- extends "base.html" %}

{% import "bootstrap/utils.html" as utils %}

{% block content %}
<style>
    .progress {
        width: 100%;
        text-align: center;
    }
</style>

<div class="container">

  <div class="row">
    <h1><a href="/"><img src="/static/img/dulldream_logo_200.png"></a></h1>
    <h2 class="subtitle">Celery Test</h2>
  </div>

  <div class="row">
    <div class="col-sm-12 align_center">
      <button id="submit-data">Submit Data</button><br><br>
      <div id="progress"></div>
    </div>
  </div>

</div>

{% block footer %}
{{ super() }}
{% endblock %}

{% endblock %}


{% block scripts %}
  {{super()}}

<script type="text/javascript" src="{{url_for('static', filename='js/old-js/nanobar.min.js')}}"></script>
<script type="text/javascript" src="{{url_for('static', filename='js/old-js/celery.js')}}"></script>


{% endblock scripts %}