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

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

{%block dashboard %}


    <script>
        $(function(){
            /*first*/
            $("#fileExcel").fileinput({
                uploadUrl: "{{ path('wfmsyncIni',{'idproyectos':idproyectos, 'idmodule':idmodule}) }}", // server upload action
                uploadAsync: true,
                showBrowse: false,
                browseOnZoneClick: true,
                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);
                    }
                }
            }).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("Success!", "You clicked the button!", "success");

            });

            $('#fileExcel').on('filebatchuploadsuccess', function(event, data, previewId, index) {
                $("#cargar").css('display', 'none');
                swal("Success!", "You clicked the button!", "success");

            });

            /*second*/
            $("#fileExcelTwo").fileinput({
                uploadUrl: "{{ path('wfmsyncAlt',{'idproyectos':idproyectos, 'idmodule':idmodule}) }}", // server upload action
                uploadAsync: true,
                showBrowse: false,
                browseOnZoneClick: true,
                minFileCount: 1,
                maxFileCount: 5,
                overwriteInitial: false,
                showPreview: true,
                previewFileExtSettings: {
                    'xls': function (ext) {
                        return ext.match(/(xls|xlsx)$/i);
                    }
                }
            }).on('filebatchpreupload', function(event, data) {
                $("#cargar").css('display', '');
                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`
                    };
                }
            });

            $('#fileExcelTwo').on('filebatchuploaderror', function(event, data, previewId, index) {
                $("#cargar").css('display', 'none');
            });

            $('#fileExcelTwo').on('filebatchuploadsuccess', function(event, data, previewId, index) {
                $("#cargar").css('display', 'none');
            });


            $("#btnRUMSYNC").click(function () {
                $("#cargar").css('display', 'none');
                $.ajax({
                type:'POST',
                url: '{{ path('runSYNWFMCLARO',{'idproyectos':idproyectos}) }}'
            }).done(function (json) {
                    location.reload();
                })
            });
            $("#btnDeleteFileSYNC").click(function () {
                $("#modalDelete").modal();
            });
            $("#modalBtnDeleteFileSync").click(function () {
                $(this).css('display', 'none');
                $.ajax({
                    type:'POST',
                    url: '{{ path('deleteFileSYNC',{'idproyectos':idproyectos}) }}'
                }).done(function (json) {
                    location.reload();
                })

            })

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

        <ul class="nav nav-tabs">
            <li class="active"><a data-toggle="tab" href="#home">Sync Principal</a></li>
            {% if idproyectos == 10  %}
            <li><a data-toggle="tab" href="#menu1">Sync Alterna</a></li>
            {% endif %}
        </ul>

        <div class="tab-content">
            <div id="home" class="tab-pane fade in active">
                <div class="panel panel-default">
                    {% if idproyectos == 10  %}
                        <div class="panel-heading">SYNC WFM ORIGINAL</div>
                    {% else %}
                        <div class="panel-heading">SYNC WFM</div>
                    {% endif %}
                    <div class="panel-body">
                        {% if isFile == 'no' %}
                            <div class="col-lg-12">
                                <label>FILE</label>
                                <input id="fileExcel" type="file" name="file" class="file-loading">
                            </div>
                        {% else %}
                            <center>
                                <h2>EXISTE UN ARCHIVO CARGADO</h2>
                                <br>
                                <button class="btn btn-success" id="btnRUMSYNC">RUN SYNC</button>
                                <button class="btn btn-danger" id="btnDeleteFileSYNC">DELETE FILE</button>
                            </center>
                        {% endif %}
                    </div>
                    {% if idproyectos == 6  %}
                        <div id="btnContinue"></div>
                    {% endif %}
                </div>
            </div>
            <div id="menu1" class="tab-pane fade">
                <div class="panel panel-default">
                    <div class="panel-heading">SYNC WFM ALTERNATIVA</div>
                    <div class="panel-body">
                        {% if isFile == 'no' %}
                            <div class="col-lg-12">
                                <label>FILE</label>
                                <input id="fileExcelTwo" type="file" name="file" class="file-loading">
                            </div>
                        {% else %}
                            <center>
                                <h2>EXISTE UN ARCHIVO CARGADO</h2>
                                <br>
                                <button class="btn btn-success" id="btnRUMSYNC">RUN SYNC</button>
                                <button class="btn btn-danger" id="btnDeleteFileSYNC">DELETE FILE</button>
                            </center>
                        {% endif %}
                    </div>
                    {% if idproyectos == 6  %}
                        <div id="btnContinue"></div>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>


    <div class="modal fade exampleModal" id="modalDelete"  tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="height:650px;">
            <div class="modal-dialog" role="document">

                <div class="modal-content">
                    <div class="modal-header btn-danger">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="exampleModalLabel">ELIMINAR ARCHIVO<span id="titleMP"></span></h4>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-lg-12">
                                <h1>Esta seguro de eliminar el archivo puede estar syncronizando otra persona?</h1>
                            </div>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">{{'ticketDetail.status.cancel' | trans}}</button>
                        <button type="submit" class="btn btn-danger"  id="modalBtnDeleteFileSync">BORRAR</button>
                    </div>
                </div>
            </div>
        </form>
    </div>

    <div class="modal fade exampleModal" id="modalDash"  tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" style="height:650px;">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header btn-danger">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">Actualizaci&oacute;n Dashboard<span id="titleMP"></span></h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-lg-12">
                            <h1>elija?</h1>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-danger"  id="modalBtnDeleteFileSync">BORRAR</button>
                </div>
            </div>
        </div>
        </form>
    </div>

{% endblock %}