{% extends "base.html.twig"%}
{% block menuTop %}
    <div class="col-lg-6 col-xs-12" >
        <div class="container" id="menuTop">
            {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}
        </div>
    </div>
{%endblock %}

{%block dashboard %}
    <script>
        $(function(){

            $("#fileExcel").fileinput({
                uploadUrl: "{{path('reporteverizon_uploadFileVerizon',{'idproyectos':idproyectos,'idmodule':idmodule})}}", // server upload action
                uploadAsync: false,
                minFileCount: 1,
                maxFileCount: 5,
                overwriteInitial: false,

                showPreview: true,
                previewFileExtSettings: {
                    'doc': function (ext) {
                        return ext.match(/(doc|docx)$/i);
                    },
                    'xls': function (ext) {
                        return ext.match(/(xls|xlsx)$/i);
                    },
                    'ppt': function (ext) {
                        return ext.match(/(ppt|pptx)$/i);
                    }
                }
            });

            $('#fileExcel').on('filebatchuploaderror', function(event, data, previewId, index) {
                var form = data.form, files = data.files, extra = data.extra,
                        response = data.response, reader = data.reader;
                console.log('File batch upload success');

            });


            $('#fileExcel').on('filebatchuploadsuccess', function(event, data, previewId, index) {
                var form = data.form, files = data.files, extra = data.extra,
                        response = data.response, reader = data.reader;
                //alert ( response.uploaded);
            });

        })
    </script>

    <div class="panel panel-default" style="margin: 10%">
        <div class="panel-heading">UPLOAD FILE</div>
        <div class="panel-body">

            <input id="fileExcel" type="file" name="file" class="file-loading">
        </div>
    </div>



{%endblock %}