{% extends "base.html" %}
{% load static %}

{% block content %}


<div class="container">
    <div class="col-md-4 offset-md-4">
        <div class="card" id="legacy-upload">
            <div class="card-header">Ready to upload file</div>
            <div class="card-body">
                <form method="POST" action="{{ upload.url }}" enctype="multipart/form-data" id="video-upload">
                    {% for field, value in upload.fields.items %}
                    <input type="hidden" name="{{ field }}" value="{{ value }}" />
                    {% endfor %}
                    
                    <input name="file" type="file" accept="video/*"/>

                    <div class="form-actions text-right">
                        <a class="btn btn-secondary" href="{% url 'cancel_submission' project_id=project.pk submission_id=submission.pk %}">Cancel</a>
                        <button class="btn btn-primary">Upload</button>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>

<script src="{% static 'dropzone/dropzone.js' %}"></script>
<script>
(function() {

    //document.getElementById('fallback-file').remove();

    Dropzone.options.videoUpload = {
        paramName: "file", // The name that will be used to transfer the file
        maxFilesize: 500, // MB
        accept: function(file, done) {
            if (file.name == "justinbieber.jpg") {
                done("Naha, you don't.");
            } else { done(); }
        }
    }
})();
</script>
{% endblock %}