{% load static %}
{% load docmgr_tags %}
<link href="{% static 'css/dropzone.min.css' %}" type="text/css" rel="stylesheet"/>

<h2>doc uploader</h2>

<form id="myDropzone" action="{% url 'document_upload_view' %}" class="dropzone" enctype="multipart/form-data">
    {% csrf_token %}
</form>
<!--
<button id="submit-all">
    Submit all files
</button>
-->
{% preview '27851dd9-ec22-4a34-acac-1b3122fd4c6c' maxwidth=150 %}

<script src="{% static 'js/dropzone.min.js' %}"></script>
<!--
<script type="text/javascript">
    Dropzone.options.myDropzone = {
        // Prevents Dropzone from uploading dropped files immediately
        // autoProcessQueue : false,

        init : function() {
            var submitButton = document.querySelector("#submit-all")
            myDropzone = this;

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

            // If autoProcessQueue is false we can show a button to
            // submit all dropped files
            this.on("addedfile", function() {
                // Show submit button here and/or inform user to click it.
            });
        }
    };
</script>
-->