{% extends 'base.html.twig' %}

{% block encorelinktags %}
    {{ encore_entry_link_tags('dropzone') }}
{% endblock encorelinktags %}


{% block body %}
    <button class="btn btn-secondary" onClick="closeModal();">Annuler</button>

    <form action="{{ oneup_uploader_endpoint('document') }}" class="dropzone" id="MyDropZone" style="margin-top:10px">

    {{ encore_entry_script_tags('dropzone') }}
{% endblock %}



{% block localjavascript %}
    Dropzone.options.MyDropZone = {
        init: function() {
            var totalFiles = 0;
            var completeFiles = 0;

            this.on("sending", function(file, xhr, formData) {
                formData.append("nameentity", "{{ entity }}");
                formData.append("identity", "{{ id }}");
            });

            this.on("addedfile", function (file) {
                totalFiles += 1;
            });

            this.on("removed file", function (file) {
                totalFiles -= 1;
            });

            this.on("complete", function (file) {
                completeFiles += 1;
                if (completeFiles === totalFiles) {
                    window.parent.$("#mymodal").modal('hide');
                }
            });            
        },
        success: function( file, response ){
        }
    }
    
    function closeModal() {
        window.parent.$("#mymodal").modal('hide');
    }
{% endblock %}