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

{% block head_style %}
    {{ encore_entry_link_tags('app') }}
    {{ encore_entry_link_tags('dropzone') }}
{% endblock head_style %}


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

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

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



{% block localjavascript %}
    window.parent.$(".modal-title").html("ETAPE 1 - Téléchargez votre image");

    Dropzone.options.MyDropZone = {
	    maxFiles: 1,
	    acceptedMimeTypes: 'image/*',
	    //renameFilename: false,
	    success: function(file, response){
            $(location).attr('href',"{{ path('app_crop02') }}");
	    }
    }
    
    function closeModal() {
        window.parent.$("#extraLargeModal").modal('hide');
    }
{% endblock %}