{% extends "base.html" %}
{% import "bootstrap/wtf.html" as wtf %}


{% block head %}
    {{ super() }}
    {% if filename is defined %}
        <meta http-equiv="refresh" content="0;URL='download_file/{{ filename }}'" />
    {% endif %}
    <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
{% endblock %}

{% block page_header %}
    <h1>Download</h1>
{% endblock %}

{% block app_content %}
    <div class="row">
        <div class='well col-xs-8 col-sm-4'>
            {{ wtf.quick_form(form, button_map={'submit': 'primary'}) }}
        </div>
    </div>
{% endblock %}

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

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        $('#start_time').datetimepicker({
            format:'YYYY-MM-DD HH:mm',
            sideBySide: true
        });
        $(".alert").delay(4000).fadeOut(500, function() {
            $(this).alert('close');
        });
    });
</script>
{% endblock %}