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

{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css')}}">
{% endblock %}

{%block dashboard %}


    <script>
        $(function(){
            /*first*/
            $("#fileExcel").fileinput({
                uploadUrl: "{{ path('uploadFileUser',{'idproyectos':idproyectos}) }}", // server upload action
                uploadAsync: true,
                showBrowse: false,
                browseOnZoneClick: true,
                minFileCount: 1,
                maxFileCount: 1,
                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);
                    }
                }
            }).on('filebatchpreupload', function(event, data) {
                $("#cargar").css('display', '');
                $('#btnContinue').empty();
                $('#btnContinue').append('<button class="btn btn-link pull-right" id="btnSync2">continuar SYNC (parte 2)...</button>');
                $('#btnSync2').click(function(){

                    $("#cargar").css('display', '');
                    $.ajax({
                        type:'POST',
                        url: '{{ path('runSYN2',{'idproyectos':idproyectos}) }}'
                    }).done(function (response) {
                        swal("Sincroniacion finalizada!");
                    })
                });
                var n = data.files.length, files = n > 1 ? n + ' files' : 'one file';
                if (!window.confirm("Are you sure you want to upload " + files + "?")) {
                    return {
                        message: "Upload aborted!", // upload error message
                        data:{} // any other data to send that can be referred in `filecustomerror`
                    };
                }
            });

            $('#fileExcel').on('filebatchuploaderror', function(event, data, previewId, index) {
                $("#cargar").css('display', 'none');
                swal("Error!", "Something went wrong call the Administrator!", "error");

            });

            $('#fileExcel').on('filebatchuploadsuccess', function(event, data, previewId, index) {
                $("#cargar").css('display', 'none');
                $("#fileExcel").fileinput('clear');
                swal("Success!", "Good job keep it up!", "success");

            });



        })
    </script>
    <div class="col-lg-6 col-lg-offset-3">

        <div class="tab-content">
            <div id="home" class="tab-pane fade in active">
                <div class="panel panel-default">
                        <div class="panel-heading">Bulk upload Users</div>
                    <div class="panel-body">
                            <div class="col-lg-12">
                                <label>FILE</label>
                                <input id="fileExcel" type="file" name="file" class="file-loading">
                            </div>
                    </div>
                </div>
            </div>

        </div>
    </div>






{% endblock %}