{% extends 'collector/base.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %} {{ title }} {% endblock title %}
{% block main %}
<style>
  .not-visible{
      display: none;
  }
</style>

<div class="container mt-3">
    <div class="card">
      <div class="card-header">
        <h3>Archive upload:</h3>
      </div>
      <div class="card-body">
        <div id="alert" class="container"></div>
        <div class="container">
          {% crispy form %}
        </div>
      </div>
      <div class="card-footer">
          <div
            id="progress"
            upload-url="{% url 'collector_api:archive-list' %}"
            class="progress"
            role="progressbar"
            aria-label="Example 20px high"
            aria-valuenow="25"
            aria-valuemin="0"
            aria-valuemax="100"
            style="height: 20px"
          >
            <div class="progress-bar"></div>
        </div>
      </div>
    </div>
</div>
{% endblock main %}

{% block jquery %}
  <script src="{% static 'collector/js/jq.upload.progress.js' %}"></script>
{% endblock jquery %}