{% include 'base.html' %}
{% include 'menu.html' %}
{% block main %}
  {{ dropzone.load_js() }}
  {{ dropzone.config() }}
<script type="text/javascript">
Dropzone.options.myDropzone = {

  autoProcessQueue: false,
  maxFilesize: 10240,
  acceptedFiles: ".zip,.rar,.tar,.gz",
  init: function() {
    var submitButton = document.querySelector("#submit-all")
        myDropzone = this; // closure

    submitButton.addEventListener("click", function() {
      myDropzone.processQueue(); // Tell Dropzone to process all queued files.
    });

    this.on("addedfile", function() {
    });

  }
};
</script>
<h5 class="display-8">Upload</h5>
<div style="padding:40px">
  <div class="quard">
    <div class="card">
      <div class="card-body">
        <form action="/upload" class="dropzone" id="my-dropzone" method="POST">
          <label for="console_type">Retention</label>
            <select id="retention" name="retention" class="form-control">
              <option value="1">1 hour</option>
              <option value="24">1 day</option>
              <option value="168">1 week</option>
              <option value="730">1 month</option>
              <option value="0">Unlimited</option>
            </select>
          <div class="col-auto my-1">
            <div class="custom-control custom-checkbox mr-sm-2">
              <input type="checkbox" class="form-check-input" id="uniqd" name="uniqd">
              <label for="uniqd">Single download </label>
            </div>
          </div>
        </form>
        <br>
        <button id="submit-all"  class="btn btn-info">Send</button>
      </div>
    </div>
  </div>
</div>
<!-- Avoid a Misalignment -->
<div style="clear: both;"></div>
<!-- -->


{% endblock %}
{% include 'foot.html' %}