{% 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('createTicketsByExcel',{'idproyectos':idproyectos,'idmodule':idmodule,'idsubmodulo':idsubmodulo})}}", // server upload action
                uploadAsync: false,
                minFileCount: 1,
                maxFileCount: 5,
                overwriteInitial: false,
                uploadExtraData: function() {
                return {
                    idproceso: $("#idproceso").val()
                };
            },
               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">{{'ticket.masive.upload' | trans}}</div>
        <div class="panel-body">
            <div class="form-group">
                <label for="idproceso">{{'ticket.masive.process' | trans}}</label>
                <select id="idproceso" class="form-control" name="idproceso">
                    {% for proceso in procesos %}
                    <option value="{{ proceso.idproceso }}">{{ proceso.proceso }}</option>
                    {% endfor %}
                </select>
            </div>
            <input id="fileExcel" type="file" name="file" class="file-loading">
        </div>
    </div>



{%endblock %}