{% extends "base.html.twig" %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css') }}">
{% endblock %}
{% block titulo %} - <a href="{{ path('projectInitial',{ 'idproyectos':idproyectos}) }}">{{ proyectos.proyecto }}</a> -
    <a
    href="{{ path(modulo.path,{ 'idproyectos':idproyectos,'idmodule':idmodule}) }}">{{ modulo.modulo }}</a>{% endblock %}
{% 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 %}
    <style>
        .datepicker {
            z-index: 1600 !important; /* has to be larger than 1050 */
        }
        .datetimepicker {
            z-index: 1600 !important; /* has to be larger than 1050 */
        }
        .bootstrap-datetimepicker-widget.dropdown-menu {
            z-index: 5600 !important; /* has to be larger than 1050 */
        }

        .isloading-wrapper.isloading-right {
            margin-left: 10px;
        }

        .isloading-overlay {
            position: relative;
            text-align: center;
        }

        .isloading-overlay .isloading-wrapper {
            background: #FFFFFF;
            -webkit-border-radius: 7px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 7px;
            -moz-background-clip: padding;
            border-radius: 7px;
            background-clip: padding-box;
            display: inline-block;
            margin: 0 auto;
            padding: 10px 20px;
            top: 10%;
            z-index: 9000;
        }

        /*Glyphicon Spinner*/
        .glyphicon-spin {
            -animation: spin .9s infinite linear;
            -webkit-animation: spin2 .9s infinite linear;
        }

        @-webkit-keyframes spin2 {
            from {
                -webkit-transform: rotate(0deg);
            }
            to {
                -webkit-transform: rotate(360deg);
            }
        }

        @keyframes spin {
            from {
                transform: scale(1) rotate(0deg);
            }
            to {
                transform: scale(1) rotate(360deg);
            }
        }
        /* ===================== FILE INPUT ===================== */
        .file-area {
            width: 100%;
            position: relative;
            border: 1px dashed #ccc;
        }

        .file-area input[type=file] {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            cursor: pointer;
        }

        .file-area .file-dummy {
            width: 100%;
            padding: 30px;
            background: rgba(255, 255, 255, 0.2);
            border: 2px dashed rgba(255, 255, 255, 0.2);
            text-align: center;
            transition: background 0.3s ease-in-out;
        }

        .file-area .file-dummy .success {
            display: none;
        }

        .file-area:hover .file-dummy {
            background: rgba(255, 255, 255, 0.1);
        }

        .file-area input[type=file]:focus + .file-dummy {
            outline: 2px solid rgba(255, 255, 255, 0.5);
            outline: -webkit-focus-ring-color auto 5px;
        }

        .file-area input[type=file]:valid + .file-dummy {
            border-color: rgba(0, 255, 0, 0.4);
            background-color: rgba(0, 255, 0, 0.3);
        }

        .file-area input[type=file]:valid + .file-dummy .success {
            display: inline-block;
        }

        .file-area input[type=file]:valid + .file-dummy .default {
            display: none;
        }

        .verErrorFile{
             display: block;
             color: #ff0000;
        }
        .ocultarErrorFile{
             display: none;
             color: #ff0000;
        }
    </style>
    <script src="{{asset('js/jquery.isloading.js')}}" type="text/javascript"></script>
    <script>
        var table;
        function getFecha(){
            var  d = new Date();
            var m = d.getMonth() + 1;
            var str=d.getFullYear()+'-'+ ((m < 10) ? '0' + m : m)+'-'+ d.getDate()+' ' +
                    d.getHours()+':'+ d.getMinutes();
            return str;
        }

        var  d = new Date();
        $(function () {
            function getTotal(valor,key,tipo)
            {
                var total = new Array();
                var header = Object.keys(valor[0]);

                for(var i = 0; i< valor.length;i++){
                    for(var j = 0; j< key.length;j++){
                        if(typeof total[key[j]] === "undefined"){
                            total[key[j]] = 0;
                        }

                        if (tipo==1){
                            total[key[j]] +=  parseFloat(valor[i][header[key[j]]]);
                            if (i == (valor.length-1)) total[key[j]]=parseFloat(total[key[j]]).toPrecision(3);
                            //alert(total[key[j]]);
                        }
                        else
                            total[key[j]] +=  parseInt(valor[i][header[key[j]]]);
                    }
                }
                return total;
            }

            function createArrayToChart(chart,text)
            {
                var header = Object.keys(chart[0]);
                var x = new Array();
                var y = new Array();

                for(var i=0;i<chart.length;i++){
                    x.push(chart[i][header[0]]);
                }

                for(var j= 1;j<header.length;j++){
                    y.push({name:"",data:[]});
                }

                for(var i=0;i<chart.length;i++){
                    for(var j= 1;j<header.length;j++){
                        if(i == 0){
                            y[j-1].name = header[j];
                        }
                        y[j-1].data.push(parseInt(chart[i][header[j]]));
                    }
                }
                return new Array(x,y);
            }

            function createColumnChart(renderTo,title,chart)
            {
                var data = createArrayToChart(chart);
                var segundaGraficaOpt = {
                    chart: {
                        type: 'column',
                        renderTo: renderTo,
                    },
                    title: {
                        text: title
                    },
                    xAxis: {
                        categories: data[0],
                        crosshair: true
                    },
                    yAxis: {
                        title: {
                            text: ''
                        },
                        plotLines:[]
                    },
                    tooltip: {
                        headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
                        pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                        '<td style="padding:0"><b>{point.y:.0f}</b></td></tr>',
                        footerFormat: '</table>',
                        shared: true,
                        useHTML: true
                    },

                    plotOptions: {
                        column: {
                            pointPadding: 0.2,
                            borderWidth: 0,
                            depth: 40,
                            dataLabels: {
                                enabled: true,
                                crop: false,
                                overflow: 'none'
                            }
                        }
                    },
                    series: data[1]
                };
                new Highcharts.Chart(segundaGraficaOpt)
            }


            {#if idproyectos==1023 or idproyectos==1051 or idproyectos==1052#}
            function showCharts(idproyectos){
                var data = {};
                data['idproyectos'] = idproyectos;
                $.getJSON('{{ path('showChartInventoryTool') }}',data,function(data){
                    var chart1 = data.chart1;
                    if(chart1.length == 0){
                        $("#grafico_01").empty().append('<div class="alert alert-warning" role="alert">NO SE HA ECONTRADO DATA</div>');
                        //$.isLoading("hide");
                        //$("#inicio").show();
                    }else{
                        createColumnChart('grafico_01','MDR Type By Region',chart1);

                        var total = getTotal(chart1,[1,2,3,4,5],2);
                        total.shift();
                        var header = Object.keys(chart1[0]);
                        var AuxArray = new Array();
                        for(var i=1;i<header.length;i++){

                            AuxArray.push({'estado':header[i],'MDR Types': total[i-1]})
                        }

                        createColumnChart('grafico_02','MDR Type Count',AuxArray);
                    }
                });
            }
            showCharts({{ idproyectos }});
            {# endif #}


            $('.datepicker').datepicker({
                dateFormat: 'yy-mm-dd',
                maxDate: new Date(),
                defaultDate: new Date()
            }).datepicker("setDate", new Date());

            $('.datepicker').on('focus', function(){
                $("#ui-datepicker-div").css("z-index", "1600");
            });

            $('#fechaReprograma').datetimepicker({
                format: 'YYYY-MM-DD HH:mm',
                defaultDate: getFecha()
            }).datetimepicker("setDate", getFecha());

            $('#fechaConfirma').datetimepicker({
                format: 'YYYY-MM-DD HH:mm',
                defaultDate: getFecha()
            }).datetimepicker("setDate", getFecha());

            $('.datetimepicker').on('focus', function(){
                $("#ui-datepicker-div").css("z-index", "1600");
            });
            $("#verConfirmacionDespacho").hide();
            {% if (idproyectos==230) %} //PR
            table = $('#example').DataTable({
                dom: 'Bftrip',
                "ajax": {
                    "url": "{{ path('showTablePR',{'idproyectos':idproyectos}) }}",
                    "type": "POST",
                    data: function (d) {
                        d.idproveedor = $('#idproveedor').val();
                    }
                },
                "deferRender": true,
                "processing": true,
                "language": {
                    // Replace the Processing... text with an AJAX-loader
                    "processing": "<div class='table-loading'><img src='{{ asset('images/spiral.gif') }}' /></div>",
                },
                columns: [
                    {"data": "workPlanId"},
                    {"data": "networkElementName"},
                    {"data": "proceso"},
                    {"data": "estado"},
                    {"data": "ForecastEnd"},
                    {"data": null},
                    {"data": "SID"},
                    {"data": "NTP"},
                    {"data": "MDR"},
                    {"data": null}
                ],
                columnDefs: [
                    {
                        orderable: false, targets: [5],
                        "defaultContent": "{{ random(['Ready to Start', 'Pending Predecessors']) }}"
                    },
                    {
                        orderable: false, targets: [6],
                        "defaultContent": "{{ random(['Ready to Start', 'Pending Predecessors']) }}"
                    },
                    {
                        orderable: false, targets: [7],
                        "defaultContent": "{{ random(['Ready to Start', 'Pending Predecessors']) }}"
                    },
                    {
                        orderable: false, targets: [8],
                        "defaultContent": "{{ random(['Ready to Start', 'Pending Predecessors']) }}"
                    },
                    {
                        orderable: false, targets: [9],
                        data: 'result',
                        "render": function (data, type, row, meta) {
                            return "<button class='"+data.class+"' idestados='"+data.estado+"' idticket='" + data.idticket + "' networkelement='" + data.networkElementName + "'>MDR</button>"
                        }
                    }
                ],
                buttons: [
                    {
                        extend:'excel',
                        title: 'delivery',
                    }
                ]
            });
            {%elseif (idproyectos==236)%}  //Nicaragua Millicom
            table = $('#example').DataTable({
                dom: 'Bftrip',
                "ajax": {
                    "url": "{{ path('showTablePR',{'idproyectos':idproyectos}) }}",
                    "type": "POST",
                    data: function (d) {
                        d.idproveedor = $('#idproveedor').val();
                    }
                },
                "deferRender": true,
                "processing": true,
                "language": {
                    // Replace the Processing... text with an AJAX-loader
                    "processing": "<div class='table-loading'><img src='{{ asset('images/spiral.gif') }}' /></div>",
                },
                columns: [
                    {"data": "workPlanId"},
                    {"data": "networkElementName"},
                    {"data": "ProjectName"},
                    {"data": "estado"},
                    {"data": "ForecastEnd"},
                    {"data": "Entregable1"},
                    {"data": "Entregable2"},
                    {"data": "Entregable4"},
                    {"data": "Entregable5"},
                    {"data": null}
                ],
                columnDefs: [
                    {
                        orderable: false, targets: [5],
                        "defaultContent": "{{ random(['Ready to Start', 'Pending Predecessors']) }}"
                    },
                    {
                        orderable: false, targets: [6],
                        "defaultContent": "{{ random(['Ready to Start', 'Pending Predecessors']) }}"
                    },
                    {
                        orderable: false, targets: [7],
                        "defaultContent": "{{ random(['Ready to Start', 'Pending Predecessors']) }}"
                    },
                    {
                        orderable: false, targets: [8],
                        "defaultContent": "{{ random(['Ready to Start', 'Pending Predecessors']) }}"
                    },
                    {
                        orderable: false, targets: [9],
                        data: 'result',
                        "render": function (data, type, row, meta) {
                            return "<button class='"+data.class+"' idestados='"+data.estado+"' idticket='" + data.idticket + "' networkelement='" + data.networkElementName + "'>MDR</button>"
                        }
                    }
                ],
                buttons: [
                    {
                        extend:'excel',
                        title: 'delivery',
                    }
                ]
            });
            {%elseif (idproyectos==241) %} //PR EL SALVADOR
            table = $('#example').DataTable({
                dom: 'Bftrip',
                "ajax": {
                    "url": "{{ path('showTablePR',{'idproyectos':idproyectos}) }}",
                    "type": "POST",
                    data: function (d) {
                        d.idproveedor = $('#idproveedor').val();
                    }
                },
                "deferRender": true,
                "processing": true,
                "language": {
                    // Replace the Processing... text with an AJAX-loader
                    "processing": "<div class='table-loading'><img src='{{ asset('images/spiral.gif') }}' /></div>",
                },
                columns: [
                    {"title":"workPlanId","data": "workPlanId"},
                    {"title":"Site Id","data": "networkElementName"},
                    {"title":"Site Name","data": "Name"},
                    {"title":"Project Name","data": "ProjectName"},
                    {"title":"Status","data": "estado"},
                    {"title":"ForecastEnd","data": "ForecastEnd"},
                    {"title":"SIR","data": "Entregable1"},
                    {"title":"Acción","data": null}
                ],
                columnDefs: [
                    {
                        orderable: false, targets: [7],
                        data: 'result',
                        "render": function (data, type, row, meta) {
                            return "<button class='"+data.class+"' idestados='"+data.estado+"' idticket='" + data.idticket + "' networkelement='" + data.networkElementName + "'>MDR</button>"
                        }
                    }
                ],
                buttons: [
                    {
                        extend:'excel',
                        title: 'delivery',
                    }
                ]
            });
            {%elseif (idproyectos>1000) %} //PROYECTOS MX
            table = $('#example').on('preXhr.dt', function ( e, settings, data ) {
                    $("#downloadTemplateSendToPlan").addClass('disabled');
                    $("#uploadTemplateSendToPlan").addClass('disabled');
                    //console.log('preXhr');
            }).on('xhr.dt', function ( e, settings, json, xhr ) {
                // Note no return - manipulate the data directly in the JSON object.
                $("#downloadTemplateSendToPlan").removeClass('disabled');
                $("#uploadTemplateSendToPlan").removeClass('disabled');
                //console.log('Xhr');
            }).DataTable({
                dom: 'Bftrip',
                "ajax": {
                    "url": "{{ path('showTablePR',{'idproyectos':idproyectos}) }}",
                    "type": "POST",
                    data: function (d) {
                        d.idproveedor = $('#idproveedor').val();
                    }
                },
                "deferRender": true,
                "processing": true,
                "language": {
                    // Replace the Processing... text with an AJAX-loader
                    "processing": "<div class='table-loading'><img src='{{ asset('images/spiral.gif') }}' /></div>",
                },
                columns: [
                    {"title":"workPlanId","data": "workPlanId"},
                    {"title":"Site Id","data": "SiteIDByCustomer"},
                    {"title":"Site Name","data": "SiteNameByCustomer"},
                    {"title":"Project Name","data": "ProjectName"},
                    {"title":"Status","data": "estado"},
                    {"title":"ForecastEnd","data": "ForecastEnd"},
                    {"title":"Blue Print","data": "Entregable1"},
                    {"title":"Acción","data": null}
                ],
                columnDefs: [
                    {
                        orderable: false, targets: [7],
                        data: 'result',
                        "render": function (data, type, row, meta) {
                            return "<button class='"+data.class+"' idestados='"+data.estado+"' idticket='" + data.idticket + "' networkelement='" + data.networkElementName + "'>MDR</button>"
                        }
                    }
                ],
                buttons: [
                    {
                        extend:'excel',
                        title: 'delivery',
                    }
                ]
            });
            {% elseif (idproyectos==261) %} //HN AMX
            table = $('#example').DataTable({
                dom: 'Bftrip',
                "ajax": {
                    "url": "{{ path('showTablePR',{'idproyectos':idproyectos}) }}",
                    "type": "POST",
                    data: function (d) {
                        d.idproveedor = $('#idproveedor').val();
                    }
                },
                "deferRender": true,
                "processing": true,
                "language": {
                    // Replace the Processing... text with an AJAX-loader
                    "processing": "<div class='table-loading'><img src='{{ asset('images/spiral.gif') }}' /></div>",
                },
                columns: [
                    {"title":"workPlanId","data": "workPlanId"},
                    {"title":"Site Id","data": "networkElementName"},
                    {"title":"Site Name","data": "Name"},
                    {"title":"Project Name","data": "ProjectName"},
                    {"title":"Status","data": "estado"},
                    {"title":"ForecastEnd","data": "ForecastEnd"},
                    {"title":"Bodega","data": "Entregable1"},
                    {"title":"Acción","data": null}
                ],
                columnDefs: [
                    {
                        orderable: false, targets: [7],
                        data: 'result',
                        "render": function (data, type, row, meta) {
                            return "<button class='"+data.class+"' idestados='"+data.estado+"' idticket='" + data.idticket + "' networkelement='" + data.networkElementName + "'>MDR</button>"
                        }
                    }
                ],
                buttons: [
                    {
                        extend:'excel',
                        title: 'delivery',
                    }
                ]
            });            
            {% else %}
            table = $('#example').DataTable({
                dom: 'Bftrip',
                "ajax": {
                    "url": "{{ path('showTablePR',{'idproyectos':idproyectos}) }}",
                    "type": "POST",
                    data: function (d) {
                        d.idproveedor = $('#idproveedor').val();
                    }
                },
                "deferRender": true,
                "processing": true,
                "language": {
                    // Replace the Processing... text with an AJAX-loader
                    "processing": "<div class='table-loading'><img src='{{ asset('images/spiral.gif') }}' /></div>",
                },
                columns: [
                    {"title":"workPlanId","data": "workPlanId"},
                    {"title":"Site Id","data": "networkElementName"},
                    {"title":"Site Name","data": "Name"},
                    {"title":"Project Name","data": "ProjectName"},
                    {"title":"Status","data": "estado"},
                    {"title":"ForecastEnd","data": "ForecastEnd"},
                    {"title":"SIR","data": "Entregable1"},
                    {"title":"Acción","data": null}
                ],
                columnDefs: [
                    {
                        orderable: false, targets: [7],
                        data: 'result',
                        "render": function (data, type, row, meta) {
                            return "<button class='"+data.class+"' idestados='"+data.estado+"' idticket='" + data.idticket + "' networkelement='" + data.networkElementName + "'>MDR</button>"
                        }
                    }
                ],
                buttons: [
                    {
                        extend:'excel',
                        title: 'delivery',
                    }
                ]
            });
            {%endif%}
            //$("#resetMDR").hide();
            $('#example tbody').on('click', '.btnMDR', function () {
                $("#btnSaveMDR").attr('idticket', $(this).attr('idticket'));
                $("#idticketHide").val($(this).attr('idticket'));
                $("#idestadosHide").val($(this).attr('idestados'));
                var idticket = $(this).attr('idticket');
                var idestados = $(this).attr('idestados');

                $("#btnDownloadMDR").css('display','none');
                $("#btnSendtoSupplyReprogramar").css('display','none');
                $("#btnSendtoSupply").css('display','none');
                $("#btnCancel").css('display','none');
                $("#btnSendtoPlan").css('display','none');
                $("#btnAuditarMDR").css('display','none');

                $("#showMDRsPR").empty();
                networkelement = $(this).attr('networkelement');
                $("#lblNetworkElement").text(networkelement);
                //console.log('$idticket: ' + idticket + ', $estados: ' + idestados + ', $idtechnology: ' + $('#technology').val());
                $("#cargar").css('display', '');
                if (idestados=='MDR CARGADO' || idestados=='PLANEADO'){
                    $("#resetMDR").show();
                }else{
                    $("#resetMDR").hide();
                }

                /*if (idestados=='CONFIRMADO'){
                    $("#btnAuditarMDR").show();
                }else{
                    $("#btnAuditarMDR").hide();
                }*/

                $("#showMDRsPR").load('{{ path('showMDRsPR',{'idproyectos':idproyectos}) }}', {
                    $idticket: idticket,
                    $idestados: idestados
                });
                
                /* $("#showMDRConfiguresPR").load('{{ path('showMDRConfiguresPR',{'idproyectos':idproyectos}) }}', {
                 $idticket: idticket,
                 $estados: idestados,
                 $idtechnology: $('#technology').val()
                 });*/

                $("#cargar").css('display', 'none');

                $("#modalDownloadMDR").modal('show');
            });

            $('#aspReprograma').change(function (){
                var idasp = $(this).val();
                var idproyectos = {{ idproyectos }};
                if (idasp != '-1'){
                    $('#aspReprograma').prop("disabled", true);
                    cargaListaPersonasPorAsp(idproyectos, idasp);
                }else{
                    $("#listPersonas").empty();
                }
            });

            $('#aspConfirma').change(function (){
                var idasp = $(this).val();
                var idproyectos = {{ idproyectos }};
                if (idasp != '-1'){
                    $('#aspConfirma').prop("disabled", true);
                    cargaListaPersonasPorAsp2(idproyectos, idasp);
                }else{
                    $("#listPersonas2").empty();
                }
            });

            function CloseModal() {
                $("#modalDownloadMDR").modal('hide');//ocultamos el modal
                $('body').removeClass('modal-open');//eliminamos la clase del body para poder hacer scroll
                $('.modal-backdrop').remove();//eliminamos el backdrop del modal
            }

            function loadListaAsp(control){
                var data = {};
                data['idproyectos']={{ idproyectos }};
                data['idmovimiento']=$("#idmovementHide").val();
                data['idticket']=$("#idticketHide").val();;
                
                //$.isLoading("hide");
                $(control + " option").remove();
                $.getJSON('{{path('getListAspPR')}}',data, function (data) {
                
                    if (data.tipo==0){ //MDR ADICIONAL
                        $("#mdr_adicional").remove();
                        var str = "";
                        var i = 0;                        
                        var asp = data.list.asp;                   
                        var per = data.list.persona_entrega;
                        var tel = data.list.telefono;
                        var email = data.list.email;
                        var asp_id = data.asp_id;
                        $(control + " option").remove();
                        $(control).append('<option value="'+asp+'">' +asp+ '</option>');   
                        str += '<tr style="font-weight: normal; font-size: 10pt;" id="mdr_adicional">';
                        str += '<td class="text-center">';
                        str += '<input type="radio" name="per2" id="per2_' + 1 + '" ' ;
                        str += 'data-persona="' + per + '" data-telefono="' + tel + '" data-email="' + email + '">';
                        str += '</td>';
                        str += '<td class="text-center">' + 1 + '</td>';
                        str += '<td class="text-left">' + per + '</td>';
                        str += '<td class="text-center">' + tel + '</td>';
                        str += '<td class="text-center">' + email + '</td>';
                        str += '</tr>'; 
                        $("#tblPersonaAsp2").append(str);                       
                        $("#per2_1").attr('checked',true);                        
                    }else{
                        $("#mdr_adicional").remove();
                        var asp  = data.list;
                        $(control).append('<option value="-1">Seleccione</option>');
                        for (var i = 0; i < asp.length; i++) {
                            $(control).append('<option value="'+asp[i]['valor']+'">' +asp[i]['nombre']+ '</option>');
                        }
                    }
                });
            };

            function cargaListaPersonasPorAsp(idproyectos, idasp){
                var data = {};
                data['idproyectos'] = idproyectos;
                data['idasp'] = idasp;
                $("#listPersonas").empty();
                $.getJSON('{{path('getListAspPersonasPR')}}',data, function (data) {
                    $('#aspReprograma').prop("disabled", false);
                    var str = "";
                    var per = "";
                    var tel = "";
                    var email = "";
                    var d = data.list;
                    for (var i=0; i<d.length; i++){
                        per = d[i]['persona_entrega'];
                        tel = d[i]['telf_persona'];
                        email = d[i]['email']==null?'':d[i]['email'];
                        str += '<tr style="font-weight: normal; font-size: 10pt;">';
                        str += '<td class="text-center">';
                        str += '<input type="radio" name="per" id="per' + (i+1) + '" ' ;
                        str += 'data-persona="' + per + '" data-telefono="' + tel + '" data-email="' + email + '">';
                        str += '</td>';
                        str += '<td class="text-center">' + (i+1) + '</td>';
                        str += '<td class="text-left">' + per + '</td>';
                        str += '<td class="text-center">' + tel + '</td>';
                        str += '<td class="text-center">' + email + '</td>';
                        str += '</tr>';
                    }
                    $("#listPersonas").empty().append(str);                    
                });
            }

            function cargaListaPersonasPorAsp2(idproyectos, idasp){
                var data = {};
                data['idproyectos'] = idproyectos;
                data['idasp'] = idasp;
                $("#listPersonas2").empty();
                $.getJSON('{{path('getListAspPersonasPR')}}',data, function (data) {
                    $('#aspConfirma').prop("disabled", false);
                    var str = "";
                    var per = "";
                    var tel = "";
                    var email = "";
                    var d = data.list;
                    for (var i=0; i<d.length; i++){
                        per = d[i]['persona_entrega'];
                        tel = d[i]['telf_persona'];
                        email = d[i]['email']==null?'':d[i]['email'];
                        str += '<tr style="font-weight: normal; font-size: 10pt;">';
                        str += '<td class="text-center">';
                        str += '<input type="radio" name="per2" id="per2_' + (i+1) + '" ' ;
                        str += 'data-persona="' + per + '" data-telefono="' + tel + '" data-email="' + email + '">';
                        str += '</td>';
                        str += '<td class="text-center">' + (i+1) + '</td>';
                        str += '<td class="text-left">' + per + '</td>';
                        str += '<td class="text-center">' + tel + '</td>';
                        str += '<td class="text-center">' + email + '</td>';
                        str += '</tr>';
                    }
                    $("#listPersonas2").empty().append(str);
                });
            }

            $("#btnDownloadMDR").click(function () {
                $("#formDownloadMDR").submit();

            });

            $("#btnCancel").click(function () {//2 do Nivel

                swal({
                    title: 'Desea Cancelar este MDR?',
                    text: "Al cancelarlo, el MDR será borrado. Esta acción no se podrá revertir!",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'Si, Borrar MDR!',
                    cancelButtonText: 'No!',
                    confirmButtonClass: 'btn btn-success',
                    cancelButtonClass: 'btn btn-danger',
                    buttonsStyling: false
                }).then(function () {

                    idticket = $("#idticketHide").val();

                    $("#cargar").css('display', '');
                    idmovement = $("#idmovementHide").val();
                    if(idmovement){
                        $.ajax({
                            type: 'post',
                            url: '{{ path('sendCancel',{'idproyectos':idproyectos}) }}',
                            data: {$idticket: idticket, $idmovement:idmovement }
                        }).done(function () {
                            $("#cargar").css('display', 'none');
                            swal({title: "SUCCESSED", text: "MDR Canceled!", type: "success"});
                            CloseModal();
                            //table.ajax.reload();
                            location.reload();
                        });

                    }
                }  )

            });

            $("#savePlanConfirm").click(function () {//2 do Nivel
                idticket = $("#idticketHide").val();
                fecha = $("#fechaConfirma").val();
                asp = $('#aspConfirma').val();
                persona = $('input:radio[name=per2]:checked').data('persona');
                telefono = $('input:radio[name=per2]:checked').data('telefono');
                comentario = $('#txtCommentConfirma').val();
                email = $('input:radio[name=per2]:checked').data('email');


                if (asp == '-1'){
                    alert("Select ASP");
                    return false;
                }

                if( !$("#formConfirma input[name='per2']:radio").is(':checked')) {
                    alert("Select Person");
                    return false;
                }
                if(fecha!=""){
                    $("#cargar").css('display', '');

                    idmovement = $("#idmovementHide").val();
                    if(idmovement){

                        $.ajax({
                            type: 'post',
                            url: '{{ path('sendMDRPR',{'idproyectos':idproyectos}) }}',
                            data: {$idticket: idticket,$fecha:fecha, $idmovement: idmovement,
                                $asp: asp, $persona: persona, $telefono: telefono, $comentario: comentario,$email: email}
                        }).done(function () {
                            $("#cargar").css('display', 'none');
                            CloseModal();
                            swal({title: "SUCCESSED", text: "MDR Confirmed in plan!", type: "success"});
                            //table.ajax.reload();
                            location.reload();
                        });

                    }
                }else{
                    alert("Introduzca la fecha!");
                    return false;
                }
            });

            $("#btnSendtoSupply").click(function () {//2 do Nivel
                loadListaAsp('#aspConfirma');
                $("#listPersonas2").empty();
                $('#modalConfirma').modal('show');
            })

            $("#savePlanReprogramar").click(function () {//2 do Nivel
                idticket = $("#idticketHide").val();
                fecha = $("#fechaReprograma").val();
                asp = $('#aspReprograma').val();
                persona = $('input:radio[name=per]:checked').data('persona');
                telefono = $('input:radio[name=per]:checked').data('telefono');
                comentario = $('#txtCommentReprograma').val();


                if (asp == '-1'){
                    alert("Select ASP");
                    return false;
                }

                if( !$("#formReprograma input[name='per']:radio").is(':checked')) {
                    alert("Select Person");
                    return false;
                }

                if(fecha!=""){
                    $("#cargar").css('display', '');
                    idmovement = $("#idmovementHide").val();
                    if(idmovement){
                        $.ajax({
                            type: 'post',
                            url: '{{ path('sendMDRPR_Reprogramar',{'idproyectos':idproyectos}) }}',
                            data: {$idticket: idticket,$fecha:fecha, $idmovement:idmovement,
                                $asp: asp, $persona: persona, $telefono: telefono, $comentario: comentario}
                        }).done(function () {
                            $("#cargar").css('display', 'none');
                            swal({title: "SUCCESSED", text: "MDR Confirmed in plan!", type: "success"});
                            CloseModal();
                            //table.ajax.reload();
                            location.reload();
                        });
                    }
                }else{
                    alert("Introduzca la fecha!");
                    return false;
                }
            });

            $("#btnSendtoSupplyReprogramar").click(function () {//2 do Nivel
                loadListaAsp('#aspReprograma');
                $("#listPersonas").empty();
                $('#modalReprograma').modal('show');
            });

            $("#savePlanEnviar").click(function () {//1er Nivel
                idticket = $("#idticketHide").val();
                var ok = $("#data_ok").val();
                var action = $("#data_action").val();
                var type = $("#data_type").val();
                var ndi = $("#data_ndi").val();
                var comentario = $('#txtCommentEnviar').val();

                if(ok!="" && action!="" && type!="" && ndi!=""){
                    $("#cargar").css('display', '');

                    idmovement = $("#idmovementHide").val();

                    if(idmovement){
                        $.ajax({
                            type: 'post',
                            url: '{{ path('sendtoPlan',{'idproyectos':idproyectos}) }}',
                            data: {$idticket: idticket,$ok:ok,$action:action,$type:type,
                                $ndi:ndi, $idmovement:idmovement, $comentario: comentario }
                        }).done(function () {
                            $("#cargar").css('display', 'none');
                            swal({title: "SUCCESSED", text: "MDR Confirmed in plan!", type: "success"});
                            CloseModal();
                            //table.ajax.reload();
                            location.reload();
                        });

                    }
                }else{
                    //swal('Error', "Complete toda la información!", "error");
                    alert("Complete toda la información!");
                    return false;
                }

            });

            $("#btnSendtoPlan").click(function () {//1er Nivel
                $('#modalEnviar').modal('show');
            });

            $("#btnReplacementItems").click(function(){
                $("#cargar").css('display', '');
                $("#modalReplacementPR").modal('hide');
                $("#ReplacementForm").ajaxSubmit({
                    success: function (responseText, statusText, xhr, $form) {

                        if(responseText == 'Success'){

                            swal({title: "SUCCESSED", text: "Information was saved!", type: "success"});

                            $("#cargar").css('display', 'none');
                            idmovement = $("#idmovementHide").val();
                            $("#showMDRConfigByTicketPR").load('{{ path('showMDRConfiguresPR',{'idproyectos':idproyectos}) }}', {
                                 $idticket: idticket,
                                 $estados: idestados,
                                 $idtechnology: $('#technology').val(),
                                 idmovement: idmovement,
                            });

                        }else{

                            swal({title: "OOPS", text: "Something went wrong", type: "error"});
                            $("#cargar").css('display', 'none');
                            /*$("#showMDRConfiguresPR").load('{{ path('showMDRConfiguresPR',{'idproyectos':idproyectos}) }}', {
                             $idticket: idticket,
                             $estados: idestados,
                             $idtechnology: $('#technology').val()
                             });*/

                        }
                    }
                });
                return false;
            });

            $("#btnSaveMDR").click(function () {
                idticket = $(this).attr('idticket');
                idmovement = $("#idmovementHide").val();
                $("#cargar").css('display', '');
                $("#MDRForm").ajaxSubmit({
                    beforeSubmit: function (formData, jqForm, options) {
                        var idticketField = {
                            name: 'idticket',
                            required: true,
                            type: "text",
                            value: idticket
                        };
                        formData.push(idticketField);
                        var confirmarDespacho = {
                            name: 'confirmarDespacho',
                            required: false,
                            type: "text",
                            value: $("#confirmarDespacho").is(':checked')
                        };
                        formData.push(confirmarDespacho);
                        var idmovementField = {
                            name: 'idmovement',
                            required: true,
                            type: "text",
                            value: idmovement
                        };
                        formData.push(idmovementField);
                    },
                    success: function(responseText, statusText, xhr, $form) {
                        $("#cargar").css('display', 'none');
                        swal({title: "SUCCESSED", text: "Information was saved!", type: "success"});
                        //CloseModal();
                        table.ajax.reload(null,false);
                        //location.reload();
                    }
                })
                return false;
            });
            
            
            $("#resetMDR").click(function () {
                $('#modalReset').modal('show');
            });

            $("#savePlanReset").click(function () {
                $('#modalReset').modal('hide');
                $("#cargar").css('display', '');
                var idestados = $("#idestadosHide").val();
                var idmovement = $("#idmovementHide").val();

                if(idestados=="MDR CARGADO" || idestados=="PLANEADO"){
                    var comentario = $("#txtCommentResetMDR").val();
                    if(idmovement){
                        $.ajax({
                            type: 'POST',
                            url: '{{ path('resetMDRPR',{'idproyectos':idproyectos}) }}',
                            data: {$idticket: $("#idticketHide").val(),
                                $idmovement: idmovement,
                                $comentario: comentario
                            }

                        }).done(function () {
                            swal({title: "SUCCESSED", text: "Mdr Restarted!", type: "success"});
                            $("#cargar").css('display', 'none');
                            CloseModal();
                            //table.ajax.reload();
                            location.reload();
                            /* $("#showMDRConfiguresPR").load('{{ path('showMDRConfiguresPR',{'idproyectos':idproyectos}) }}', {
                             $idticket: $("#idticketHide").val(),
                             $idestados: $("#idestadosHide").val(),
                             $idtechnology: $('#technology').val()
                             });*/

                        });

                    }
                }else{
                    swal("Acción no permitida!", "", "error");
                }
            
            });
            
            $("#btnAuditarMDR").click(function () {
              swal({
                  title: 'Desea Auditar este MDR?',
                  text: "Esta acción no se podrá revertir!",
                  type: 'warning',
                  showCancelButton: true,
                  confirmButtonColor: '#3085d6',
                  cancelButtonColor: '#d33',
                  confirmButtonText: 'Si, Auditar MDR!',
                  cancelButtonText: 'No!',
                  confirmButtonClass: 'btn btn-success',
                  cancelButtonClass: 'btn btn-danger',
                  buttonsStyling: false
              }).then(function () {

                $("#cargar").css('display', '');
                idticket = $("#idticketHide").val();
                idmovement = $("#idmovementHide").val();
                if(idmovement){
                    $.ajax({
                        type: 'post',
                        url: '{{ path('auditMdr',{'idproyectos':idproyectos}) }}',
                        data: {$idticket: idticket, $idmovement:idmovement }
                    }).done(function () {
                        $("#cargar").css('display', 'none');
                        swal({title: "SUCCESSED", text: "MDR Auditado!", type: "success"});
                        CloseModal();
                        //table.ajax.reload();
                        location.reload();
                    });

                }

              })
            });

            $("#uploadTemplateSendToPlan").click(function (){
                $('#sendInventoryUpload').modal('show');
            });
            $("#export").click(function(){

                $("#formExport").submit();

                return false;

            });
            $("#exportConfirmados").click(function(){

                $("#formExportConfirmados").submit();

                return false;

            });
            
            
        })

    </script>

        <div class="row" style="margin-top: 25px; margin-bottom: 25px;">
            <div id="grafico_01" class="col-sm-6">

            </div>
            <div id="grafico_02" class="col-sm-6">

            </div>
        </div>
    {%if idproyectos>1000%}
    {% if is_granted('ROLE_ENVIAR_PLAN')   %}
        <div class="row text-right" style="margin-bottom: 10px;">
            <div class="sm-12">
                <span>
                    Send to Plan Template: &nbsp;
                    <a id="downloadTemplateSendToPlan" class="btn btn-info btn-md" role="button"
                            href="{{path('downloadInventoryTemplateSendToPlan')}}?project={{ idproyectos }}">
                        <img src={{ asset("images/download_excel.png")}} width="24px" height="24">
                        &nbsp;Download
                    </a>&nbsp;
                    <a href="#" id="uploadTemplateSendToPlan" class="btn btn-primary btn-md" role="button">
                        <img src={{ asset("images/upload_excel.png")}} width="24px" height="24">
                        &nbsp;Upload
                    </a>
                    {#
                    <a style="cursor:pointer" class="downloadTemplate2" target="_blank"> <img src={{ asset("images/download_excel.png")}} width="30px">Download</a>
                    <a class="open-AddFileSiteValidate2" id="upload2" href="#"> <img src={{ asset("images/upload_excel.png")}} width="30px">Upload</a>
                    #}
                </span>
            </div>
        </div>
    {% endif %}
    {%endif%}
    {% if is_granted('ROLE_VALIDAR_PLAN')  %}
        <div class="btn-group pull-left" role="group" aria-label="..." style="margin: 10px 0px 20px 15px">
            <form id="formExport"  action="{{ path('exportReporte',{'idproyectos':idproyectos}) }}" method="POST">
                <input type="hidden" id="idReporte" name="idReporte" value="767">
            </form>
            <a id="export" class="dt-button buttons-excel buttons-html5" tabindex="0" aria-controls="example" href="#"><span>Excel MDR MA Confirmados</span></a>
        </div>
    {% endif %}
    {% if is_granted('ROLE_SUPPLY')  %}
        <div class="btn-group pull-left" role="group" aria-label="..." style="margin: 10px 0px 20px 15px">
            <form id="formExportConfirmados"  action="{{ path('exportReporte',{'idproyectos':idproyectos}) }}" method="POST">
                <input type="hidden" id="idReporte" name="idReporte" value="768">
            </form>
            <a id="exportConfirmados" class="dt-button buttons-excel buttons-html5" tabindex="0" aria-controls="example" href="#"><span>Excel MDR Confirmados</span></a>
        </div>
    {% endif %}
    <div class="col-lg-12">
        <table id="example" class="display" cellspacing="0" width="100%">
            <thead>
            {%if idproyectos==230%}
                <tr>
                    <th>Work Plan ID</th>
                    <th>Network Element</th>
                    <th>Project Name</th>
                    <th>Status</th>
                    <th>Forecast End</th>
                    <th>RBS Installation_A</th>
                    <th>SID</th>
                    <th>NTP</th>
                    <th>MDR</th>
                    <th></th>
                </tr>
            {%elseif idproyectos==236%}
                <tr>
                    <th>Work Plan ID</th>
                    <th>Network Element</th>
                    <th>Project Name</th>
                    <th>Status</th>
                    <th>Forecast End</th>
                    <th>CPO</th>
                    <th>Site Survey</th>
                    <th>SID</th>
                    <th>MDR</th>
                    <th></th>
                </tr>
            {%endif%}
            </thead>
            <tbody id="tbody">
            </tbody>
        </table>
    </div>


    <div class="modal modal-wide fade" id="modalDownloadMDR" tabindex="-1" role="dialog"
         aria-labelledby="modalSiteDetailATTUSA" style="width: 90%">
        <div class="modal-dialog" role="document" style="width: 80%">

            <div class="modal-content">
                <div class="modal-header  btn-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel" style="text-align: center">
                        <span id="lblNetworkElement"></span> - MDR</h4>
                </div>
                <div class="modal-body" style="height: 550px; overflow-y: auto">

                    <div id="showMDRsPR"></div>
                </div>

                <div class="modal-footer">{{estados}}


                    <form action="{{ path('downloadMRDPR',{'idproyectos':idproyectos}) }}" id="formDownloadMDR"
                          method="POST">
                        <input id="idticketHide" type="hidden" name="$idticket">
                        <input id="idmovementHide" type="hidden" name="$idmovement">
                    </form>

                    <input id="idestadosHide" type="hidden" name="idestados">
                    <div class="row">
                       {#if (direc== null or direc=="")  #}
                            <div class="btn pull-left">

                                <button style="display:none" type="button" class="btn btn-danger" id="resetMDR">Reject MDR</button>
                                <button style="display:none" type="button" class="btn btn-success" id="btnAuditarMDR">MDR Audited</button>
                            </div>
                        {#endif#}
                        <div class="btn pull-right">
                            <!--<div id="btnSend"></div>-->
                            {% if idproyectos>1000  %}
                                {% if is_granted('ROLE_SUPPLY')  %}
                                        <span id="verConfirmacionDespacho">
                                         <label>
                                         <input type="checkbox" id="confirmarDespacho" value="1">  Dispatch Confirmation
                                         </label>
                                        </span>
                                {%endif%}
                            {%endif%}
                            <button style="display:none" type="button" class="btn btn-success open-enviar" id="btnSendtoPlan">Send to Plan</button> <!-- 1er nivel -->

                            <button style="display:none" type="button" class="btn btn-danger" id="btnCancel">Delete MDR</button><!-- 2do nivel -->
                            <button style="display:none" type="button" class="btn btn-success open-confirmar" id="btnSendtoSupply">Confirm</button><!-- 2do nivel -->
                            <button style="display:none" type="button" class="btn btn-warning open-reprogramar" id="btnSendtoSupplyReprogramar">Reschedule</button><!-- 2do nivel -->
                            <button style="display: none;" type="button" class="btn btn-info" id="btnDownloadMDR">Download MDR</button>
                            <button style="display:none" type="button" class="btn btn-default" id="btnSaveMDR"><i class="fa fa-save"></i></button>
                            <button type="button" class="btn btn-default"
                                    data-dismiss="modal">{{ 'monitorii.close' | trans }}</button>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalConfirmar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form action="{{ path('pr_adjuntarFileCorfirmar',{'idproyectos':idproyectos}) }}" id="formularioConfirmar"method="POST" enctype="multipart/form-data">
            <input id="idmovementCorfirmar" type="hidden" name="idmovementCorfirmar" value="">
               
            <div class="modal-header  bg-primary">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h2 class="modal-title text-center" id="myModalLabel"> Dispatch Confirmation</h2>
            </div>
            <div class="modal-body">
                <div id="contineFile">                    
                    <div class="row">
                        <div class="form-group col-lg-12">
                            <label for="MP">File</label>
                            <input  name="archivo_cd" id="archivo_cd" type="file">
                        </div>
                        
                        
                    </div>
                    <div id="validacionExtension" class="row ocultarErrorFile">
                        <div class="form-group col-lg-12">
                            La extensión del archivo es incorrecta, adjunte un .zip o .rar
                        </div>   
                    </div>
                </div>
            </div>
            <div class="modal-footer mostrar_acciones">
                <button id="saveFileConfirmar" type="button" class="btn btn-info">Save</button>                
                <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
            </div>
            </form>
        </div>
    </div>
    </div>

    <div class="modal modal-wide fade" id="modalReplacementPR" tabindex="-1" role="dialog"
         aria-labelledby="modalReplacementPR" style="width: 60%">
        <div class="modal-dialog" role="document" style="width: 60%">

            <div class="modal-content">
                <div class="modal-header  btn-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel" style="text-align: center">SUSTITUTOS</h4>
                </div>
                <div class="modal-body" style="height: 300px; overflow-y: auto">
                    <div class="row">
                        <div class="col-lg-12">
                            <form action="{{ path('replaceItemPR',{'idproyectos':idproyectos}) }}" id="ReplacementForm"
                                  method="POST">
                                <table class="display nowrap dataTable no-footer" cellspacing="0" width="90%">
                                    <thead>
                                    <tr><th>Codigo</th>
                                        <th>Descipcion</th>
                                        <th>Batch</th>
                                        <th>PO</th>
                                        <th>Cantidad Disponible</th>
                                        <th>Cantidad</th></tr>
                                    </thead>
                                    <tbody id="sustitutosDV"></tbody>

                                </table>
                                <input type="hidden" id="idticketReplacement" name="idticketReplacement">
                                <input type="hidden" id="idtechnologyReplacement" name="idtechnologyReplacement">
                                <input type="hidden" id="idlineReplacement" name="idlineReplacement">
                            </form>
                        </div>
                    </div>
                </div>

                <div class="modal-footer">
                    <div class="btn pull-right">
                        <button type="button" class="btn btn-info" id="btnReplacementItems">Continuar</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">{{ 'monitorii.close' | trans }}</button>
                    </div>

                </div>
            </div>
        </div>
    </div>
                    
    <!--modal Reset MDR-->
    <div class="modal fade modalReset" id="modalReset" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="modal-title text-center">Reset MDR</h2>
                </div>
                <form id="formReset" name="formReset" action="" method="POST">
                    <div class="modal-body">
                        <div class="form-group">
                            <label for="txtCommentResetMDR"><strong>Motivo Reject MDR</strong></label>
                            <textarea class="form-control" id="txtCommentResetMDR" rows="3" maxlength="5000"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button id="savePlanReset" type="button" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></button>
                        <button id="closemodalReset" type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
                    </div>
                </form>
            </div>
        </div>
    </div>                    

    <!--modal validar confirmar-->
    <div class="modal fade modalConfirma" id="modalConfirma" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="modal-title text-center">Confirmar Entrega MDR</h2>
                </div>
                <form id="formConfirma" name="formConfirma" action="" method="POST">
                    <div class="modal-body">
                        <div class="form-group">
                            <label><strong>Indique la fecha-hora de Entrega: </strong></label>
                            <input id="fechaConfirma" type="text" class="form-control datetimepicker"/>
                        </div>
                        <div class="form-group">
                            <label><strong>ASP: </strong></label>
                            <select id="aspConfirma" class="form-control"></select>
                        </div>
                        <div style="height: 30vh; overflow-y: scroll; margin-bottom: 10px;">
                            <table id="tblPersonaAsp2" class="table table-bordered table-striped table-hover">
                                <thead>
                                <tr class="bg-primary">
                                    <th class="text-center"></th>
                                    <th class="text-center">#</th>
                                    <th class="text-center">Persona que Entrega</th>
                                    <th class="text-center">Teléfono</th>
                                    <th class="text-center">Email</th>
                                </tr>
                                </thead>
                                <tbody id="listPersonas2">

                                </tbody>
                            </table>
                        </div>
                        <div class="form-group">
                            <label for="txtCommentConfirma"><strong>Observaciones</strong></label>
                            <textarea class="form-control" id="txtCommentConfirma" rows="3" maxlength="5000"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button id="savePlanConfirm" type="button" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></button>
                        <button id="closemodalConfirm" type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--modal validar reprogramar-->
    <div class="modal fade modalReprograma" id="modalReprograma" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" style="overflow: visible !important">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="modal-title text-center">Reprogramar MDR</h2>
                </div>
                <form id="formReprograma" name="formReprograma" action="" method="POST">
                    <div class="modal-body">
                        <div class="form-group">
                            <label ><strong>Fecha-hora de Reprogramación: </strong></label>
                            <input id="fechaReprograma" type="text" class="form-control datetimepicker"/>
                        </div>
                        <div class="form-group">
                            <label><strong>ASP: </strong></label>
                            <select id="aspReprograma" class="form-control"></select>
                        </div>
                        <div style="height: 30vh; overflow-y: scroll; margin-bottom: 10px;">
                            <table id="tblPersonaAsp" style="width: 100%"
                                   class="table table-bordered table-striped table-hover">
                                <thead>
                                <tr class="bg-primary">
                                    <th class="text-center"></th>
                                    <th class="text-center">#</th>
                                    <th class="text-center">Persona que Entrega</th>
                                    <th class="text-center">Teléfono</th>
                                    <th class="text-center">Email</th>
                                </tr>
                                </thead>
                                <tbody id="listPersonas">

                                </tbody>
                            </table>
                        </div>
                        <div class="form-group">
                            <label for="txtCommentReprograma"><strong>Observaciones</strong></label>
                            <textarea class="form-control" id="txtCommentReprograma" rows="3" maxlength="5000"></textarea>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button id="savePlanReprogramar" type="button" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></button>
                        <button id="closemodalreprogramr" type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!--modal Enviar a Plan-->
    <div class="modal fade modalEnviar" id="modalEnviar" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="modal-title text-center">Preparación Sitio</h2>
                </div>
                <form id="formEnviar" name="formEnviar" action="" method="POST">
                    <div class="modal-body">
                        {%if idproyectos==230 or idproyectos==241%}
                            <label>Complete la siguiente información del Sitio: </label>
                            <table>
                                <tr><th>ok: </th><td><input id="data_ok" type="text"></td><tr>
                                <tr><th>Antenna Action: </th><td><input id="data_action" type="text"></td></tr>
                                <tr><th>Type site NDI: </th><td><input id="data_ndi" type="text"></td></tr>
                                <tr><th>Power Type Site: </th><td><input id="data_type" type="text"></td></tr>
                            </table>
                            <div class="form-group">
                                <label for="txtCommentEnviar"><strong>Observaciones</strong></label>
                                <textarea class="form-control" id="txtCommentEnviar" rows="3" maxlength="5000"></textarea>
                            </div>
                        {% else %}
                            <input type="hidden" id="data_ok" value="-">
                            <input type="hidden" id="data_action" value="-">
                            <input type="hidden" id="data_ndi" value="-">
                            <input type="hidden" id="data_type" value="-">
                            <input type="hidden" id="txtCommentEnviar" value="">
                            <span class="text-center"><label>CONFIRM SEND TO PLAN?</label></span>
                        {% endif %}
                    </div>
                    <div class="modal-footer">
                        <button id="savePlanEnviar" type="button" class="btn btn-default"  data-dismiss="modal"><i class="fa fa-lg fa-save text-primary"></i></button>
                        <button id="closemodalEnviar" type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
                    </div>

                </form>
            </div>
        </div>
    </div>

    <!-- modal Enviar a Plan Batch  -->
    <div class="modal fade" id="sendInventoryUpload" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header  bg-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h2 class="modal-title text-center" id="titleSendInventoryUpload"> {{ 'Validar Plan Masivo (file Site Validate)' | trans}}</h2>
                </div>
                <form id="formSendInventoryUpload" name="formSendInventoryUpload" method="post" action="{{ path('sendBatchInventoryTool',{'idproyectos':idproyectos,'idmodule':idmodule})}}" enctype="multipart/form-data">

                    <div class="modal-body">
                        <div class="row">
                            <div class="col-lg-12"  style="margin-top: 1%">
                                <div class="file-area">
                                    <input type="hidden" name="id_project_interno1" class="proyectoInterno"/>
                                    <input type="hidden" name="id_proceso" id="id_proceso" class="id_proceso" />
                                    <input type="hidden" name="accion[]" id="accion" class="accion" value="Validar"/>
                                    <input type="file" name="file" id="file-mdr" required="required"/>
                                    <div class="file-dummy">
                                        <span class="success">Great, your files are selected.</span>
                                        <span class="default">Please select some files.</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <div class="alert alert-success col-lg-8 text-center" style="display:none;" id="response-incidencias"></div>
                        <button id="saveFileMDR" type="submit" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></button>
                        <button id="closemodal" type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
                    </div>
                </form>

            </div>
        </div>
    </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>
    <script type="text/javascript">
        $('form[name="formSendInventoryUpload"]').ajaxForm({
            beforeSubmit: function (formData, jqForm, options) {
                $.isLoading({text: "Upload Template"});
            },

            error: function (error) {
                swal(error, "error!", "success");
                $.isLoading('hide');
                $("#sendInventoryUpload").modal('hide');
            },

            success: function (responseText, statusText, xhr, $form) {
                $.isLoading('hide');
                $("#sendInventoryUpload").modal('hide');
                swal("Procesado","Upload Complete...", "success");
                //$("#SiteValidateUpload").modal('hide');

                /*$.isLoading({
                    text: "Update Content"
                });*/
                //table.ajax.reload(null,false);
                table.ajax.reload();
            }

        });
    </script>
{% endblock %}