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

{% block menuTop %}
    <div class="col-lg-12 col-xs-12">
        <div>

            {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}

        </div>


    </div>
{% endblock %}
{% block dashboard %}


    <script>
        $(function () {


            $("#fileExcel").fileinput({
                uploadUrl: "{{path('uploadSwiftTracFileUSA',{'idproyectos':idproyectos,'idmodule':idmodule,'idsubmodulo':idsubmodulo})}}", // server upload action
                uploadAsync: false,
                minFileCount: 1,
                maxFileCount: 1,
                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('filebatchpreupload', function (event, data, previewId, index) {
                //alert('entro')
                $("#cargar").css('display', '');
            });

            $('#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');

                $(".loading").hide();

            });


            $('#fileExcel').on('filebatchuploadsuccess', function (event, data, previewId, index) {
                /*  var form = data.form, files = data.files, extra = data.extra,
                 response = data.response, reader = data.reader;
                 console.log(response.consulta);
                 obj =  JSON.parse(response.consulta);
                 var tr = "";

                 for(i=0;i< obj.length; i++){
                 tr += "<tr><td>" +obj[i].idsitio+"</td><td>" +obj[i].sistema+"</td><td>" +obj[i].responsable+"</td></tr>";

                 }
                 $("#tbody").append(tr)
                 $('#example').DataTable( {
                 dom: 'Bfrtip',
                 lengthMenu: [
                 [  25, 50, -1 ],
                 [ '10 rows', '25 rows', '50 rows', 'Show all' ]
                 ],
                 buttons: [
                 'pageLength','copy', 'csv', 'excel', 'pdf', 'print'
                 ]
                 } );*/
                // alert ( response.nada );
                swal({
                            title: "File was Uploaded and process are success",
                            text: "", type: "success"
                        },
                        function () {
                            $('#myModalCausas').modal('hide');
                            //location.reload();
                        });
                $("#cargar").css('display', 'none');
            });

        })
    </script>
    <br>
    <center>
        <h1>Upload SwiftTrac File</h1>
    </center>

    <div class="panel panel-default" style="margin-left: 10%; margin-right: 10%">
        <div class="panel-heading">Upload SwiftTac File</div>
        <div class="panel-body">
            <input id="fileExcel" type="file" name="file" class="file-loading">
        </div>
        <!--h2>Registros que no se subieron</h2>
        <table id="example" class="display nowrap" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>Sitio</th>
                    <th>Sistema</th>
                    <th>Responsable</th>

                </tr>
            </thead>
            <tbody id="tbody">

            </tbody>
        </table-->
    </div>
    <link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/buttons.dataTables.min.css') }}">


    <!--script src="{{ asset('js/jquery-1.12.4.js') }}"></script-->
    <script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('js/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('js/jszip.min.js') }}"></script>
    <script src="{{ asset('js/pdfmake.min.js') }}"></script>
    <script src="{{ asset('js/vfs_fonts.js') }}"></script>
    <script src="{{ asset('js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('js/buttons.print.min.js') }}"></script>


{% endblock %}