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

{% block dashboard %}
    <style>

    /* ===================== 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;
    }

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

        .panel-green {
            border-color: #5cb85c;
        }

        .panel-green .panel-heading {
            border-color: #5cb85c;
            color: #fff;
            background-color: #5cb85c;
        }

        .panel-green a {
            color: #5cb85c;
        }

        .panel-green a:hover {
            color: #3d8b3d;
        }

        .panel-red {
            border-color: #d9534f;
        }

        .panel-red .panel-heading {
            border-color: #d9534f;
            color: #fff;
            background-color: #d9534f;
        }

        .panel-red a {
            color: #d9534f;
        }

        .panel-red a:hover {
            color: #b52b27;
        }

        .panel-yellow {
            border-color: #f0ad4e;
        }

        .panel-yellow .panel-heading {
            border-color: #f0ad4e;
            color: #fff;
            background-color: #f0ad4e;
        }

        .panel-yellow a {
            color: #f0ad4e;
        }

        .panel-yellow a:hover {
            color: #df8a13;
        }
        .double-scroll {
            width: 100%;
            margin-bottom: 40px;
        }
        /* pager wrapper, div */
        .pager {
            padding-left: 0;
             margin: 0;
            text-align: left;
            list-style: none;
        }
        /* pager wrapper, in thead/tfoot */
        td.pager {
            background-color: #e6eeee;
        }
        /* pager navigation arrows */
        .pager img {
            vertical-align: middle;
            margin-right: 2px;
        }
        /* pager output text */
        .pager .pagedisplay {
            font-size: 14px;
            font-weight: bold;
            padding: 0 5px 0 5px;
            width: 50px;
            text-align: center;
        }

        /*** loading ajax indeterminate progress indicator ***/
        #tablesorterPagerLoading {
            background: rgba(255,255,255,0.8) url(icons/loading.gif) center center no-repeat;
            position: absolute;
            z-index: 1000;
        }

        /*** css used when "updateArrows" option is true ***/
        /* the pager itself gets a disabled class when the number of rows is less than the size */
        .pager.disabled {
            display: none;
        }
        /* hide or fade out pager arrows when the first or last row is visible */
        .pager img.disabled {
            /* visibility: hidden */
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

        .tablesorter-pager select {
            margin: 0;
            padding: 0;
            width: 50px;
        }

        .wrapper{padding-bottom:50px;}
        .header{background:#000000;}.header .container{padding-bottom:20px;}.header .container h1{color:#FFF;line-height:50px;margin-top:30px;margin-bottom:0;}
        .header .container h3{color:#E0E0E0;font-size:16px;margin-top:-5px;}.header .container h3 a{color:#66aacc;}.header .container h3 a:hover{color:#b3d5e6;}
        .top-menu{position:absolute;z-index:9999;}.top-menu .nav-list{background:rgba(255, 255, 255, 0.8);border:1px solid #CCC;margin:20px;position:fixed;right:0;}
        pre,.well{background:#FFFFFF;}
        .syntax-container{background:#FCFCFC;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;border:1px solid #e3e3e3;margin-bottom:30px;padding-bottom:20px;}
        .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);}
        }
        #menuTop {
            margin-top: 30px;
        }



            body {
                /*margin-top: 80px;*/
            }
        h1{
            font-size: 36px;
        }




        .tablesorter-header-inner,table.tablesorter thead tr th,.tablesorter-filter {
            color: #fff;
            background-color: #082a99;
            border-color: #2643a5;

        }
        table.tablesorter thead tr th{

            height: 40px;
        }

        .tablesorter-blue .headerSortUp, .tablesorter-blue .tablesorter-headerSortUp, .tablesorter-blue .tablesorter-headerAsc {
            background-color: #082a99;}
        .tablesorter-blue .headerSortDown, .tablesorter-blue .tablesorter-headerSortDown, .tablesorter-blue .tablesorter-headerDesc {
            background-color: #082a99;}


        .tablesorter-blue .tablesorter-filter-row td {
            background: #2643a5;}

        input[type="search"]{
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
            -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        }

        @media (min-width: 992px){}
        .modal-lg {
            width: 85%;
        }

        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
            background-color: #428bca;
            border-color: #3071a9;
        }
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
            color: #fff;
        }
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #3071a9;
        }
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
            background-color: #4a9fe9;
        }
    </style>
<script src="{{ asset('js/jquery.form.js') }}"></script>
<script src="{{asset('js/jquery.isloading.js')}}" type="text/javascript"></script>
<script src="{{asset('js/jquery.doubleScroll.js')}}" type="text/javascript"></script>
<script src="{{ asset('js/tableExport.js') }}"></script>
<script src="{{ asset('js/jquery.base64.js') }}"></script>
<script>
$(function () {
  var proceso = 0;
    $("#downloadTemplateOtaGigaNew").hide();
    $(".activar_5g").hide();
    $(".activar_gigared").hide();
    $(".activar_Ibs").hide();
    $('.ajaxChange2').live('change',function () {
      var idproceso = $('#idproceso').val();
      var path = $(this).attr('role-path');
      if (idproceso==582 || idproceso==583 || idproceso==584) {
        var rutaC = `{{ path('reporteappenate_getDetalle2')}}?reporte_id=681`;
        $(".categoria").attr("role-path",rutaC);
        var rutaR = `{{ path('reporteappenate_getDetalle2')}}?reporte_id=679`;
        $(".tipo_repuesto").attr("role-path",rutaR);
      }else {
        var rutaC = `{{ path('reporteappenate_getDetalle2')}}?reporte_id=230`;
        $(".categoria").attr("role-path",rutaC);
        var rutaR = `{{ path('reporteappenate_getDetalle2')}}?reporte_id=231`;
        $(".tipo_repuesto").attr("role-path",rutaR);
      }

        var opc = {
            "url": $(this).attr('role-path'),
            "element": $(this).attr('element'),
            "data": $(this).val(),
            "key": $(this).attr("key"),
            "subelement": $(this).attr('subelement'),
            "subelementField": $(this).attr('subelementField'),
            "tipo" : $(this).attr('tipo'),
            "posicion": $(this).attr('posicion'),
        };
        if ($(this).attr('element')=="tipo_repuesto"){
           $("#categoriaSeleccionada").val($(this).val());
           var path = $(this).attr('role-path');
           if (idproceso==582 || idproceso==583 || idproceso==584) {
             console.log("entre");
             var rutaC = `{{ path('reporteappenate_getDetalle2')}}?reporte_id=681`;
             $(".categoria").attr("role-path",rutaC);
             var categoria = $("#categoria"+opc.posicion).val();
             var entregable = $("#entregables"+opc.posicion).val();
             var json = {idproceso:$("#idproceso").val(),categoria:categoria,entregable:entregable};

             var ruta = `{{ path('reporteappenate_getDetalle2')}}?reporte_id=679`;
             $(".tipo_repuesto").attr("role-path",ruta);
           }else {
             var rutaC = `{{ path('reporteappenate_getDetalle2')}}?reporte_id=230`;
             $(".categoria").attr("role-path",rutaC);
             var json = {idproceso:$("#idproceso").val(),categoria:categoria};

             var ruta = `{{ path('reporteappenate_getDetalle2')}}?reporte_id=231`;
             $(".tipo_repuesto").attr("role-path",ruta);
           }

        }else if ($(this).attr('element')=="repuesto"){
          var categoria = $("#categoria"+opc.posicion).val();
          if (idproceso==582 || idproceso==583 || idproceso==584) {
            var ruta = `{{ path('reporteappenate_getDetalle2')}}?reporte_id=679`;
            $(".tipo_repuesto").attr("role-path",ruta);
            var entregable = $("#entregables"+opc.posicion).val();
            var json = {idproceso:$("#idproceso").val(),categoria:categoria,repuesto:opc.data,entregable:entregable};
          }else {
            var ruta = `{{ path('reporteappenate_getDetalle2')}}?reporte_id=231`;
            $(".tipo_repuesto").attr("role-path",ruta);
            var json = {idproceso:$("#idproceso").val(),categoria:categoria,repuesto:opc.data};
          }
        }else{
            var json = {idproceso:$("#idproceso").val(),categoria:categoria};
        }
        $("#"+opc.element+opc.posicion).last().find('option:not("option[value=""]")').remove();
        $.ajax({
            url: opc.url,
            data: json,
            beforeSend: function () {
                $("#"+opc.element+opc.posicion).last().after('<img class="loading" width="16" src="{{asset('img/loading.GIF')}}" />');
            }
        }).done(function (data) {
            $(".loading").hide();
            var keys = Object.keys(data[0]);
            var id;
            var name;
            $.each(data, function (index, value) {
                id = value.id === undefined ? value[keys[0]] : value.id;
                name = value.name === undefined ? value[keys[1]] : value.name;
                $("#"+opc.element+opc.posicion).last().append('<option value=' + "'" + id + "'" + '>' + name + '</option>');
                if (opc.subelement !== undefined) {
                    $("#" + opc.subelement).append('<option value=' + "'" + value[opc.subelementField] + "'" + '>' + value[opc.subelementField] + '</option>');

                }
            });
        });
        $('.loading').remove();
    });
    $('form[name="rechazo"]').ajaxForm({
        beforeSubmit: function (formData, jqForm, options) {
            if ($("#tipoRechazo").val()==0){
                $.isLoading({
                    text:       "Guardando Comentario"
                });
            }else{
                $.isLoading({
                    text:       "Guardando Rechazo"
                });
            }

            // console.log($("#suministro_suministrobundle_recibopagodetalle_reciboPago").val());
        },
        error: function (error) {
            $.isLoading('hide');
        },
        success: function (responseText, statusText, xhr, $form) {
            $.isLoading('hide');
            swal("Acción Realizada", "You clicked the button!", "success");
            $("#modalRechazo").modal('hide');
            getReporte();
        }
    });
    $('form[name="formGestion"]').ajaxForm({
        beforeSubmit: function (formData, jqForm, options) {
            $.isLoading({
                text:       "Gestionando"
            });
            // console.log($("#suministro_suministrobundle_recibopagodetalle_reciboPago").val());
        },
        error: function (error) {
            $.isLoading('hide');
        },
        success: function (responseText, statusText, xhr, $form) {
            $.isLoading('hide');
            $("#modalGestion").modal('hide');
            swal("El Sitio Fue Gestionado", "You clicked the button!", "success");
            getReporte();
        }
    });
    $("#savePlan").click(function(){
        $("#savePlan").attr('disabled',true);
        $("#formValidacion").ajaxSubmit({
            beforeSubmit: function (formData, jqForm, options) {
                $.isLoading({
                    text:       "Validando"
                });
            },
            error: function (error) {
                swal(error.statusText,error.error, "error");
            },
            success: function (responseText, statusText, xhr, $form) {
                console.log(responseText, statusText);
                if (typeof responseText.error !== 'undefined') {
                    swal("ERROR",responseText.error, "error");
                    $.isLoading('hide');
                    return false;
                }
                $.isLoading('hide');
                //if (responseText.url!=undefined && responseText.url!='' && responseText.url!=''){
                if (responseText.url!=undefined){
                    $('#modalDetail').modal('hide');
                    swal("Información!", "Sitio Validado Correctamente", "success");
                    //swal({title: "Sitio Validado Correctamente", text: "", type: "success"},
                            //function () {
                            //});
                    window.open(responseText.url, '_blank');
                    getReporte();
                }else{
                    swal("ERROR","El Sitio no pudo ser validado", "error");
                }
            }
        });
        $("#savePlan").attr('disabled',false);
        //return false;
    });

    $("#savePlan1Nv").click(function(){
        $("#savePlan1Nv").attr('disabled',true);
        $("#formValidacion1Nv").ajaxSubmit({
            beforeSubmit: function (formData, jqForm, options) {
                $.isLoading({
                    text:       "Validando 1er. Nivel"
                });
            },
            error: function (error) {
                swal(error.statusText,error.error, "error");
            },
            success: function (responseText, statusText, xhr, $form) {
                console.log(responseText, statusText);
                if (typeof responseText.error !== 'undefined') {
                    swal("ERROR",responseText.error, "error");
                    $.isLoading('hide');
                    return false;
                }
                $.isLoading('hide');
                //if (responseText.url!=undefined && responseText.url!='' && responseText.url!=''){
                if (responseText.url!=undefined){
                    $('#modalDetail1nv').modal('hide');
                    swal("Información!", "Sitio Validado Correctamente", "success");
                    //swal({title: "Sitio Validado Correctamente", text: "", type: "success"},
                            //function () {
                            //});
                    window.open(responseText.url, '_blank');
                    getReporte();
                }else{
                    swal("ERROR","El Sitio no pudo ser validado", "error");
                }
            }
        });
        $("#savePlan1Nv").attr('disabled',false);
        //return false;
    });

   $(".openModal").live('click',function(){
        if($(this).hasClass('historial')){
            var idticket = $(this).attr('id');
            var idproceso = $("#idproceso").val();
            if (idproceso == 582 || idproceso == 583 || idproceso == 584) {
              reporteId = 674;
            }else {
              reporteId = 224;
            }
            $("#detalle").modal();
            $("#detalle .modal-body").empty();
            var data = {'ticket_id':idticket}
            let url = "{{ (path('reportvalidacioning_getViewDetalle', {'idproyectos': '{{idproyectos}}','idmodule': '{{idmodule}}','reporteId': 'DataReporteId'})) }}";
            url = url.replace("DataReporteId", reporteId);
            $.getJSON(url,data,function(data){
                $("#detalle .modal-body").html(createTableSimple(data.monitor));
            });
        }else{
            var idproceso = $("#idproceso").val();
            var idregion = $("#idregion").val();
            var tipo_detalle = $(this).attr('data');
            if (tipo_detalle=='rechazados' && $("#rechazado").text()==0){
                swal("Error!", "NO HAY SITIOS RECHAZADOS", "error");
                return false;
            }else if(tipo_detalle=='por_validar' && $("#porValidar").text()==0){
                swal("Error!", "NO HAY SITIOS POR VALIDAR", "error");
                return false;
            }else if(tipo_detalle=='validados' && $("#validado").text()==0){
                swal("Error!", "NO HAY SITIOS VALIDADOS", "error");
                return false;
            }
            if (idproceso ==96){//para gigared
                if (tipo_detalle=='rechazados'){
                    reporteId = 442;
                }else if (tipo_detalle=='por_validar'){
                    reporteId = 441;
                }else if (tipo_detalle=='validados'){
                    reporteId = 225;
                }
            }else if (idproceso == 582 || idproceso == 583 || idproceso == 584) {
              if (tipo_detalle=='rechazados'){
                  reporteId = 675;
              }else if (tipo_detalle=='por_validar'){
                  reporteId = 676;
              }else if (tipo_detalle=='validados'){
                  reporteId = 677;
              }
            }else{//para 5g
                if (tipo_detalle=='rechazados'){
                    reporteId = 438;
                }else if (tipo_detalle=='por_validar'){
                    reporteId = 439;
                }else if (tipo_detalle=='validados'){
                    reporteId = 440;
                }
            }
            $("#detalle").modal();
            $("#detalle .modal-body").empty();
            var data = {
                'idproceso':idproceso,
                'idregion':idregion
            }
            if($("#site").val()==" " || $("#site").val()==""){
                data['site'] = "s.codigo";
            }else{
                var idsite=$("#site").val().split(",");
                var idsites="'";
                for (var j=0;j<idsite.length;j++){
                    idsites=idsites+"'"+idsite[j]+"',";
                }
                data['site'] = idsites.substring(1, idsites.length-1);
            }
            let url = "{{ (path('reportvalidacioning_getViewDetalle', {'idproyectos': '{{idproyectos}}','idmodule': '{{idmodule}}','reporteId': 'DataReporteId'})) }}";
            url = url.replace("DataReporteId", reporteId);
            $.getJSON(url,data,function(data){
                $("#detalle .modal-body").html(createTableSimple(data.monitor));
            });

        }
    });
    $(".gestion").live('click',function(){
        var idticket = $(this).attr('id');
        $("#idticketGestion").val(idticket);
        $("#gestion").val("");
        $("#modalGestion").modal();
    });
    $(".validar").live('click',function(){
        var idticket = $(this).attr('id');
        var region = $(this).attr('region');
        $("#idticket").val(idticket);
        $("#region").val(region);
        $("#modalDetail").modal();
    });
    $(".validar1Nv").live('click',function(){
        var idticket = $(this).attr('id');
        var region = $(this).attr('region');
        $("#idticket1Nv").val(idticket);
        $("#region").val(region);
        $("#modalDetail1nv").modal();
    });
    /*$(".trash").live('click',function(){
        if ($("#contadorRechazos").val()>0){
            posicion = parseInt($("#contadorRechazos").val())-1;
            $("#contadorRechazos").val(posicion);
        }
        $(this).parent().parent().remove();
    });  */
    $(".trashPrimeraFila").hide();
    $(".rechazar").live('click',function(){
        $("#botonClonar").hide();
        $("#delete_archivo_rf").val('');
        $("#delete_archivo_construccion").val('');
        $("#delete_archivo_ingenieria").val('');
        $(".trashPrimeraFila").hide();
        $("#materialesContainer").hide();
        $(".cargando_comentarios").show();
        $("#modalRechazo").modal();
        $('.entregables').find('option').remove();
        $('.entregables').append('<option value=""></option>');
        $('.categoria').find('option').remove();
        $('.categoria').append('<option value=""></option>');
        $('.areaDocumentar').find('option').remove();
        $('.areaDocumentar').append('<option value=""></option>');
        $('.repuesto').find('option').remove();
        $('.repuesto').append('<option value=""></option>');
        $('.tipo_repuesto').find('option').remove();
        $('.tipo_repuesto').append('<option value=""></option>');
        var idticket = $(this).attr('id');
        var region = $(this).attr('region');
        $("#idticketRechazo").val(idticket);
        $("#regionRechazo").val(region);
        $(".filasRechazos").remove();
        //$("#materialesContainer .quitar").remove();
        $("#tipo_repuesto0").val('');
        $('.comentario').val("");
        var total_rf = 0;
        var total_cons = 0;
        var total_ing = 0;
        var data_comentario = {'ticket_id':idticket.replace('"','')}
        var idproceso = $('#idproceso').val();
        let url_comentario = "{{ (path('reportvalidacioning_getViewDetalle', {'idproyectos': '{{idproyectos}}','idmodule': '{{idmodule}}','reporteId': 451})) }}";
        $.ajax({
            url: url_comentario,
            dataType: 'json',
            data: data_comentario,
            async: true,
            success: function(data){
               if (data.monitor.length>0){
                    $(".trashPrimeraFila").show();
                    $.each(data.monitor, function(key, value) {
                        clone(key,value['categoria']+'|'+value['entregable_id'],value['area']);
                        if (idproceso==582 || idproceso==583 || idproceso==584) {
                          actListaDep('repuesto',key,679,value['categoria'],value['repuesto_id'],value['tipo'],value['entregables'],data.monitor.length);
                          actListaDep('tipo_repuesto',key,681,value['categoria'],value['tipo'],null,value['entregables'],data.monitor.length);
                        }else {
                          actListaDep('tipo_repuesto',key,230,value['categoria'],value['tipo'],null,null,data.monitor.length);
                          actListaDep('repuesto',key,231,value['categoria'],value['repuesto_id'],value['tipo'],null,data.monitor.length);
                        }
                        $("#comentario"+key).val(value['comentario']);
                        $("#idcomentario"+key).val(value['id']);
                        $("#contadorRechazos").val(key);
                        $("#archivo_rf").fileinput('clear');
                        $("#archivo_construccion").fileinput('clear');
                        $("#archivo_ingenieria").fileinput('clear');
                        $(".archivoRf").hide();
                        $(".archivoConstruccion").hide();
                        $(".archivoIngenieria").hide();
                        console.log(value['area']);
                        if (value['area']==68){
                            total_rf++;
                        }
                        if (value['area']==69){
                             total_cons++;
                        }
                        if (value['area']==70){
                            total_ing++;
                        }
                        if (value['archivo_rf']!=""){
                            var archivo = value['archivo_rf'];
                            var tipo_archivo = TipoArchivo(archivo.split("."));
                            $(".archivoRf").show();
                            var url1 = '/site/web/AdjuntosRechazosMx/'+value['archivo_rf'];
                            $("#archivo_rf").fileinput('refresh',{
                                initialPreview:["<pre title='"+url1+"'  style='width:160px;height:136px;' class='file-preview-text'><img src='/site/web/images/iconos_adjuntar/"+tipo_archivo+"'></pre><a href='/site/web/AdjuntosRechazosMx/"+value['archivo_rf']+"' target='_blank'><i class='glyphicon glyphicon-zoom-in'></i></a>"],
                                initialPreviewAsData: true,
                                initialCaption: value['archivo_rf'],
                                initialPreviewConfig:  { caption: value['archivo_rf'], downloadUrl: url1, filename: value['archivo_rf'],width: "120px" } ,
                            });
                            $("#editar_archivo_rf").val(archivo);
                            $("#editar_size_archivo_rf").val(value['size_archivo_rf']);
                        }
                        if (value['archivo_construccion']!=""){
                            var archivo_construccion = value['archivo_construccion'];
                            var tipo_archivo_construccion = TipoArchivo(archivo_construccion.split("."));
                            $(".archivoConstruccion").show();
                            var urlc = '/site/web/AdjuntosRechazosMx/'+value['archivo_construccion'];
                            $("#archivo_construccion").fileinput('refresh',{
                                initialPreview:["<pre title='"+urlc+"'  style='width:160px;height:136px;' class='file-preview-text'><img src='/site/web/images/iconos_adjuntar/"+tipo_archivo_construccion+"'></pre><a href='/site/web/AdjuntosRechazosMx/"+value['archivo_construccion']+"' target='_blank'><i class='glyphicon glyphicon-zoom-in'></i></a>"],
                                initialPreviewAsData: true,
                                initialCaption: value['archivo_construccion'],
                                initialPreviewConfig:  { caption: value['archivo_construccion'], downloadUrl: urlc, filename: value['archivo_construccion'],width: "120px" } ,
                            });
                            $("#editar_archivo_construccion").val(archivo_construccion);
                            $("#editar_size_archivo_construccion").val(value['size_archivo_construccion']);
                        }
                        if (value['archivo_ingenieria']!=""){
                            var archivo_ingenieria = value['archivo_ingenieria'];
                            var tipo_archivo_ingenieria = TipoArchivo(archivo_ingenieria.split("."));
                            $(".archivoIngenieria").show();
                            var urli = '/site/web/AdjuntosRechazosMx/'+value['archivo_ingenieria'];
                            $("#archivo_ingenieria").fileinput('refresh',{
                                initialPreview:["<pre title='"+urli+"'  style='width:160px;height:136px;' class='file-preview-text'><img src='/site/web/images/iconos_adjuntar/"+tipo_archivo_ingenieria+"'></pre><a href='/site/web/AdjuntosRechazosMx/"+value['archivo_ingenieria']+"' target='_blank'><i class='glyphicon glyphicon-zoom-in'></i></a>"],
                                initialPreviewAsData: true,
                                initialCaption: value['archivo_ingenieria'],
                                initialPreviewConfig:  { caption: value['archivo_ingenieria'], downloadUrl: urli, filename: value['archivo_ingenieria'],width: "120px" } ,
                            });
                            $("#editar_archivo_ingenieria").val(archivo_ingenieria);
                            $("#editar_size_archivo_ingenieria").val(value['size_archivo_ingenieria']);
                        }
                    });
                    if (total_rf>0){
                        $(".archivoRf").show();
                    }
                    if (total_cons>0){
                        $(".archivoConstruccion").show();
                    }
                    if (total_ing){
                        $(".archivoIngenieria").show();
                    }
                    $(".cargando_comentarios").hide();
                    $("#materialesContainer").show();
                }else{
                    $(".cargando_comentarios").hide();
                    $("#materialesContainer").show();
                    $("#archivo_rf").fileinput('clear');
                    $("#archivo_construccion").fileinput('clear');
                    $("#archivo_ingenieria").fileinput('clear');
                    $(".archivoRf").hide();
                    $(".archivoConstruccion").hide();
                    $(".archivoIngenieria").hide();
                    console.log('no existe');
                    clone(0,null,null);
                    $('.entregables').find('option').remove();
                    $('.entregables').append('<option value=""></option>');
                    $('.categoria').find('option').remove();
                    $('.categoria').append('<option value=""></option>');
                    $('.areaDocumentar').find('option').remove();
                    $('.areaDocumentar').append('<option value=""></option>');
                    $('.repuesto').find('option').remove();
                    $('.repuesto').append('<option value=""></option>');
                    $('.tipo_repuesto').find('option').remove();
                    $('.tipo_repuesto').append('<option value=""></option>');

                }
            }
        });
        $("#botonClonar").show();
        var idproceso = $('#idproceso').val();
        if (idproceso==582 || idproceso==583 || idproceso==584) {
          $(".divEntre").show();
        }else {
          $(".divEntre").hide();
        }
    });

    /*$(".trashPrimeraFila1Nv").hide();
    $(".rechazar1Nv").live('click',function(){
        $("#botonClonar1Nv").hide();
        $("#delete_archivo_rf1nv").val('');
        $("#delete_archivo_construccion1nv").val('');
        $("#delete_archivo_ingenieria1nv").val('');
        $(".trashPrimeraFila1nv").hide();
        $("#materialesContainer1nv").hide();
        $(".cargando_comentarios1Nv").show();
        $("#modalRechazo1Nv").modal();
        $('.categoria1Nv').find('option').remove();
        $('.categoria1Nv').append('<option value=""></option>');
        $('.areaDocumentar1Nv').find('option').remove();
        $('.areaDocumentar1Nv').append('<option value=""></option>');
        $('.repuesto1Nv').find('option').remove();
        $('.repuesto1Nv').append('<option value=""></option>');
        $('.tipo_repuesto1Nv').find('option').remove();
        $('.tipo_repuesto1Nv').append('<option value=""></option>');
        var idticket = $(this).attr('id');
        var region = $(this).attr('region');
        $("#idticketRechazo1nv").val(idticket);
        $("#regionRechazo1nv").val(region);
        $(".filasRechazos1Nv").remove();
        //$("#materialesContainer .quitar").remove();
        $("#tipo_repuesto01Nv").val('');
        $('.comentario1Nv').val("");
        var total_rf = 0;
        var total_cons = 0;
        var total_ing = 0;
        var data_comentario = {'ticket_id':idticket.replace('"','')}
        let url_comentario = "{{ (path('reportvalidacioning_getViewDetalle', {'idproyectos': '{{idproyectos}}','idmodule': '{{idmodule}}','reporteId': 451})) }}";
        $.ajax({
            url: url_comentario,
            dataType: 'json',
            data: data_comentario,
            async: true,
            success: function(data){
               if (data.monitor.length>0){
                    $(".trashPrimeraFila1Nv").show();
                    $.each(data.monitor, function(key, value) {
                        clone(key,value['categoria'],value['area']);
                        actListaDep('tipo_repuesto',key,230,value['categoria'],value['tipo'],null,data.monitor.length);
                        actListaDep('repuesto',key,231,value['categoria'],value['repuesto_id'],value['tipo'],data.monitor.length);
                        $("#comentario1Nv"+key).val(value['comentario']);
                        $("#idcomentario1Nv"+key).val(value['id']);
                        $("#contadorRechazos1Nv").val(key);
                        $("#archivo_rf1Nv").fileinput('clear');
                        $("#archivo_construccion1Nv").fileinput('clear');
                        $("#archivo_ingenieria1Nv").fileinput('clear');
                        $(".archivo_rf1Nv").hide();
                        $(".archivo_construccion1Nv").hide();
                        $(".archivo_ingenieria1Nv").hide();
                        console.log(value['area']);
                        if (value['area']==68){
                            total_rf++;
                        }
                        if (value['area']==69){
                             total_cons++;
                        }
                        if (value['area']==70){
                            total_ing++;
                        }
                        if (value['archivo_rf']!=""){
                            var archivo = value['archivo_rf'];
                            var tipo_archivo = TipoArchivo(archivo.split("."));
                            $(".archivoRf1Nv").show();
                            var url1 = '/site/web/AdjuntosRechazosMx/'+value['archivo_rf'];
                            $("#archivo_rf1Nv").fileinput('refresh',{
                                initialPreview:["<pre title='"+url1+"'  style='width:160px;height:136px;' class='file-preview-text'><img src='/site/web/images/iconos_adjuntar/"+tipo_archivo+"'></pre><a href='/site/web/AdjuntosRechazosMx/"+value['archivo_rf']+"' target='_blank'><i class='glyphicon glyphicon-zoom-in'></i></a>"],
                                initialPreviewAsData: true,
                                initialCaption: value['archivo_rf'],
                                initialPreviewConfig:  { caption: value['archivo_rf'], downloadUrl: url1, filename: value['archivo_rf'],width: "120px" } ,
                            });
                            $("#editar_archivo_rf1nv").val(archivo);
                            $("#editar_size_archivo_rf1nv").val(value['size_archivo_rf']);
                        }
                        if (value['archivo_construccion']!=""){
                            var archivo_construccion = value['archivo_construccion'];
                            var tipo_archivo_construccion = TipoArchivo(archivo_construccion.split("."));
                            $(".archivoConstruccion1Nv").show();
                            var urlc = '/site/web/AdjuntosRechazosMx/'+value['archivo_construccion'];
                            $("#archivo_construccion1Nv").fileinput('refresh',{
                                initialPreview:["<pre title='"+urlc+"'  style='width:160px;height:136px;' class='file-preview-text'><img src='/site/web/images/iconos_adjuntar/"+tipo_archivo_construccion+"'></pre><a href='/site/web/AdjuntosRechazosMx/"+value['archivo_construccion']+"' target='_blank'><i class='glyphicon glyphicon-zoom-in'></i></a>"],
                                initialPreviewAsData: true,
                                initialCaption: value['archivo_construccion'],
                                initialPreviewConfig:  { caption: value['archivo_construccion'], downloadUrl: urlc, filename: value['archivo_construccion'],width: "120px" } ,
                            });
                            $("#editar_archivo_construccion1nv").val(archivo_construccion);
                            $("#editar_size_archivo_construccion1nv").val(value['size_archivo_construccion']);
                        }
                        if (value['archivo_ingenieria']!=""){
                            var archivo_ingenieria = value['archivo_ingenieria'];
                            var tipo_archivo_ingenieria = TipoArchivo(archivo_ingenieria.split("."));
                            $(".archivoIngenieria1Nv").show();
                            var urli = '/site/web/AdjuntosRechazosMx/'+value['archivo_ingenieria'];
                            $("#archivo_ingenieria1Nv").fileinput('refresh',{
                                initialPreview:["<pre title='"+urli+"'  style='width:160px;height:136px;' class='file-preview-text'><img src='/site/web/images/iconos_adjuntar/"+tipo_archivo_ingenieria+"'></pre><a href='/site/web/AdjuntosRechazosMx/"+value['archivo_ingenieria']+"' target='_blank'><i class='glyphicon glyphicon-zoom-in'></i></a>"],
                                initialPreviewAsData: true,
                                initialCaption: value['archivo_ingenieria'],
                                initialPreviewConfig:  { caption: value['archivo_ingenieria'], downloadUrl: urli, filename: value['archivo_ingenieria'],width: "120px" } ,
                            });
                            $("#editar_archivo_ingenieria1nv").val(archivo_ingenieria);
                            $("#editar_size_archivo_ingenieria1nv").val(value['size_archivo_ingenieria']);
                        }
                    });
                    if (total_rf>0){
                        $(".archivoRf1Nv").show();
                    }
                    if (total_cons>0){
                        $(".archivoConstruccion1Nv").show();
                    }
                    if (total_ing){
                        $(".archivoIngenieria1Nv").show();
                    }
                    $(".cargando_comentarios1Nv").hide();
                    $("#materialesContainer1Nv").show();
                }else{
                    $(".cargando_comentarios1Nv").hide();
                    $("#materialesContainer1Nv").show();
                    $("#archivo_rf1Nv").fileinput('clear');
                    $("#archivo_construccion1Nv").fileinput('clear');
                    $("#archivo_ingenieria1Nv").fileinput('clear');
                    $(".archivoRf1Nv").hide();
                    $(".archivoConstruccion1Nv").hide();
                    $(".archivoIngenieria1Nv").hide();
                    console.log('no existe');
                    clone(0,null,null);
                    $('.categoria1Nv').find('option').remove();
                    $('.categoria1Nv').append('<option value=""></option>');
                    $('.areaDocumentar1Nv').find('option').remove();
                    $('.areaDocumentar1Nv').append('<option value=""></option>');
                    $('.repuesto1Nv').find('option').remove();
                    $('.repuesto1Nv').append('<option value=""></option>');
                    $('.tipo_repuesto1Nv').find('option').remove();
                    $('.tipo_repuesto1Nv').append('<option value=""></option>');

                }
            }
        });
        $("#botonClonar1Nv").show();
    });*/

    $(".archivoRf .fileinput-remove-button").live('click',function(){
        console.log("borrar archivo rf");
        $("#delete_archivo_rf").val('si');
        $("#editar_size_archivo_rf").val(0);
    });
    $(".archivoRf .fileinput-remove").live('click',function(){
        console.log("borrar archivo rf");
        $("#delete_archivo_rf").val('si');
        $("#editar_size_archivo_rf").val(0);
    });
    $(".archivoConstruccion .fileinput-remove-button").live('click',function(){
        console.log("borrar archivo Construcción");
        $("#delete_archivo_construccion").val('si');
        $("#editar_size_archivo_construccion").val(0);
    });
     $(".archivoConstruccion .fileinput-remove").live('click',function(){
        console.log("borrar archivo Construcción");
        $("#delete_archivo_construccion").val('si');
        $("#editar_size_archivo_construccion").val(0);
    });
    $(".archivoIngenieria .fileinput-remove-button").live('click',function(){
        console.log("borrar archivo Ingenieria");
        $("#delete_archivo_ingenieria").val('si');
        $("#editar_size_archivo_ingenieria").val(0);
    });
    $(".archivoIngenieria .fileinput-remove").live('click',function(){
        console.log("borrar archivo Ingenieria");
        $("#delete_archivo_ingenieria").val('si');
        $("#editar_size_archivo_ingenieria").val(0);
    });
    //boton de rechazar
    $( "#saveRechazo" ).click(function() {
        $("#contadorRechazos").val(0);
        $("#tipoRechazo").val(1); //rechazo
        var campos_blanco = false;
        //$('#formularioRechazo  textarea, select').each(
        $('#formularioRechazo textarea[name="comentario[]"],select[name="categoria[]"],select[name="tipo_repuesto[]"],select[name="repuesto[]"],select[name="areaDocumentar[]"]').each(
            function(index){
                var input = $(this);
                //console.log(input,index,input.val());
                //if (index>=4){
                    if (input.val()==""){
                        campos_blanco = true;
                    }

                //}
            }
        );
        if (campos_blanco){
            swal("Error!", "Debe ingresar todos los campos", "error");
        }
        else{
            var sizeAcumulado = 0;
            var archivo_rf = document.getElementById("archivo_rf");
            if (archivo_rf.files[0]!=undefined){
                if (archivo_rf.files[0].size!=""){
                    sizeAcumulado = sizeAcumulado + parseInt(archivo_rf.files[0].size/1024);
                }
            }else{
                if ($("#editar_size_archivo_rf").val()!=""){
                    sizeAcumulado = sizeAcumulado + parseInt($("#editar_size_archivo_rf").val());
                }
            }
            console.log('con rf',sizeAcumulado);
            var archivo_construccion = document.getElementById("archivo_construccion");
            if (archivo_construccion.files[0]!=undefined){
                if (archivo_construccion.files[0].size!=""){
                    sizeAcumulado = sizeAcumulado + parseInt(archivo_construccion.files[0].size/1024);
                }
            }else{
                if ($("#editar_size_archivo_construccion").val()!=""){
                    sizeAcumulado = sizeAcumulado + parseInt($("#editar_size_archivo_construccion").val());
                }
            }
            console.log('con construccion',sizeAcumulado);
            var archivo_ingenieria = document.getElementById("archivo_ingenieria");
            if (archivo_ingenieria.files[0]!=undefined){
                if (archivo_ingenieria.files[0].size!=""){
                    sizeAcumulado = sizeAcumulado + parseInt(archivo_ingenieria.files[0].size/1024);
                }
            }else{
                if ($("#editar_size_archivo_ingenieria").val()!=""){
                    sizeAcumulado = sizeAcumulado + parseInt($("#editar_size_archivo_ingenieria").val());
                }
            }
            if (parseInt(sizeAcumulado)>=1300){
                swal("Error!", "El máximo permitido para subir archivos es de 1300KB", "error");
                return false;
            }
            $("#formularioRechazo").submit();
            //getReporte();
        }
    });
    //boton de comentar
    $( "#saveComentario" ).click(function() {
        $("#contadorRechazos").val(0);
        $("#tipoRechazo").val(0);
        var campos_blanco = false;
        //$('#formularioRechazo  textarea, select').each(
        $('#formularioRechazo textarea[name="comentario[]"],select[name="categoria[]"],select[name="tipo_repuesto[]"],select[name="repuesto[]"],select[name="areaDocumentar[]"]').each(
            function(index){
                var input = $(this);
                //console.log(input,index,input.val());
                //if (index>=4){
                    if (input.val()==""){
                        campos_blanco = true;
                    }

                //}
            }
        );
        if (campos_blanco){
            swal("Error!", "Debe ingresar todos los campos", "error");
        }
        else{
            var sizeAcumulado = 0;
            var archivo_rf = document.getElementById("archivo_rf");
            if (archivo_rf.files[0]!=undefined){
                if (archivo_rf.files[0].size!=""){
                    sizeAcumulado = sizeAcumulado + parseInt(archivo_rf.files[0].size/1024);
                }
            }else{
                if ($("#editar_size_archivo_rf").val()!=""){
                    sizeAcumulado = sizeAcumulado + parseInt($("#editar_size_archivo_rf").val());
                }
            }
            console.log('con rf',sizeAcumulado);
            var archivo_construccion = document.getElementById("archivo_construccion");
            if (archivo_construccion.files[0]!=undefined){
                if (archivo_construccion.files[0].size!=""){
                    sizeAcumulado = sizeAcumulado + parseInt(archivo_construccion.files[0].size/1024);
                }
            }else{
                if ($("#editar_size_archivo_construccion").val()!=""){
                    sizeAcumulado = sizeAcumulado + parseInt($("#editar_size_archivo_construccion").val());
                }
            }
            console.log('con construccion',sizeAcumulado);
            var archivo_ingenieria = document.getElementById("archivo_ingenieria");
            if (archivo_ingenieria.files[0]!=undefined){
                if (archivo_ingenieria.files[0].size!=""){
                    sizeAcumulado = sizeAcumulado + parseInt(archivo_ingenieria.files[0].size/1024);
                }
            }else{
                if ($("#editar_size_archivo_ingenieria").val()!=""){
                    sizeAcumulado = sizeAcumulado + parseInt($("#editar_size_archivo_ingenieria").val());
                }
            }
            if (parseInt(sizeAcumulado)>=1300){
                swal("Error!", "El máximo permitido para subir archivos es de 1300KB", "error");
                return false;
            }
            console.log('con Ingenieria',sizeAcumulado);
            console.log('paso la validacion se almacena');
            $("#formularioRechazo").submit();
            //getReporte();
        }

    });
    //////////////
    $("#export").click(function(){
        $("#formExport").submit();
        return false;
    });
    $("#export5g").click(function(){
        if ($("#idproceso").val()==161){//Gigared F7
            $("#idReporte").val(842);
        }else if ($("#idproceso").val()==155){//5G
            $("#idReporte").val(736);
        }else if ($("#idproceso").val()==506){//5G SWAP
            $("#idReporte").val(914);
         }else if ($("#idproceso").val()==658){//NEW SITES
            $("#idReporte").val(992);
         }
        $("#formExport5g").submit();
        return false;
    });
    $("#exportIbs").click(function(){
    //$(document).on("click", ".exportIbs", function () {
        if ($("#idproceso").val()==582){//IBS E2E
            $("#idReporte").val(961);
        }else if ($("#idproceso").val()==583){//IBS MODERNIZACION
            $("#idReporte").val(962);
        }else if ($("#idproceso").val()==584){//IBS 5G MODERNIZACION
            $("#idReporte").val(963);
         }
        $("#formExportIbs").submit();
        return false;
    });
    var intervalTime = null;
    $("#autoload").click(function(){
        var time = parseInt($("#time").val());
        if($(this).prop('checked')){
            intervalTime  =  window.setInterval(getReporte, time);
        }else{
            clearInterval(intervalTime);
        }
    });
    function intervalReport(fun,time){

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

    $("#type").change(function(){
        if($(this).val() == 1){
            $("#chart1").show();
            $("#chart3").hide();
        }else{
            $("#chart1").hide();
            $("#chart3").show();
        }
    });
    var starYear = 2017;
    var d = new Date();
    var year = d.getFullYear();
    var month = new Array();
    $(".checklist").live('click', function () {
        window.location.href = $(this).attr('href');
    });
    for(var i=starYear; year >= i;i++ )
    {
        $('#ano').append($("<option/>", {
            value: i,
            text: i
        }));
    }
    month[0] = "January";
    month[1] = "February";
    month[2] = "March";
    month[3] = "April";
    month[4] = "May";
    month[5] = "June";
    month[6] = "July";
    month[7] = "August";
    month[8] = "September";
    month[9] = "October";
    month[10] = "November";
    month[11] = "December";
    var n = month[d.getMonth()];
    var options = new Array();
    for(var i=0;i<month.length;i++){
        if(i <=  d.getMonth()){
            $('#mes').append($("<option/>", {
                value: i + 1,
                text: month[i]
            }));
        }
    }
    $("#ano").change(function(){
        var yearSelected = parseInt($(this).val());
        var semana = ISO8601_week_no(new Date());
        $('#mes').empty();
        for(var i=0;i<month.length;i++) {
            if (yearSelected < year) {
                $('#mes').append($("<option/>", {
                    value: i + 1,
                    text: month[i]
                }));
            }else if(i <=  d.getMonth()){
                $('#mes').append($("<option/>", {
                    value: i + 1,
                    text: month[i]
                }));
            }
        }
        $('#semana').empty();
        if (yearSelected < year) {
            var semana = 52;
            for(var i=semana;i>=1;i--){
                $('#semana').append($("<option/>", {
                    value: i,
                    text: i
                }));
            }
        }else{
            for(var i=semana;i>=1;i--){
                $('#semana').append($("<option/>", {
                    value: i,
                    text: i
                }));
            }
        }
    });
    $("#tipoBusqueda").on('change load',function(){
        $(this).val() == 'mes' ? $("#mes").removeAttr('class','hide'):$("#mes").addClass('hide');
        $(this).val() == 'semana' ? $("#semana").removeAttr('class','hide'):$("#semana").addClass('hide');
        $(this).val() == 'dia' ? $("#dia").removeClass('hide'):$("#dia").addClass('hide');
    });
    $("#generar").click(function(){
        $.isLoading({
            text:       "Loading, Please Wait..."
        });
        getReporte();
    });
    $(".activar_ota_por_validar").click(function(){
      var idestadoV = 3309;
      $("#idestado").val(idestadoV);
      var idestado = 3313;
      $("#idestadoRechazo").val(idestado);
        if ($("#total_monitor").val()>0){
            $(".pager_otas_por_validar").show();
            var pagerOptions1 = {
                container: $(".pager"),
                output: 'Rows : {endRow}',
                fixedHeight: false,
                removeRows: true,
                cssGoto: '.gotoPage'
            };
            $(".table2").tablesorter({
                theme: 'blue',
                widgets: ["zebra", "filter"],
                widgetOptions: {
                    filter_cssFilter: '',
                    filter_childRows: false,
                    filter_hideFilters: false,
                    filter_ignoreCase: true,
                    filter_reset: '.reset',
                    filter_saveFilters: true
                }
            }).tablesorterPager(pagerOptions1);
            $(".pager").show();
        }else{
            $(".pager_otas_por_validar").hide();
        }
    });
    $(".activar_ota_validadas").click(function(){
        if ($("#total_monitor_validadas").val()>0){
            $(".pager_otas_validadas").show();
            var pagerOptions2 = {
                container: $(".pager"),
                output: 'Rows : {endRow}',
                fixedHeight: false,
                removeRows: true,
                cssGoto: '.gotoPage'
            };
            $(".table3").tablesorter({
                theme: 'blue',
                widgets: ["zebra", "filter"],
                widgetOptions: {
                    filter_cssFilter: '',
                    filter_childRows: false,
                    filter_hideFilters: false,
                    filter_ignoreCase: true,
                    filter_reset: '.reset',
                    filter_saveFilters: true
                }
            }).tablesorterPager(pagerOptions2);
            $(".pager").show();
        }else{
            $(".pager_otas_validadas").hide();
        }
    });
    $(".activar_ibs_1erNv").click(function(){
      var idestado = 3350;
      $("#idestadoRechazo").val(idestado);
        if ($("#total_monitor_ibs_1erNv").val()>0){
            $(".pager_ibs_1erNv").show();
            var pagerOptions4 = {
                container: $(".pager"),
                output: 'Rows : {endRow}',
                fixedHeight: false,
                removeRows: true,
                cssGoto: '.gotoPage'
            };
            $(".table5").tablesorter({
                theme: 'blue',
                widgets: ["zebra", "filter"],
                widgetOptions: {
                    filter_cssFilter: '',
                    filter_childRows: false,
                    filter_hideFilters: false,
                    filter_ignoreCase: true,
                    filter_reset: '.reset',
                    filter_saveFilters: true
                }
            }).tablesorterPager(pagerOptions4);
            $(".pager").show();
        }else{
            $(".pager_ibs_1erNv").hide();
        }
    });
    $(".activar_ibs_validados").click(function(){
        if ($("#total_monitor_ibs_validados").val()>0){
            $(".pager_ibs_validados").show();
            var pagerOptions5 = {
                container: $(".pager"),
                output: 'Rows : {endRow}',
                fixedHeight: false,
                removeRows: true,
                cssGoto: '.gotoPage'
            };
            $(".table6").tablesorter({
                theme: 'blue',
                widgets: ["zebra", "filter"],
                widgetOptions: {
                    filter_cssFilter: '',
                    filter_childRows: false,
                    filter_hideFilters: false,
                    filter_ignoreCase: true,
                    filter_reset: '.reset',
                    filter_saveFilters: true
                }
            }).tablesorterPager(pagerOptions5);
            $(".pager").show();
        }else{
            $(".pager_ibs_validados").hide();
        }
    });
    $(".activar_ibs_2doNv").click(function(){
      var idestadoV = 3352;
      $("#idestado").val(idestadoV);
      var idestado = 3351;
      $("#idestadoRechazo").val(idestado);
        if ($("#total_monitor_ibs_2doNv").val()>0){
            $(".pager_ibs_2doNv").show();
            var pagerOptions6 = {
                container: $(".pager"),
                output: 'Rows : {endRow}',
                fixedHeight: false,
                removeRows: true,
                cssGoto: '.gotoPage'
            };
            $(".table7").tablesorter({
                theme: 'blue',
                widgets: ["zebra", "filter"],
                widgetOptions: {
                    filter_cssFilter: '',
                    filter_childRows: false,
                    filter_hideFilters: false,
                    filter_ignoreCase: true,
                    filter_reset: '.reset',
                    filter_saveFilters: true
                }
            }).tablesorterPager(pagerOptions6);
            $(".pager").show();
        }else{
            $(".pager_ibs_2doNv").hide();
        }
    });
    $(".activar_colo").click(function(){
        if ($("#total_monitor_colo").val()>0){
            $(".pager_colo").show();
            var pagerOptions3 = {
                container: $(".pager"),
                output: 'Rows : {endRow}',
                fixedHeight: false,
                removeRows: true,
                cssGoto: '.gotoPage'
            };
            $(".table4").tablesorter({
                theme: 'blue',
                widgets: ["zebra", "filter"],
                widgetOptions: {
                    filter_cssFilter: '',
                    filter_childRows: false,
                    filter_hideFilters: false,
                    filter_ignoreCase: true,
                    filter_reset: '.reset',
                    filter_saveFilters: true
                }
            }).tablesorterPager(pagerOptions3);
            $(".pager").show();
        }else{
            $(".pager_colo").hide();
        }
    });

    ///Check All///
    $('#marcador').click(function(){
      if($(this).prop('checked') == true)
      {
        $('input.get_value').prop('checked',true);
        //update1();
      }
      else
      {
        $('input.get_value').prop('checked',false);
        //update0();
      }
    });

    ///Check All///
    $('#marcadorIbs').click(function(){
      if($(this).prop('checked') == true)
      {
        $('input.get_valueIbs').prop('checked',true);
        //update1();
      }
      else
      {
        $('input.get_valueIbs').prop('checked',false);
        //update0();
      }
    });

    $(document).ready(function() {
      $('#descargar').click(function(){

        var selected = '';
        $('#formCheck input[type=checkbox]').each(function(){
            if (this.checked) {
                selected += $(this).val()+',';
            }
        });
        selected = selected.substring(0, selected.length - 1);
        var arreglo = selected.split(",");
        //alert(selected);
        $.ajax({
        url: '{{ path('reportAmx_descargaEntregablesMasiva') }}',
        type: "POST",
        data: {arreglo: arreglo},
        success: function(response){
          //reporteBateria();
        }
        }).done(function (json) {


        });
      });
    });

    $(document).ready(function() {
      $('#descargar2Ibs').click(function(){

        var selected = '';
        $('#formCheckIbs input[type=checkbox]').each(function(){
            if (this.checked) {
                selected += $(this).val()+',';
            }
        });
        selected = selected.substring(0, selected.length - 1);
        var arreglo = selected.split(",");
        //alert(selected);
        $.ajax({
        url: '{{ path('reportAmx_descargaEntregablesMasiva') }}',
        type: "POST",
        data: {arreglo: arreglo},
        success: function(response){
          //reporteBateria();
        }
        }).done(function (json) {


        });
      });
    });

    $(document).ready(function() {
    $(document).on('change', '[name="selected[]"]', function() {

          var selected = '';
          $('#formCheck input[type=checkbox]').each(function(){
              if (this.checked) {
                  selected += $(this).val()+',';
              }
          });
          selected = selected.substring(0, selected.length - 1);
          var arreglo = selected.split(",");
          //var arreglo = "Adecuaciones_Civiles_AG8937_1p12c5A3F_HzHgNLrEY2NP0FBhnCRibrs,Adecuaciones_Civiles_AG8937_1AzMgr9lrTIq_QxwunkNC5rzjs35thedS,Adecuaciones_Civiles_DF3885_11KfVScLWaK2mQm_sfe2pqRgpxsAg6xkr,Adecuaciones_Civiles_SO1953_12olLHfZYqihqfOYGACjtgrrlX7PLEpI9";
          var action = "{{ path('reportAmx_descargaEntregablesMasiva') }}"; // ,{'idproyectos':235,'idmodule':369}
          var target = "_blank";
          var method = "POST";

          $('#formCheck').attr("action",action);
          $('#formCheck').attr("target",target);
          $('#formCheck').attr("method",method);

          $('#parm').attr("value",arreglo);
      });
    });

    $(document).ready(function() {
    $(document).on('change', '[name="selectedIbs[]"]', function() {

          var selected = '';
          $('#formCheckIbs input[type=checkbox]').each(function(){
              if (this.checked) {
                  selected += $(this).val()+',';
              }
          });
          selected = selected.substring(0, selected.length - 1);
          var arreglo = selected.split(",");
          //var arreglo = "Adecuaciones_Civiles_AG8937_1p12c5A3F_HzHgNLrEY2NP0FBhnCRibrs,Adecuaciones_Civiles_AG8937_1AzMgr9lrTIq_QxwunkNC5rzjs35thedS,Adecuaciones_Civiles_DF3885_11KfVScLWaK2mQm_sfe2pqRgpxsAg6xkr,Adecuaciones_Civiles_SO1953_12olLHfZYqihqfOYGACjtgrrlX7PLEpI9";
          var action = "{{ path('reportAmx_descargaEntregablesMasiva') }}"; // ,{'idproyectos':235,'idmodule':369}
          var target = "_blank";
          var method = "POST";

          $('#formCheckIbs').attr("action",action);
          $('#formCheckIbs').attr("target",target);
          $('#formCheckIbs').attr("method",method);

          $('#parmIbs').attr("value",arreglo);
      });
    });

    $("#botonClonar").click(function(){
        var campos_blanco = false;
        $('#formularioRechazo textarea[name="comentario[]"],select[name="categoria[]"],select[name="tipo_repuesto[]"],select[name="repuesto[]"],select[name="areaDocumentar[]"]').each(
            function(index){
                var input = $(this);
                //console.log(input,index,input.val());
                //if (index>=4){
                    if (input.val()==""){
                        campos_blanco = true;
                    }
                //}
            }
        );
        if (campos_blanco){
            swal("Error!", "Debe ingresar todos los campos, para agregar uno nuevo", "error");
        }
        else{
            $("#botonClonar").addClass('isDisabled');
            clone(null,null,null);
            $("#botonClonar").removeClass('isDisabled');
        }
    });
    $(".archivoRf").hide();
    $(".archivoConstruccion").hide();
    $(".archivoIngenieria").hide();
    $('.areaDocumentar').live('change',function () {
        validarArchivosArea();
    });
    //accion boton por validar en otas validadas
    $(".btn_por_validar").live('click',function(){
        var idticket = $(this).attr('id').replace('"','');
        console.log(idticket);
        var data = {'idticket':idticket};
        var url= '{{ path('reportvalidacioning_porValidar',{'idproyectos':idproyectos} ) }}';
        $.ajax({
            url: url,
            dataType: 'json',
            data: data,
            async: true,
            success: function(data){
               if (data.respuesta=='ok'){
                    swal("Información!", "Cambio de estatus exitoso", "success");
                    getReporte();
               }else{
                    swal("Error!", "No se pudo cambiar el estatus", "error");
               }
            }
        });
    })
});
function TipoArchivo(arreglo){
    switch (arreglo['1']) {
      case 'pdf':
        return "pdf.png";
        break;
      case 'xlsx':
        return "xlsx.png";
        break;
      case 'xls':
        return "xlsx.png";
        break;
      case 'doc':
        return "doc.png";
        break;
      case 'docx':
        return "doc.png";
        break;
      case 'odt':
        return "doc.png";
        break;
      case 'jpg':
        return "imagen.png";
        break;
      case 'png':
        return "imagen.png";
        break;
      default:
        return "document.png";
    }
}
function validarArchivosArea(){
    console.log("validar archivos");
    $(".archivoRf").hide();
    $(".archivoConstruccion").hide();
    $(".archivoIngenieria").hide();
    var vacios = 0;
    var total = 0;
    var total_rf = 0;
    var total_cons = 0;
    var total_ing = 0;
    //console.log('inician total_rf',total_rf,'total_cons',total_cons,'total_ing',total_ing,'vacoos',vacios,'total',total);
    $('select[name="areaDocumentar[]"]').each(function(index,value) {
        total++;
        console.log("select area",$(this).val());
        if ($(this).val()==68){
            total_rf++;
        }
        if ($(this).val()==69){
            total_cons++;
        }
        if ($(this).val()==70){
            total_ing++;
        }
        if ($(this).val()==""){
            vacios++;
        }
    });
    //console.log('total_rf',total_rf,'total_cons',total_cons,'total_ing',total_ing,'vacoos',vacios,'total',total);
    if (total_rf>0){
        $(".archivoRf").show();
    }else if (total_rf==0){
        $("#archivo_rf").fileinput('clear');
        $(".archivoRf").hide();
        $("#editar_archivo_rf").val('');
        $("#editar_size_archivo_rf").val(0);
    }
    if (total_cons>0){
        $(".archivoConstruccion").show();
    }else if (total_cons==0){
        $("#archivo_construccion").fileinput('clear');
        $(".archivoConstruccion").hide();
        $("#editar_archivo_construccion").val('');
        $("#editar_size_archivo_construccion").val(0);
    }
    if (total_ing>0){
        $(".archivoIngenieria").show();
    }else if (total_ing==0){
        $("#archivo_ingenieria").fileinput('clear');
        $(".archivoIngenieria").hide();
        $("#editar_archivo_ingenieria").val('');
        $("#editar_size_archivo_ingenieria").val(0);
    }
    if (vacios==total){
        $(".archivoRf").hide();
        $(".archivoConstruccion").hide();
        $(".archivoIngenieria").hide();
    }
}

function trashComentario(posicion){
    var area = $("#areaDocumentar"+posicion).val();
    if ($("#idcomentario"+posicion).val()!=""){
        var data = {'ticket_id':$("#idticketRechazo").val().replace('"',''),'idcomentario':$("#idcomentario"+posicion).val(),'area':$("#areaDocumentar"+posicion).val()}
        let url = "{{ (path('reportvalidacioning_DeleteComentario', {'idproyectos': '{{idproyectos}}','idmodule': '{{idmodule}}'})) }}";
        $.ajax({
            url: url,
            dataType: 'json',
            data: data,
            async: true,
            success: function(data){
               if (data=='ok'){
                    $("#categoria"+posicion).val('');
                    $("#tipo_repuesto"+posicion).val('');
                    $("#repuesto"+posicion).val('');
                    $("#comentario"+posicion).val('');
                    $("#areaDocumentar"+posicion).val('');
                    $("#idcomentario"+posicion).val('');
                    if (posicion==0){
                        $(".trashPrimeraFila").hide();
                        validarArchivosArea();
                    }else{
                        $("#primeraFila"+posicion).remove();
                        validarArchivosArea();
                    }

                    swal("Información!", "Comentario Eliminado Correctamente", "success");
               }else{
                    swal("Error!", "El Comentario no pudo ser Eliminado", "error");
               }
            }
        });
    }else{
        $("#areaDocumentar"+posicion).val('');
        validarArchivosArea();
        $("#primeraFila"+posicion).remove();
    }
}
function actListaDep(element,posicion,idReporte,categoria,valor,repuesto,entregable,total){
    if (element=="repuesto"){
        var idproceso = $('#idproceso').val();
        if (idproceso==582 || idproceso==583 || idproceso==584) {
          var json = {idproceso:$("#idproceso").val(),categoria:categoria,repuesto:repuesto,entregable:entregable};
        }else {
          var json = {idproceso:$("#idproceso").val(),categoria:categoria,repuesto:repuesto};
        }
    }else if(element=='tipo_repuesto'){
      var idproceso = $('#idproceso').val();
      if (idproceso==582 || idproceso==583 || idproceso==584) {
        var json = {idproceso:$("#idproceso").val(),categoria:categoria,entregable:entregable};
      }else {
        var json = {idproceso:$("#idproceso").val(),categoria:categoria};
      }

    }else{
        var json = {idproceso:$("#idproceso").val()};
    }
    $("#"+element+posicion).last().find('option:not("option[value=""]")').remove();
    $("#"+element+posicion).last().after('<img class="loading" width="16" src="{{asset('img/loading.GIF')}}" />');
    var url = '{{ path('reporteappenate_getDetalle2')}}?reporte_id='+idReporte;
    $.ajax({
        url: url,
        data: json,
        async: true,
    }).done(function (data) {
        $(".loading").hide();
        var keys = Object.keys(data[0]);
        var id;
        var name;
        $.each(data, function (index, value) {
            id = value.id === undefined ? value[keys[0]] : value.id;
            name = value.name === undefined ? value[keys[1]] : value.name;
            if (id==valor){
                $("#"+element+posicion).last().append('<option value=' + "'" + id + "'" + ' selected>' + name + '</option>');
            }else{
                $("#"+element+posicion).last().append('<option value=' + "'" + id + "'" + '>' + name + '</option>');
            }
        });
    });
    $('.loading').remove();
}
function clone(posicion,categoria,area){
    console.log('clone',posicion);
    //console.log('cate',categoria);
    if (categoria != null) {
      var splitCategoria = categoria.split("|");
      var categoria = splitCategoria[0];
      var entregable = splitCategoria[1];
    }
    if (posicion==null){
        posicion = parseInt($("#contadorRechazos").val())+1;
    }
    var idproceso = $('#idproceso').val();
    var idproceso = $('#idproceso').val();
    if (idproceso==582 || idproceso==583 || idproceso==584) {
      var pathTr = "{{ path('reporteappenate_getDetalle2')}}?reporte_id=679";
      var pathC = "{{ path('reporteappenate_getDetalle2')}}?reporte_id=681";
    }else {
      var pathC = "{{ path('reporteappenate_getDetalle2')}}?reporte_id=230";
      var pathTr = "{{ path('reporteappenate_getDetalle2')}}?reporte_id=231";
    }

    if (posicion!=0){
        $("#contadorRechazos").val(posicion);
        $("#primeraFila").append('<div class="row filasRechazos"></div>'+
            '<div class="row filasRechazos" id="primeraFila'+posicion+'" style="margin: 20px 0px 0 0;">'+
                '<div class="col-lg-2 divEntre">'+
                    '<label>Entregables</label>'+
                    '<select required class="entregables form-control" role-path="{{ path('reporteappenate_getDetalle2')}}?reporte_id=680" element="entregables" key="entregables"  posicion="'+posicion+'" id="entregables'+posicion+'" name="entregables[]" tipo="1">'+
                        '<option value=""></option>'+
                    '</select>'+
                '</div>'+
                '<div class="col-lg-2">'+
                    '<label>Categoria</label>'+
                    '<input type="hidden" name="idcomentario[]" id="idcomentario'+posicion+'">'+
                    '<select required class="ajaxChange2 categoria form-control" role-path="'+pathC+'" element="tipo_repuesto" key="categoria"  posicion="'+posicion+'" id="categoria'+posicion+'" name="categoria[]" tipo="1">'+
                        '<option value=""></option>'+
                    '</select>'+
                '</div>'+
                '<div class="col-lg-2">'+
                    '<label>Tipo</label>'+
                    '<select required class="ajaxChange2 tipo_repuesto form-control" role-path="'+pathTr+'" element="repuesto" key="repuesto"  posicion="'+posicion+'" id="tipo_repuesto'+posicion+'" name="tipo_repuesto[]" tipo="1">'+
                        '<option></option>'+
                    '</select>'+
                '</div>'+
                '<div class="col-lg-2">'+
                    '<label>Causa</label>'+
                    '<select required  class="repuesto form-control" posicion="'+posicion+'" name="repuesto[]" id="repuesto'+posicion+'">'+
                        '<option value=""></option>'+
                    '</select>'+
                '</div>'+
                '<div class="col-lg-2">'+
                    '<label>Comentario</label>'+
                    '<textarea required class="comentario form-control" posicion="'+posicion+'" name="comentario[]" id="comentario'+posicion+'"></textarea>'+
                '</div>'+
                '<div class="col-lg-2">'+
                    '<label>Área</label>'+
                    '<select required class="form-control areaDocumentar" posicion="'+posicion+'" id="areaDocumentar'+posicion+'" name="areaDocumentar[]" >'+
                        '<option value=""></option>'+
                    '</select>'+
                '</div>'+
                '<div class="col-lg-2" style="margin: 20px 0px 0 0;"><a href="#" class="btn btn-danger fa fa-trash trash" onclick="trashComentario('+posicion+')"></a></div>'+
        '</div>');
    }
    //actualizar categoria
    console.log('categoria',categoria);
    console.log('entregable',entregable);
    $('#categoria'+posicion).find('option').remove();
    $('#categoria'+posicion).append('<option value=""></option>');
    $('#categoria'+posicion).last().after('<img class="loading" width="16" src="{{asset('img/loading.GIF')}}" />');
    $.ajax({
        url: '{{ path('reporteappenate_getDetalle')}}',
        data: {'reporte_id':229},
        async: true,
    }).done(function(data){
        for(var i=0; i< data.monitor.length;i++){
            if (data.monitor[i]['id']==categoria){
                 $('#categoria'+posicion).last().append('<option value=' + "'" + data.monitor[i]['id'] + "'" + ' selected>' + data.monitor[i]['descripcion'] + '</option>');
            }else{
                 $('#categoria'+posicion).last().append('<option value=' + "'" + data.monitor[i]['id'] + "'" + '>' + data.monitor[i]['descripcion'] + '</option>');
            }
        }
    });
    if (idproceso==582 || idproceso==583 || idproceso==584) {
      $('#entregables'+posicion).find('option').remove();
      $('#entregables'+posicion).append('<option value=""></option>');
      $('#entregables'+posicion).last().after('<img class="loading" width="16" src="{{asset('img/loading.GIF')}}" />');
      $.ajax({
          url: '{{ path('reporteappenate_getDetalle')}}',
          data: {'reporte_id':680},
          async: true,
      }).done(function(data){
          for(var i=0; i< data.monitor.length;i++){
              if (data.monitor[i]['id']==entregable){
                   $('#entregables'+posicion).last().append('<option value=' + "'" + data.monitor[i]['id'] + "'" + ' selected>' + data.monitor[i]['descripcion'] + '</option>');
              }else{
                   $('#entregables'+posicion).last().append('<option value=' + "'" + data.monitor[i]['id'] + "'" + '>' + data.monitor[i]['descripcion'] + '</option>');
              }
          }
      });
    }

    $('.loading').remove();
    //atualizar area
    $('#areaDocumentar'+posicion).find('option').remove();
    $('#areaDocumentar'+posicion).append('<option value=""></option>');
    $('#areaDocumentar'+posicion).last().after('<img class="loading" width="16" src="{{asset('img/loading.GIF')}}" />');
    $.ajax({
        url: '{{ path('reporteappenate_getDetalle')}}',
        data: {'reporte_id':450},
        async: true,
    }).done(function(data1){

        for(var i=0; i< data1.monitor.length;i++){
           if (data1.monitor[i]['id']==area){
                 $('#areaDocumentar'+posicion).last().append('<option value=' + "'" + data1.monitor[i]['id'] + "'" + ' selected>' + data1.monitor[i]['descripcion'] + '</option>');
            }else{
                 $('#areaDocumentar'+posicion).last().append('<option value=' + "'" + data1.monitor[i]['id'] + "'" + '>' + data1.monitor[i]['descripcion'] + '</option>');
            }
        }
    });
    //validarArchivosArea();
    $('.loading').remove();
    $( ".comentario" ).last().val("");
    validarArchivosArea();
}
function getReporte(){
    data = {};
    
    /*var tipo  = $("#tipoBusqueda").val();
    switch (tipo){
        case 'semana':
            data = {'semana': $("#semana").val()}
            break;
        case 'mes':
            data = {'mes' : $("#mes").val()}
            break;
        case 'dia':
            data = {'dia' : $("#dia").val()}
            break;
    }
    data['ano'] = $("#ano").val();*/
    if($("#site").val()==" " || $("#site").val()==""){
        data['site'] = "s.codigo";
    }else{
        var idsite=$("#site").val().split(",");
        var idsites="'";
        for (var j=0;j<idsite.length;j++){
            idsites=idsites+"'"+idsite[j]+"',";
        }
        data['site'] = idsites.substring(1, idsites.length-1);
    }

    var proceso = $('#idproceso').val();

    data['idproceso'] = $('#idproceso').val();
    var idproceso = $('#idproceso').val();
    $("#idprocesoV").val(idproceso);
    $("#idprocesoV1Nv").val(idproceso);
    $("#idprocesoR").val(idproceso);
    var idregion = $('#idregion').val();
    data['idregion'] = $('#idregion').val();
    if (idproceso==582 || idproceso==583 || idproceso==584) {
      $(".divEntre").show();
    }else {
      $(".divEntre").hide();
    }
    if (idproceso==96){ //PARA GIGARED
        var idestadoV = 3309;
        $("#idestado").val(idestadoV);
        var idestado = 3313;
        $("#idestadoRechazo").val(idestado);
        $(".pager").hide();
        $(".activar_5g").hide();
        $(".activar_gigared").show();
        $(".activar_Ibs").hide();
        $(".table1").remove();
        $.getJSON('{{ path('validacioning_getDetailValidacion') }}',data,function(data){
            var monitor = data.monitor;
            var validado = data.validado[0].cantidad;
            var rechazado = data.rechazado[0].cantidad;
            var porValidar = data.porValidar[0].cantidad;

            $("#validado").text(validado);
            $("#rechazado").text(rechazado);
            $("#porValidar").text(porValidar);
            var flag = true;
            if(monitor.length == 0){
                $("#reporte1").empty();
                $("#chart1").empty();
                $("#chart2").empty();
                $("#reporte1").append('<div class="alert alert-warning text-center" role="alert">NO HAY SITIOS POR VALIDAR</div>');
                $.isLoading("hide");
                $("#inicio").show();
                return false;
            }
            var region = '{{ region }}';
            var objectType = {"9":1,"10":2,"11":3,"12":4,"13":5,"14":6};
            $("#reporte1").empty().append(createTable(monitor,undefined,undefined,objectType,region,'table1'));
            $('.double-scroll').doubleScroll();
            var pagerOptions = {
                container: $(".pager"),
                output: 'Rows : {endRow}',
                fixedHeight: false,
                removeRows: true,
                cssGoto: '.gotoPage'
            };
            $(".table1").tablesorter({
                theme: 'blue',
                widgets: ["zebra", "filter"],
                widgetOptions: {
                    filter_cssFilter: '',
                    filter_childRows: false,
                    filter_hideFilters: false,
                    filter_ignoreCase: true,
                    filter_reset: '.reset',
                    filter_saveFilters: true
                }
            }).tablesorterPager(pagerOptions);
            $(".pager").show();
            $("#inicio").show();
            $("#autoload").attr('disabled',false);
            $.isLoading('hide');
        }).fail(function(){
            $.isLoading('hide');
        });
    }else if ((idproceso==582 || idproceso==583 || idproceso==584) && (idregion==24 || idregion==25 || idregion==26 || idregion==27 || idregion==29 || idregion == 32)) {
      if (idregion == 32) {
        $(".activar_ibs_1erNv").hide();
        $(".activar_ibs_2doNv").addClass('active');
        $(".activar_ibs_1erNv").removeClass('active');
        $(".activar_ibs_validados").removeClass('active');
        //$(".activar_sitios_por_auditar").addClass('active');
      }else {
        $(".activar_ibs_1erNv").show();
      }

      $(".pager").hide();
      $(".activar_5g").hide();
      $(".activar_gigared").hide();
      $(".activar_Ibs").show();
      var idestado = 3350;
      $("#idestadoRechazo").val(idestado);

      $('.activar_ibs_1erNv').each(function (){
        if($(this).hasClass("active")){
          //alert("Esta activo 1");
          var idestado = 3350;
          $("#idestadoRechazo").val(idestado);
        }
      });

      $('.activar_ibs_2doNv').each(function (){
        if($(this).hasClass("active")){
          //alert("Esta activo 2");
          var idestadoV = 3352;
          $("#idestado").val(idestadoV);
          var idestado = 3351;
          $("#idestadoRechazo").val(idestado);
        }
      });

      /*if ($('.activar_ibs_1erNv').is(':active')) {
        //alert("Esta activo 1");
        var idestado = 3350;
        $("#idestadoRechazo").val(idestado);
      } else if ($('.activar_ibs_2doNv').is(':active')) {
        //alert("Esta activo 2");
        var idestadoV = 3352;
        $("#idestado").val(idestadoV);
        var idestado = 3351;
        $("#idestadoRechazo").val(idestado);
      }else {
        //alert("Genral");
        var idestado = 3313;
        $("#idestadoRechazo").val(idestado);
      }*/

      $("#reporte1").empty(); //limpiar gigared
      $(".table1").remove();
      $(".table2").remove();
      $(".table3").remove();
      $(".table5").remove();
      $(".table6").remove();
      $(".table7").remove();
      $.getJSON('{{ path('validacioning_getDetailValidacion') }}',data,function(data){
          var monitor = data.monitor;
          var monitor_validados = data.monitor_validados;
          var monitor_2doNv = data.monitor_2doNv;
          //console.log(monitor_2doNv);
          //var monitor_colo = data.monitor_colo;
          var emailReasignar = data.emailReasignar;
          var validado = data.validado[0].cantidad;
          var rechazado = data.rechazado[0].cantidad;
          var porValidar = data.porValidar[0].cantidad;
          //actualizar los totales
          $("#validado").text(validado);
          $("#rechazado").text(rechazado);
          $("#porValidar").text(porValidar);
          var flag = true;
          //para los por validar
          $("#total_monitor_ibs_1erNv").val(monitor.length);
          $("#total_monitor_ibs_validados").val(monitor_validados.length);
          $("#total_monitor_ibs_2doNv").val(monitor_2doNv.length);
          //para los validados
          if(monitor_validados.length == 0){
              $(".pager_ibs_validados").hide();
              $("#reporte_ibs_validados").empty();
              $("#chart1").empty();
              $("#chart2").empty();
              $("#reporte_ibs_validados").append('<div class="alert alert-warning text-center" role="alert">NO HAY SITIOS VALIDADOS</div>');
              $.isLoading("hide");
              $("#inicio").show();
          }else{
              var region = '{{ region }}';
              var objectType = {"9":1,"10":2,"11":3,"12":4,"13":5,"14":6};
              $("#reporte_ibs_validados").empty().append(createTable(monitor_validados,undefined,undefined,objectType,region,'table6'));
              $('.double-scroll').doubleScroll();
              var pagerOptions5 = {
                  container: $(".pager"),
                  output: 'Rows : {endRow}',
                  fixedHeight: false,
                  removeRows: true,
                  cssGoto: '.gotoPage'
              };
              $(".table6").tablesorter({
                  theme: 'blue',
                  widgets: ["zebra", "filter"],
                  widgetOptions: {
                      filter_cssFilter: '',
                      filter_childRows: false,
                      filter_hideFilters: false,
                      filter_ignoreCase: true,
                      filter_reset: '.reset',
                      filter_saveFilters: true
                  }
              }).tablesorterPager(pagerOptions5);
              $(".pager").show();
          }
          //para otas por validar
          if(monitor.length == 0){
              $("#reporte_ibs_1erNv").empty();
              $("#chart1").empty();
              $("#chart2").empty();
              $("#reporte_ibs_1erNv").append('<div class="alert alert-warning text-center" role="alert">NO HAY SITIOS POR VALIDAR</div>');
              $.isLoading("hide");
              $("#inicio").show();
              $(".pager_ibs_1erNv").hide();
              //return false;
          }else{
              var region = '{{ region }}';
              var objectType = {"9":1,"10":2,"11":3,"12":4,"13":5,"14":6};
              $("#reporte_ibs_1erNv").empty().append(createTable(monitor,undefined,undefined,objectType,region,'table5'));
              $('.double-scroll').doubleScroll();
              var pagerOptions4 = {
                  container: $(".pager"),
                  output: 'Rows : {endRow}',
                  fixedHeight: false,
                  removeRows: true,
                  cssGoto: '.gotoPage'
              };
              $(".table5").tablesorter({
                  theme: 'blue',
                  widgets: ["zebra", "filter"],
                  widgetOptions: {
                      filter_cssFilter: '',
                      filter_childRows: false,
                      filter_hideFilters: false,
                      filter_ignoreCase: true,
                      filter_reset: '.reset',
                      filter_saveFilters: true
                  }
              }).tablesorterPager(pagerOptions4);
              $(".pager").show();
          }

          //ibs 2do Nivel.
          if(monitor_2doNv.length == 0){
              $("#reporte_ibs_2doNv").empty();
              $("#chart1").empty();
              $("#chart2").empty();
              $("#reporte_ibs_2doNv").append('<div class="alert alert-warning text-center" role="alert">NO HAY SITIOS POR VALIDAR</div>');
              $.isLoading("hide");
              $("#inicio").show();
              $(".pager_ibs_2doNv").hide();
              //return false;
          }else{
              var region = '{{ region }}';
              var objectType = {"9":1,"10":2,"11":3,"12":4,"13":5,"14":6};
              $("#reporte_ibs_2doNv").empty().append(createTable(monitor_2doNv,undefined,undefined,objectType,region,'table7'));
              $('.double-scroll').doubleScroll();
              var pagerOptions6 = {
                  container: $(".pager"),
                  output: 'Rows : {endRow}',
                  fixedHeight: false,
                  removeRows: true,
                  cssGoto: '.gotoPage'
              };
              $(".table7").tablesorter({
                  theme: 'blue',
                  widgets: ["zebra", "filter"],
                  widgetOptions: {
                      filter_cssFilter: '',
                      filter_childRows: false,
                      filter_hideFilters: false,
                      filter_ignoreCase: true,
                      filter_reset: '.reset',
                      filter_saveFilters: true
                  }
              }).tablesorterPager(pagerOptions6);
              $(".pager").show();
          }

          //$(".activar_ota_por_validar").trigger("click");
          //fin validados
          $("#inicio").show();
          $("#autoload").attr('disabled',false);
          $.isLoading('hide');
      }).fail(function(){
          $.isLoading('hide');
      });

    }/*else if ((idproceso==582 || idproceso==583 || idproceso==584) && (idregion==32) ) {

    }*/else{ //PARA 5G
        $(".pager").hide();
        if (idproceso==161){
            $("#downloadTemplateOtaGigaNew").show();
            $("#downloadTemplateOtaNewSite").hide();
            $("#downloadTemplateOta5g").hide();
        }else if (idproceso==155){            
            $("#downloadTemplateOta5g").show();
            $("#downloadTemplateOtaGigaNew").hide();
            $("#downloadTemplateOtaNewSite").hide();
        }else if (idproceso==658){            
            $("#downloadTemplateOtaNewSite").show();
            $("#downloadTemplateOtaGigaNew").hide();
            $("#downloadTemplateOta5g").hide();
        }
        $(".activar_5g").show();
        var idestadoV = 3309;
        $("#idestado").val(idestadoV);
        var idestado = 3313;
        $("#idestadoRechazo").val(idestado);
        $(".activar_gigared").hide();
        $(".activar_Ibs").hide();
        $("#reporte1").empty(); //limpiar gigared
        $(".table1").remove();
        $(".table2").remove();
        $(".table3").remove();
        $(".table4").remove();
        $(".table5").remove();
        $(".table6").remove();
        $(".table7").remove();
        $.getJSON('{{ path('validacioning_getDetailValidacion') }}',data,function(data){
            var monitor = data.monitor;
            var monitor_validados = data.monitor_validados;
            //var monitor_colo = data.monitor_colo;
            var emailReasignar = data.emailReasignar;
            var validado = data.validado[0].cantidad;
            var rechazado = data.rechazado[0].cantidad;
            var porValidar = data.porValidar[0].cantidad;
            //actualizar los totales
            $("#validado").text(validado);
            $("#rechazado").text(rechazado);
            $("#porValidar").text(porValidar);
            var flag = true;
            //para los por validar
            $("#total_monitor").val(monitor.length);
            $("#total_monitor_validadas").val(monitor_validados.length);
            //$("#total_monitor_colo").val(monitor_colo.length);
            //para los validados
            if(monitor_validados.length == 0){
                $(".pager_otas_validadas").hide();
                $("#reporte_otas_validadas").empty();
                $("#chart1").empty();
                $("#chart2").empty();
                $("#reporte_otas_validadas").append('<div class="alert alert-warning text-center" role="alert">NO HAY SITIOS VALIDADOS</div>');
                $.isLoading("hide");
                $("#inicio").show();
            }else{
                var region = '{{ region }}';
                var objectType = {"9":1,"10":2,"11":3,"12":4,"13":5,"14":6};
                $("#reporte_otas_validadas").empty().append(createTable(monitor_validados,undefined,undefined,objectType,region,'table3'));
                $('.double-scroll').doubleScroll();
                var pagerOptions2 = {
                    container: $(".pager"),
                    output: 'Rows : {endRow}',
                    fixedHeight: false,
                    removeRows: true,
                    cssGoto: '.gotoPage'
                };
                $(".table3").tablesorter({
                    theme: 'blue',
                    widgets: ["zebra", "filter"],
                    widgetOptions: {
                        filter_cssFilter: '',
                        filter_childRows: false,
                        filter_hideFilters: false,
                        filter_ignoreCase: true,
                        filter_reset: '.reset',
                        filter_saveFilters: true
                    }
                }).tablesorterPager(pagerOptions2);
                $(".pager").show();
            }
            //para colo
            /*if(monitor_colo.length == 0){
                $(".pager_colo").hide();
                $("#reporte_colo").empty();
                $("#chart1").empty();
                $("#chart2").empty();
                $("#reporte_colo").append('<div class="alert alert-warning text-center" role="alert">NO HAY SITIOS COLO</div>');
                $.isLoading("hide");
                $("#inicio").show();
            }else{
                var region = '{{ region }}';
                var objectType = {"9":1,"10":2,"11":3,"12":4,"13":5,"14":6};
                $("#reporte_colo").empty().append(createTable(monitor_colo,undefined,undefined,objectType,region,'table4'));
                $('.double-scroll').doubleScroll();
                var pagerOptions3 = {
                    container: $(".pager"),
                    output: 'Rows : {endRow}',
                    fixedHeight: false,
                    removeRows: true,
                    cssGoto: '.gotoPage'
                };
                $(".table4").tablesorter({
                    theme: 'blue',
                    widgets: ["zebra", "filter"],
                    widgetOptions: {
                        filter_cssFilter: '',
                        filter_childRows: false,
                        filter_hideFilters: false,
                        filter_ignoreCase: true,
                        filter_reset: '.reset',
                        filter_saveFilters: true
                    }
                }).tablesorterPager(pagerOptions3);
                $(".pager").show();
            } */
            //para otas por validar
            if(monitor.length == 0){
                $("#reporte_otas_por_validar").empty();
                $("#chart1").empty();
                $("#chart2").empty();
                $("#reporte_otas_por_validar").append('<div class="alert alert-warning text-center" role="alert">NO HAY SITIOS POR VALIDAR</div>');
                $.isLoading("hide");
                $("#inicio").show();
                $(".pager_otas_por_validar").hide();
                //return false;
            }else{
                var region = '{{ region }}';
                var objectType = {"9":1,"10":2,"11":3,"12":4,"13":5,"14":6};
                $("#reporte_otas_por_validar").empty().append(createTable(monitor,undefined,undefined,objectType,region,'table2'));
                $('.double-scroll').doubleScroll();
                var pagerOptions1 = {
                    container: $(".pager"),
                    output: 'Rows : {endRow}',
                    fixedHeight: false,
                    removeRows: true,
                    cssGoto: '.gotoPage'
                };
                $(".table2").tablesorter({
                    theme: 'blue',
                    widgets: ["zebra", "filter"],
                    widgetOptions: {
                        filter_cssFilter: '',
                        filter_childRows: false,
                        filter_hideFilters: false,
                        filter_ignoreCase: true,
                        filter_reset: '.reset',
                        filter_saveFilters: true
                    }
                }).tablesorterPager(pagerOptions1);
                $(".pager").show();
            }
            //$(".activar_ota_por_validar").trigger("click");
            //fin validados
            $("#inicio").show();
            $("#autoload").attr('disabled',false);
            $.isLoading('hide');
        }).fail(function(){
            $.isLoading('hide');
        });
    }
}

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 createArrayToPieChart(chart)
{
    if(chart.length == 0) return false;
    var auxArray = new Array();
    var header = Object.keys(chart[0]);
    for(var i=0;i<chart.length;i++){



            auxArray.push({'name':chart[i][header[0]],y:parseFloat(chart[i][header[1]])});



    }

    return auxArray;
}
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)
}
function createPieChart(renderTo,title,chart)
{
    var data = createArrayToPieChart(chart);
    console.log(data);
        var pie = {
            chart: {
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false,
                type: 'pie',
                renderTo: renderTo
            },
            title: {
                text: title
            },
            tooltip: {
                pointFormat: '{series.name}: <b>{point.y:.0f}</b>'
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: true,
                        format: '<b>{point.name}</b>: {point.percentage:.1f} %',
                        style: {
                            color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
                        }

                    },
                    showInLegend: true
                }
            },
            series: [{
                name: 'Sites',
                colorByPoint: true,
                data: data
            }]
        };
    new Highcharts.Chart(pie);
}
function createTable(monitor,total,nombreColTotal,type,region,name_class_table){
    var header = Object.keys(monitor[0]);
    var headerType = Object.keys(type);
    var table = '<table  class="table table-bordered table-hover table-striped table-responsive '+name_class_table+'" > <thead>' +

            '<tr class="btn-info">';
    for (var j = 0; j < header.length; j++) {
        if( j > 2 && header[j] != 'URLS'){//para que no muestre ni el idticket ni el idestado
            //cambio muestra todos los th
            {% if is_granted('ROLE_EDICION_CLIENTE') %}
                    if (name_class_table=='table3' && header[j]=='EDITAR'){
                        table += "<th class='text-center'>Cambia a Por Validar para ser Rechazado</th>";
                    }
                   table += "<th class='text-center'>" + header[j] + "</th>";
            {% else %}
                if (header[j]=='EDITAR'){
                   // table += "<td " + clases + typeString + " ></td>";
                }else{
                    table += "<th class='text-center'>" + header[j] + "</th>";
                }
            {% endif %}
        }
    }
    if (name_class_table!='table3' && name_class_table!='table4' && name_class_table!='table6' && name_class_table!='table5'){
        //si tiene el ROLE_VALIDACION_CLIENTE_1 se verifica para activar los botones
        {% if is_granted('ROLE_VALIDACION_CLIENTE_1') %}
                {% if is_granted('ROLE_VALIDACION_CLIENTE_2') %}
                     table += "<th class='text-center'>" + "Validar" + "</th>";
                     table += "<th class='text-center'>" + "Rechazar" + "</th>";
                     table += "<th class='text-center'>" + "Historial" + "</th>";
                {% elseif is_granted('ROLE_COMENTARIOS_CLIENTE_2') %}
                     table += "<th class='text-center'>" + "Rechazar" + "</th>";
                     table += "<th class='text-center'>" + "Historial" + "</th>";
                {% else %}
                     table += "<th class='text-center'>" + "Historial" + "</th>";
                {% endif %}
        {% endif %}
    }

    if (name_class_table=='table5'){
        //si tiene el ROLE_VALIDACION_CLIENTE_1 se verifica para activar los botones
        {% if is_granted('ROLE_VALIDACION_CLIENTE_1') %}
                {% if is_granted('ROLE_VALIDACION_IBS') %}
                     table += "<th class='text-center'>" + "Validar" + "</th>";
                     table += "<th class='text-center'>" + "Rechazar" + "</th>";
                     table += "<th class='text-center'>" + "Historial" + "</th>";
                {% elseif is_granted('ROLE_COMENTARIOS_CLIENTE_2') %}
                     table += "<th class='text-center'>" + "Rechazar" + "</th>";
                     table += "<th class='text-center'>" + "Historial" + "</th>";
                {% else %}
                     table += "<th class='text-center'>" + "Historial" + "</th>";
                {% endif %}
        {% endif %}
    }

    {% if is_granted('ROLE_VALIDACION_CLIENTE_1') %}
      if (name_class_table == 'table3' || name_class_table == 'table6'){ // && (monitor[i]['idproceso'] == 155 || monitor[i]['idproceso'] == 161)
        table += "<th class='text-center'>" + "CHECK" + "</th>";
      }
    {% endif %}

    table += "</tr></thead>";

    for (var i = 0; i < monitor.length; i++) {
        if (i > 0){
            table += "<tr id='"+ monitor[i][header[0]] +"' region='"+ monitor[i][header['4']] +"'>";
        }
        for (var j = 0; j < header.length; j++) {
            var clases = '';
            if( $.inArray(j,headerType))
            {
                var typeString = 'id="' + type[j] + '"';
            }
            if( j > 2 && header[j] != 'URLS') { //para que no muestre ni el idticket ni el idestado
                {% if is_granted('ROLE_EDICION_CLIENTE') %}
                    if (name_class_table=='table3' && header[j]=='EDITAR'){
                        if (monitor[i][header[1]]!=2667 && monitor[i][header[1]]!=50  && monitor[i][header[1]]!=3229){
                            table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-success btn_por_validar">Por Validar</button>' + "</td>";
                        }else{
                            table += "<td class='text-center'><div style='text-align:center; color:black;'><img src='https://pwmrlamfsoeri.com/site/web/images/invalid.png' width='25px'></div></td>";
                        }
                    }
                    table += "<td " + clases + typeString + " >" + monitor[i][header[j]] + "</td>";
                {% else %}
                    if (header[j]=='EDITAR'){
                       // table += "<td " + clases + typeString + " ></td>";
                    }else{
                        table += "<td " + clases + typeString + " >" + monitor[i][header[j]] + "</td>";
                    }
                {% endif %}
            }
            if(j == header.length -1 && name_class_table!='table3' && name_class_table!='table4' && name_class_table!='table5' && name_class_table!='table6'){
                //si tiene el ROLE_VALIDACION_CLIENTE_1 se verifica para activar los botones
                {% if is_granted('ROLE_VALIDACION_CLIENTE_1') %}
                        {% if is_granted('ROLE_VALIDACION_CLIENTE_2') %}
                            table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-success validar">Validar</button>' + "</td>";
                            table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-danger rechazar">Rechazar</button>' + "</td>";
                            table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  ' class="btn btn-default openModal historial">Historial</button>' + "</td>";
                        {% elseif is_granted('ROLE_COMENTARIOS_CLIENTE_2') %}
                                table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-danger rechazar">Rechazar</button>' + "</td>";
                                table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  ' class="btn btn-default openModal historial">Historial</button>' + "</td>";
                        {% else %}
                             if(monitor[i][header[3]] == region){
                                 table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-success validar">Validar</button>' + "</td>";
                                 table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-danger rechazar">Rechazar</button>' + "</td>";
                                 table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  ' class="btn btn-default openModal historial">Historial</button>' + "</td>";
                             }else{
                                 table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  ' class="btn btn-default openModal historial">Historial</button>' + "</td>";
                             }
                        {% endif %}
                {% endif %}
                //
            }

            {% if is_granted('ROLE_VALIDACION_CLIENTE_1') %}

            if(j ==header.length -1){
              if (name_class_table=='table3'){
                if (monitor[i]['URLS'] != '_' ) { // && (monitor[i]['idproceso'] == 155 || monitor[i]['idproceso'] == 161)
                  var un = monitor[i]['URLS'];
                  var site = monitor[i]['ID'];
                  //var pais = monitor[i]['PAIS']; // |"+pais+"
                  table += "<td class='text-center'><input type='checkbox' name='selected[]' class='get_value' value="+un+"|"+site+"></td>";
                }
              }else if (name_class_table=='table6') {
                if (monitor[i]['URLS'] != '_' ) { // && (monitor[i]['idproceso'] == 155 || monitor[i]['idproceso'] == 161)
                  var un = monitor[i]['URLS'];
                  var site = monitor[i]['ID'];
                  //var pais = monitor[i]['PAIS']; // |"+pais+"
                  table += "<td class='text-center'><input type='checkbox' name='selectedIbs[]' class='get_valueIbs' value="+un+"|"+site+"></td>";
                }
              }
            }

            {% endif %}

          if(j == header.length -1 && name_class_table=='table5'){
              //si tiene el ROLE_VALIDACION_CLIENTE_1 se verifica para activar los botones
              {% if is_granted('ROLE_VALIDACION_CLIENTE_1') %}
                      {% if is_granted('ROLE_VALIDACION_IBS') %}
                          table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-success validar1Nv">Validar</button>' + "</td>";
                          table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-danger rechazar">Rechazar</button>' + "</td>";
                          table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  ' class="btn btn-default openModal historial">Historial</button>' + "</td>";
                      {% elseif is_granted('ROLE_COMENTARIOS_CLIENTE_2') %}
                              table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-danger rechazar">Rechazar</button>' + "</td>";
                              table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  ' class="btn btn-default openModal historial">Historial</button>' + "</td>";
                      {% else %}
                           if(monitor[i][header[3]] == region){
                               table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-success validar1Nv">Validar</button>' + "</td>";
                               table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  '" class="btn btn-danger rechazar">Rechazar</button>' + "</td>";
                               table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  ' class="btn btn-default openModal historial">Historial</button>' + "</td>";
                           }else{
                               table += "<td class='text-center'>" + '<button type="button" id=' + monitor[i][header[0]] +  ' class="btn btn-default openModal historial">Historial</button>' + "</td>";
                           }
                      {% endif %}
              {% endif %}
              //
          }

        }
        table += "</tr>";
        if(typeof total !== "undefined") {

            if (i == monitor.length - 1) {

                var headerTotal = Object.keys(total);
                table += '<tr><td>' + nombreColTotal +'</td>';

                for(var x=0; x<headerTotal.length;x++){
                    table += '<td>';
                    table += total[headerTotal[x]];

                    table += '</td>';

                }
                table += '</tr>';
            }
        }
    }
    table += "</table>";

    return table;
}

function createTableSimple(monitor,total,nombreColTotal){

    var header = Object.keys(monitor[0]);

    var table = '<table class="table table-bordered table-hover table-striped table-responsive"> <thead>' +

            '<tr class="btn-info">';

    for (var j = 0; j < header.length; j++) {


        table += "<th class='text-center'>" + header[j] + "</th>"



    }
    table += "</tr></thead>";

    for (var i = 0; i < monitor.length; i++) {
        table += "<tr>";
        for (var j = 0; j < header.length; j++) {
            if( typeof monitor[i][header[j]] === 'object'){
                table += "<td>" + monitor[i][header[j]].date.substring(0,19)  + "</td>";
            }else{
                table += "<td>" + monitor[i][header[j]]  + "</td>";
            }

        }
        table += "</tr>";

        if(typeof total !== "undefined") {

            if (i == monitor.length - 1) {

                var headerTotal = Object.keys(total);
                table += '<tr><td>' + nombreColTotal +'</td>';

                for(var x=0; x<headerTotal.length;x++){
                    table += '<td>';
                    table += total[headerTotal[x]];

                    table += '</td>';

                }
                table += '</tr>';
            }
        }
    }
    table += "</table>";

    return table;
}

function ISO8601_week_no(dt){
    var tdt = new Date(dt.valueOf());
    var dayn = (dt.getDay() + 6) % 7;
    tdt.setDate(tdt.getDate() - dayn + 3);
    var firstThursday = tdt.valueOf();
    tdt.setMonth(0, 1);
    if (tdt.getDay() !== 4)
    {
        tdt.setMonth(0, 1 + ((4 - tdt.getDay()) + 7) % 7);
    }
    return 1 + Math.ceil((firstThursday - tdt) / 604800000);
}

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;
}


//llamar al modal fileupload
$(document).on("click", ".open-AddFileDialog", function () {
  var IdTicke = $(this).data('id');
  var project = 1002; //$("#project").val();
  var procesoNum = $('#idproceso').val();
  //var carga =$(this).attr('class').split(' ');
  var disabled = true;
  //Inicia Carga de Ventana Modal
  $('#file-SDE').val('');
  $("#ticke-SDE").val(IdTicke);
  $("#project_sde").val(project);
  //$('#modalfileUploadSDE').modal('show');
  $("#div_upload_sde").css('display','inline');
  $("#procesoATO").val(procesoNum);
  if ($(this).hasClass('SDE-ViewOnly')){
    $(".select-file-upload-sde").prop("disabled",true);
    $("#divAddSDE").css('display','none');
    disabled=true;
    }else{
      disabled=false;
      $(".select-file-upload-sde").prop("disabled",false);
      $("#divAddSDE").css('display','block');
    }
    $('#lblTitleUploadFileSDE').html("<strong>{{ 'Reemplazar' | trans}}</strong>");

    var codigo = $(this).data('codigo');
    var api = $(this).data('api');
    var tipo_ota = $(this).data('validada');
    if (api=="si"){
        asignacionTask(IdTicke,codigo,tipo_ota);
    }else{
        getListSDEFilesByTicket(IdTicke, disabled,procesoNum); //ESTE ERA EL CODIGO ORIGINAL PARA CARGAR EL ARCHIVO DE OTA
    }

});
//inicio cambios api appenate
function asignacionTask(IdTicket,codigo,tipo_ota){
    $("#idtaskActualizar").val('');
    $("#tipoOta").val(tipo_ota);
    $("#IdTicketOtaActualizar").val(IdTicket);
    $("#taskName").text('');
    $("#taskEmail").text('');
    $(".error-estatus-task").hide();
    $(".button-reasignar").show();
    //validar tiempo de busqueda del api
    var tiempo = setInterval(function(){
        var contador = $("#contador").val();
        if (contador==""){
            contador = 0;
        }else{
            contador++;
        }
        $("#contador").val(contador);
        if (contador==20){
            $("#contador").val('');
            clearInterval(tiempo);
            if ($("#idtaskActualizar").val()==""){
                $.isLoading("hide");
                swal("Alerta!", "Su conexión a internet esta muy lenta, es posible que no procese la tarea!","error");
                getReporte();
            }
        }
    }, 1000);
    //fin validar tiempo
    if (IdTicket){
        $.isLoading({text: "Loading"});
        $.ajax({
            type: 'POST',
            url: '{{ path('validacioning_buscarIdTask') }}',
            data: {
                'codigo': codigo,
                'idticket': IdTicket,
                'idproyectos': '{{ idproyectos }}',
            },
            success: function(data) {
                $.isLoading("hide");
                console.log('respuesta',data);
                if (data.respuesta=="Ok"){
                        $("#contador").val('');
                        clearInterval(tiempo);
                        idTarea = data.idTask;
                        tareaName = data.nameTask;
                        tareaUserEmail = data.emailTask;
                        emailReasignar = data.emailReasignar;
                        $(".datosTarea").show();
                        $("#idtaskActualizar").val(idTarea);//el campo ID
                        $("#taskName").text(tareaName);
                        $("#taskEmail").text(tareaUserEmail);
                        $("#emailAsignarTask").val(emailReasignar);
                        $.isLoading("hide");
                        $("#modalActualizarTask").modal('show');
                }else if (data.respuesta=="Not ok"){
                    $("#contador").val('');
                    clearInterval(tiempo);
                    $.isLoading("hide");
                    swal("Error!", "No se pudo relacionar el reporte!", "error");
                }else if (data.respuesta=='Error Limite peticiones'){
                    $("#contador").val('');
                    clearInterval(tiempo);
                    $.isLoading("hide");
                    swal("Error!", "Limite de Peteciones Diario Excedido, intente mañana!");
                }
            },
        });

    }
}
function reasignar_task(){
    var idtaskActualizar = $("#idtaskActualizar").val();
    var emailAsignarTask = $("#emailAsignarTask").val();
    var tipoOta = $("#tipoOta").val();
    var IdTicketOtaActualizar = $("#IdTicketOtaActualizar").val();
    $.isLoading({text: "Loading"});
    if (idtaskActualizar && emailAsignarTask){
        //validar tiempo de busqueda del api
        var tiempo = setInterval(function(){
            var contador = $("#contador").val();
            if (contador==""){
                contador = 0;
            }else{
                contador++;
            }
            $("#contador").val(contador);
            if (contador==15){
                $("#contador").val('');
                clearInterval(tiempo);
                if ($("#idtaskActualizar").val()!=""){
                    $.isLoading("hide");
                    swal("Alerta!", "Su conexión a internet esta muy lenta, es posible que no procese la tarea!","error");
                    getReporte();
                }
            }
        }, 1000);
        //fin validar tiempo
        $.ajax({
            type: 'POST',
            url: '{{ path('validacioning_reasignarTask') }}',
            data: {
                'idtaskActualizar': idtaskActualizar,
                'emailAsignarTask': emailAsignarTask,
                'tipoOta': tipoOta,
                'idproyectos': '{{ idproyectos }}',
                'IdTicket': IdTicketOtaActualizar,
            },
            success: function(data) {
               if (data){
                    $.isLoading("hide");
                    $("#modalActualizarTask").modal('hide');
                    swal("Información!", "Reporte Reasignado Correctamente! Abra la aplicación para sincronizar", "success");
                    getReporte();
               }else{
                    $.isLoading("hide");
                    console.log("error");
               }
            },
        });
    }else if (emailAsignarTask==""){
        $.isLoading("hide");
        swal("Error!", "Debe ingresar el email!", "error");
    }
}
//fin cambios api appenate


function getListSDEFilesByTicket(id,disabled,procesoNum){
    var idticket = id;
    var datos ='1002'; //$("#project").val().split('|');
    $('#ticke-SDE').val(idticket);
    var postData = {
        idticket: idticket,
        idproyectos: {{ idproyectos }},
        idproceso: $('#idproceso').val(),
        //idproceso: datos[0],
        //idproyecto_interno: datos[1]
        idproyecto_interno: datos,
    };
    $.ajax({
        type: 'POST',
        url: "{{ path('validacioning_getListSDEFilesByTicket') }}",
        data: postData,
        dataType: 'json',
        beforeSend: function (){
            $.isLoading({text: "Loading"});
            $('#divLoadingModal').show();
            $('#divLoadingModal').html('<span id="img_initializing_loading"><img src="{{ asset('img/loading.gif' ) }}" ' +
            'width="16" height="16"></span><strong style="margin-left: 5px;">Cargando archivos OTAS, Please Wait...</strong>');
            $('#tbodyTableListSDE').empty();
            $('#saveFileSDE').prop('disabled', true);
        },
        success: function (r) {
            $.isLoading("hide");
            var str = "";
            if (r.length>0){
                for (var i=0; i<r.length; i++){
                    var nombre = r[i]['nombre_archivo'];
                    var path = r[i]['path'];
                    str += "<tr>" +
                            "<td class='text-center'" + " style='font-weight: normal'>" + (i+1) + "</td>" +
                            "<td class='text-left'" + " style='font-weight: normal'><a target='blank' href='"  + path + "'>" + nombre + "</a></td>" +
                            "<td class='text-center'" + " style='font-weight: normal'>" + r[i]['fecha_creacion'] + "</td>"
                    if (i==0){
                        if (disabled){
                            str += "<td class='text-center' nowrap='nowrap'>" +
                                    "<button type='button' class='btn btn-primary btn-sm' data-idte='" +
                                    r[i]['id'] + "' title='{{ 'Reemplazar SDE' | trans}}' disabled='disabled'>" +
                                    "<span class='glyphicon glyphicon-edit' aria-hidden='true'></span></button>" +
                                    "</td>";
                        }else{
                            str += "<td class='text-center' nowrap='nowrap'>" +
                                    "<button type='button' class='btn btn-primary btn-sm select-file-upload-sde' data-idte='" + r[i]['id'] + "' title='{{ 'Reemplazar SDE' | trans}}'>" +
                                    "<span class='glyphicon glyphicon-edit' aria-hidden='true'></span></button>" +
                                    "</td>";
                        }
                    }else{
                        str += "<td class='text-center' nowrap='nowrap'></td>";
                    }
                    str += "</tr>";
                }
                str += "";
                //$('#tbodyTableListSDE').append(str);

                $('#divLoadingModal').hide();
                $('#divLoadingModal').html('');
                $('#saveFileSDE').prop('disabled', false);
            }else{
                $('#divLoadingModal').hide();
                $('#divLoadingModal').html('');
                $('#saveFileSDE').prop('disabled', false);
                str="<tr><td colspan='4' class='text-center' style='font-weight: normal'>No se encontraron registros.</td></tr>";
                //$('#tbodyTableListSDE').append(str);
                return false;
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {
            $('#divLoadingModal').hide();
            $('#divLoadingModal').html('');
            $('#tbodyTableListSDE').empty();
            $('#saveFileSDE').prop('disabled', false);
        }
    });

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

$(document).on("click", ".select-file-upload-sde", function (){
    var idTE = $(this).data('idte');
    $('#idTE').val(idTE);
    if (idTE=='0'){
        $('#lblTitleUploadFileSDE').html("<strong>{{ 'Agregar' | trans}}</strong>");
    }else{
        $('#lblTitleUploadFileSDE').html("<strong>{{ 'Reemplazar' | trans}}</strong>");
    }
    $('#div_upload_sde').css('display','inline');
});

$(document).on("click","#cancelUploadFileSDE", function(){
    $('#div_upload_sde').css('display','inline');
    //$("#file-SDE").val("");
});

// Refrescar la página para que se vea el nuevo archivo modificados
$(document).on("click","#closemodal", function (){
  //location.reload();
  $(".modal-dialog").modal('hide');
});

//proceder a validar y rechazar
  $(document).on("click","#saveFileSDE", function(e){
  //$('form[name="form-fileSDE"]').submit(function (e) {
      e.preventDefault(); // avoid to execute the actual submit of the form.
      console.log(e);
      var formData = new FormData(document.getElementById("form-fileSDE"));
      console.log(formData);
      var idticket = $('#ticke-SDE').val();
      console.log(idticket);
      var btnDisabled = $("#btnAddSDE").is('[disabled]');
      $.ajax({
          url: "{{path('validacioning_uploadfile',{'idproyectos':idproyectos,'idmodule':idmodule})}}",
          type: "post",
          //dataType: "html",
          data: formData,
          cache: false,
          contentType: false,
          processData: false,
          beforeSend: function () {
              $.isLoading({text: "Loading"});
              $("#saveFileSDE").prop("disabled", true);
              $("#closemodal").prop("disabled", true);
          },
          complete: function (valorIn) {
              $.isLoading("hide");
              $("#file-SDE").val("");
              $('#idTE').val("");
              var valor12 = JSON.parse(valorIn.responseText);
              console.log(valor12.condicion);
              if(valor12.condicion == 'ok'){
                $("#response-incidenciasSDE").toggle();
                $("#response-incidenciasSDE").html("Se ha cargado con éxito");
                $("#response-incidenciasSDE").fadeOut(4000);
                $('#modalfileUploadSDE').modal('hide');
                $("#generar").trigger("click");
                }else{
                  $("#response-incidenciasSDEError").toggle();
                  if(valor12.num == 0){
                      $("#response-incidenciasSDEError").html("Operación Invalida, Falta Archivo");
                      $('#modalfileUploadSDE').modal('hide');
                      $("#generar").trigger("click");
                    }else{
                      $("#response-incidenciasSDEError").html(valor12.num);
                    }
                  $("#response-incidenciasSDEError").fadeOut(4000);
                }
              $("#saveFileSDE").prop("disabled", false);
              $("#closemodal").prop("disabled", false);
              $("#div_upload_sde").css('display','none');
              //$('#modalfileUploadSDE').modal('hide');
              //getListSDEFilesByTicket($("#ticke-SDE").val(),btnDisabled);
          },
          error: function (res) {
              $("#response-incidenciasSDE").toggle();
              $("#response-incidenciasSDE").html(res);
              $("#div_upload_sde").css('display','none');
              /*setTimeout(function() {
                  $("#response-incidenciasSDE").fadeOut(1500);
              },12000);
              $('#modalfileUploadSDE').modal('hide');*/
          }
      }).done(function (res) {
         console.log(res);
      });
  });

</script>

<div class="container-fluid">
    <div class="row">
        <div class="col-lg-8 col-md-12">
            <h1 class="text-right text-primary"><i class="fa fa-file-text-o"></i> Validacion Ingenieria Telcel</h1>
        </div>
        {% if identity is not empty %}

            <div class=" pull-right col-lg-pull-2" style="">

                <div class="col-lg-12">
                    <img id="logo" src="{{ asset( identity.pathLogo ) }}"  width="350" height="65">
                    <p class="text-center" style="font-size: 14pt;font-weight: bold;">{{ identity.alias }}</p>
                </div>
            </div>

        {% endif %}
    </div>
    <div class="row">
        <input type="hidden" id="contador">
        <div class="col-lg-2 " id="parametros">
            <select class="form-control" id="idproceso">
              <option value="96">GIGARED</option>
              <option value="155">5G</option>
              <option value="161">GIGARED NEW</option>
              <option value="506">SWAP DE RADIOS 5G</option>
              <option value="582">IBS E2E</option>
              <option value="583">IBS MODERNIZACION</option>
              <option value="584">IBS 5G MODERNIZACION</option>
              <option value="658">NEW SITES</option>
            </select>
        </div>
        <div class="col-lg-3 col-md-3" id="parametros" >
            <select  class="js-example-basic-single" id="idregion">
                <option value="">Seleccione Región</option>
                <option value="24">Región 1</option>
                <option value="25">Región 2</option>
                <option value="26">Región 3</option>
                <option value="27">Región 4</option>
                <option value="29">Región 6</option>
                <option value="32">Región 9</option>
            </select>
        </div>
        <div class="col-lg-4 " id="parametros">
            <textarea name="site" rows="3" cols="20" id="site"  placeholder="Coloque los sitios separados por coma"></textarea>
        </div>
        <div class="col-lg-3" id="parametros">
            <button class="btn btn-primary col-lg-5" id="generar">{{ 'monitoriii.generate' | trans }}</button>
        </div>
        <div class="col-lg-3" id="parametros">
        </div>
    </div>
    <div class="row">

    </div>
    <div class="container-fluid" id="inicio" style="">

        <div class="tab-content" style="margin-top: 20px;">
            <div id="_summary" class="tab-pane fade in active">

                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="panel panel-red">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-exclamation fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div id="rechazado" class="huge">0</div>
                                        <div>Rechazados </div>
                                    </div>
                                </div>
                            </div>
                            <a href="#">
                                <div class="panel-footer">
                                    <span class="pull-left openModal detalle_rechazados" data="rechazados">View Details</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="panel panel-yellow">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-exclamation fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div id="porValidar" class="huge">0</div>
                                        <div>Por Validar </div>
                                    </div>
                                </div>
                            </div>
                            <a href="#">
                                <div class="panel-footer">
                                    <span class="pull-left openModal detalle_por_validar" data="por_validar">View Details</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="panel panel-green">
                            <div class="panel-heading">
                                <div class="row">
                                    <div class="col-xs-3">
                                        <i class="fa fa-check fa-5x"></i>
                                    </div>
                                    <div class="col-xs-9 text-right">
                                        <div id="validado" class="huge">0</div>
                                        <div>Validados</div>
                                    </div>
                                </div>
                            </div>
                            <a href="#">
                                <div class="panel-footer">
                                    <span class="pull-left openModal validado" data="validados">View Details</span>
                                    <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>
                                    <div class="clearfix"></div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!--SE AGREGAN TAB PARA 5G-->
                <div class="row activar_5g">
                    <input type="hidden" id="total_monitor" name="total_monitor">
                    <input type="hidden" id="total_monitor_validadas" name="total_monitor_validadas">
                    <input type="hidden" id="total_monitor_colo" name="total_monitor_colo">
                    
                    <div class="row" style="margin: 30px 0 0 0px !important;">
                      <div class="col-lg-offset-9 col-md-offset-9">
                          <div class="btn-group pull-right">
                              <button class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bars"></i> {{'Exportar datos ' | trans}}</button>
                              <ul class="dropdown-menu" role="menu">
                                  <li style="margin-bottom: 3px; border-bottom: dashed 1px #e4e4e4;margin: 0px 0px 0px -10px">
                                    <form id="formExport5g"  action="{{ path('exportReporte',{'idproyectos':idproyectos}) }}" method="POST">
                                        <input type="hidden" id="idReporte" name="idReporte" value="736">
                                    </form>
                                    <a id="export5g" href="{{ path('exportReporte',{'idproyectos':idproyectos}) }}?idReporte=736" > <img src={{ asset("images/xls.png")}} width="24px"> REPORTE OTAS</a>
                                    </li>
                                
                                  <li><span  id="downloadTemplateOtaGigaNew"><a href="{{ path("reportemexico_ExcelOtaGigaNew")}}"> <img src={{ asset("images/xls.png")}} width="24px"> REPORTE OTAS TELCEL</a></span></li>

                                  <li><span id="downloadTemplateOtaNewSite"><a href="{{ path("reportemexico_ExcelOtaNewSite")}}"> <img src={{ asset("images/xls.png")}} width="24px"> REPORTE OTAS TELCEL</a></span></li>

                                  <li><span id="downloadTemplateOta5g"><a href="{{ path("reportemexico_ExcelOta5g")}}"> <img src={{ asset("images/xls.png")}} width="24px"> REPORTE OTAS TELCEL</a></span></li>
                              </ul>
                          </div>
                      </div>
                    </div>
                </div>
                <ul class="nav nav-pills nav-justified activar_5g">
                    <li idprocesos="155" headerid="1" gruopquery="4" class="active mainTab activar_ota_por_validar">
                        <a data-toggle="tab" href="#otas_por_validar"><strong>Otas por Validar</strong></a>
                    </li>
                    <li idprocesos="155" headerid="1" gruopquery="4" class="mainTab activar_ota_validadas">
                        <a data-toggle="tab" href="#otas_por_validadas"><strong>Otas Validadas</strong></a>
                    </li>
                    <!--<li idprocesos="155" headerid="1" gruopquery="4" class="mainTab activar_colo">
                        <a data-toggle="tab" href="#colo"><strong>Colo</strong></a>
                    </li>-->
                </ul>
                <div class="tab-content activar_5g" style="margin-top: 20px;">
                    <div id="otas_por_validar" class="tab-pane active">
                        <div class="pager pager_otas_por_validar">
                            <a  class="reset"><i class="fa fa-eraser" aria-hidden="true"></i></a>
                            <span class="pagedisplay"></span>
                        </div>
                        <div class="row double-scroll" id="reporte_otas_por_validar">

                        </div>
                    </div>
                    <div id="otas_por_validadas" class="tab-pane fade">
                      <form id="formCheck">
                        {% if is_granted('ROLE_VALIDACION_CLIENTE_1') %}<input type="hidden" type="text" id="parm" name="parm" value="" />
                          <button class="btn-group pull-right" id="descargar2" style="text-align:center; color:green;" type="submit">Descarga Entregables</button>
                          <br>
                          <br>
                          <div class="pull-right">
                            <label>CHECK ALL</label>
                              <input type="checkbox" id="marcador"/>
                          </div>
                        {% endif %}
                        <div class="pager pager_otas_validadas">
                            <a  class="reset"><i class="fa fa-eraser" aria-hidden="true"></i></a>
                            <span class="pagedisplay"></span>
                        </div>
                        <div class="row double-scroll" id="reporte_otas_validadas">

                        </div>
                      </form>
                    </div>
                    <!--<div id="colo" class="tab-pane fade">
                        <div class="pager pager_colo">
                            <a  class="reset"><i class="fa fa-eraser" aria-hidden="true"></i></a>
                            <span class="pagedisplay"></span>
                        </div>
                        <div class="row double-scroll" id="reporte_colo">

                        </div>
                    </div>-->
                </div>
                <!--FIN TAB PARA 5G-->
                <!--ACA SE VA A CARGAR GIGARED-->
                 <div class="row activar_gigared">
                    <div class="btn-group pull-right" role="group" aria-label="..." style="margin-right: 50px">
                        <form id="formExport"  action="{{ path('exportReporte',{'idproyectos':idproyectos}) }}" method="POST">
                            <input type="hidden" id="idReporte" name="idReporte" value="306">
                        </form>
                        <a id="export" href="{{ path('exportReporte',{'idproyectos':idproyectos}) }}?idReporte=306" > <img src={{ asset("images/xls.png")}} width="24px"> XLS</a>

                    </div>
                    <div class="pager">
                        <a  class="reset"><i class="fa fa-eraser" aria-hidden="true"></i></a>
                        <span class="pagedisplay"></span>
                    </div>
                </div>
                <div class="row double-scroll activar_gigared" id="reporte1">

                </div>
                <!--SE AGREGAN TAB PARA IBS-->
                <div class="row activar_Ibs">
                    <input type="hidden" id="total_monitor_ibs_1erNv" name="total_monitor_ibs_1erNv">
                    <input type="hidden" id="total_monitor_ibs_validados" name="total_monitor_ibs_validados">
                    <input type="hidden" id="total_monitor_ibs_2doNv" name="total_monitor_ibs_2doNv">
                    <div class="btn-group pull-right" role="group" aria-label="..." style="margin-right: 50px">
                        <form id="formExportIbs"  action="{{ path('exportReporte',{'idproyectos':idproyectos}) }}" method="POST">
                            <input type="hidden" id="idReporte" name="idReporte" value="961">
                        </form>
                        <a id="exportIbs" href="{{ path('exportReporte',{'idproyectos':idproyectos}) }}?idReporte=961" > <img src={{ asset("images/xls.png")}} width="24px"> XLS</a>
                    </div>
                </div>
                <ul class="nav nav-pills nav-justified activar_Ibs">
                    <li idprocesos="155" headerid="1" gruopquery="4" class="active mainTab activar_ibs_1erNv">
                        <a data-toggle="tab" href="#ibs_1erNv"><strong>Validación IBS 1er Nivel</strong></a>
                    </li>
                    <li idprocesos="155" headerid="1" gruopquery="4" class="mainTab activar_ibs_2doNv">
                        <a data-toggle="tab" href="#ibs_2doNv"><strong>Validación IBS 2do Nivel</strong></a>
                    </li>
                    <li idprocesos="155" headerid="1" gruopquery="4" class="mainTab activar_ibs_validados">
                        <a data-toggle="tab" href="#ibs_validados"><strong>Validados IBS</strong></a>
                    </li>
                </ul>
                <div class="tab-content activar_Ibs" style="margin-top: 20px;">
                    <div id="ibs_1erNv" class="tab-pane active">
                        <div class="pager pager_ibs_1erNv">
                            <a  class="reset"><i class="fa fa-eraser" aria-hidden="true"></i></a>
                            <span class="pagedisplay"></span>
                        </div>
                        <div class="row double-scroll" id="reporte_ibs_1erNv">

                        </div>
                    </div>
                    <div id="ibs_validados" class="tab-pane fade">
                      <form id="formCheckIbs">
                        {% if is_granted('ROLE_VALIDACION_CLIENTE_1') %}<input type="hidden" type="text" id="parmIbs" name="parmIbs" value="" />
                          <button class="btn-group pull-right" id="descargar2Ibs" style="text-align:center; color:green;" type="submit">Descarga Entregables</button>
                          <br>
                          <br>
                          <div class="pull-right">
                            <label>CHECK ALL</label>
                              <input type="checkbox" id="marcadorIbs"/>
                          </div>
                        {% endif %}
                        <div class="pager pager_ibs_validados">
                            <a  class="reset"><i class="fa fa-eraser" aria-hidden="true"></i></a>
                            <span class="pagedisplay"></span>
                        </div>
                        <div class="row double-scroll" id="reporte_ibs_validados">

                        </div>
                      </form>
                    </div>
                    <div id="ibs_2doNv" class="tab-pane">
                        <div class="pager pager_ibs_2doNv">
                            <a  class="reset"><i class="fa fa-eraser" aria-hidden="true"></i></a>
                            <span class="pagedisplay"></span>
                        </div>
                        <div class="row double-scroll" id="reporte_ibs_2doNv">

                        </div>
                    </div>
                </div>
                <!--FIN TAB PARA IBS-->
            </div>
            <div id="pager" class="pager" style="display: none;text-align: center; ">
                <form>
                    <img src="{{asset('tablesorter-master/addons/pager/icons/first.png')}}" class="first"/>
                    <img src="{{asset('tablesorter-master/addons/pager/icons/prev.png')}}" class="prev"/>

                    <img src="{{asset('tablesorter-master/addons/pager/icons/next.png')}}" class="next"/>
                    <img src="{{asset('tablesorter-master/addons/pager/icons/last.png')}}" class="last"/>
                    <span class="pagedisplay"></span>
                    <select class="pagesize" title="Select page size">
                        <option selected="selected" value="1000">1000</option>
                        <option  value="500">500</option>
                        <option  value="100">100</option>

                    </select>
                </form>
            </div>
            <div id="_detail" class="tab-pane fade in">

                <div class="col-lg-6" id="chart3">

                </div>
                <div class="col-lg-6" id="chart4">

                </div>

            </div> <!-- end detail -->
        </div>

    </div>

</div>

<div class="modal fade" id="modalDetail" 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="myModalLabel"> Validacion de Sitios Ingenieria</h2>
                </div>
                <div class="modal-body">

                    <form id="formValidacion" action="{{ path('validacioning_validateSite',{'idproyectos':idproyectos,'idmodule':idmodule}) }}" method="POST">

                        <div class="col-lg-8">
                            <label>Clave de acceso</label>
                            <input id="password" name="password" type="password" class="form-control"/>
                            <input id="idestado" name="idestado" type="hidden" value="3309"/>
                            <input id="idticket" name="idticket" type="hidden" />
                            <input id="idprocesoV" name="idprocesoV" type="hidden" />
                            <input id="region" type="hidden" name="region" >
                        </div>

                    </form>


                </div>
                <div class="modal-footer">
                    <button id="savePlan" type="button" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
                </div>
            </div>
        </div>
</div>

<div class="modal fade" id="modalDetail1nv" 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="myModalLabel"> Validacion de Sitios Ingenieria IBS 1er. Nivel</h2>
                </div>
                <div class="modal-body">

                    <form id="formValidacion1Nv" action="{{ path('validacioning_validateSite1Nv',{'idproyectos':idproyectos,'idmodule':idmodule}) }}" method="POST">

                        <div class="col-lg-8">
                            <label>Clave de acceso</label>
                            <input id="password1Nv" name="password1Nv" type="password" class="form-control"/>
                            <input id="idestado1Nv" name="idestado1Nv" type="hidden" value="3349"/>
                            <input id="idticket1Nv" name="idticket1Nv" type="hidden" />
                            <input id="idprocesoV1Nv" name="idprocesoV1Nv" type="hidden" />
                            <input id="region" type="hidden" name="region" >
                        </div>

                    </form>


                </div>
                <div class="modal-footer">
                    <button id="savePlan1Nv" type="button" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></button>
                    <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
                </div>
            </div>
        </div>
</div>

<div class="modal fade" id="modalRechazo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <form  id="formularioRechazo" name="rechazo" action="{{ path('validacioning_rechazarSite',{'idproyectos':idproyectos,'idmodule':idmodule}) }}"  enctype="multipart/form-data" method="post">
                <input id="idestadoRechazo" type="hidden" name="idestadoRechazo" value="3313">
                <input id="idprocesoR" name="idprocesoR" type="hidden" />
                <input id="idticketRechazo" type="hidden" name="idticket" >
                <input id="regionRechazo" type="hidden" name="region" >
                <input id="categoriaSeleccionada" type="hidden" name="categoriaSeleccionada" >
                <input id="tipoRechazo" type="hidden" name="tipoRechazo" >
                <input id="editar_archivo_rf" type="hidden" name="editar_archivo_rf">
                <input id="editar_size_archivo_rf" type="hidden" name="editar_size_archivo_rf">
                <input id="delete_archivo_rf" type="hidden" name="delete_archivo_rf">
                <input id="editar_archivo_construccion" type="hidden" name="editar_archivo_construccion">
                <input id="editar_size_archivo_construccion" type="hidden" name="editar_size_archivo_construccion">
                <input id="delete_archivo_construccion" type="hidden" name="delete_archivo_construccion">
                <input id="editar_archivo_ingenieria" type="hidden" name="editar_archivo_ingenieria">
                <input id="editar_size_archivo_ingenieria" type="hidden" name="editar_size_archivo_ingenieria">
                <input id="delete_archivo_ingenieria" type="hidden" name="delete_archivo_ingenieria">
            <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"> Rechazo/Documentación de Sitio</h2>
            </div>

            <div class="modal-body">

                <div class="row">
                    <div class="pull-right">
                        <button type="button" id="botonClonar" class="btn btn-success"><i class="fa fa-lg fa-plus"></i></button>
                    </div>
                </div>
                <div class="row cargando_comentarios text-center">
                    <img class="loading" width="16" src="{{asset('img/loading.gif')}}" />
                </div>
                <input id="contadorRechazos" name="contadorRechazos" value="0" type="hidden">
                <div id="materialesContainer">
                    <div class="row" id="primeraFila" style="margin-top:10px">
                      <div class="col-lg-2 divEntre">
                          <label>Entregables</label>
                          <select required class="entregables form-control" role-path="{{ path('reporteappenate_getDetalle2')}}?reporte_id=680" element="entregables" key="entregables" posicion="0" id="entregables0" name="entregables[]" tipo="1">
                              <option value=""></option>
                          </select>
                      </div>
                        <!--<div class="col-lg-2 divEntre">
                        <label>Entregables</label>
                            <select class="ajaxChange2 entregables form-control" key="entregables" posicion="0" name="entregables[]" id="entregables0">
                              <option></option>
                                <option value="87">OTA</option>
                                <option value="424">CROQUIS</option>
                                <option value="425">BOM DE RIGGING</option>
                                <option value="426">BOM DE ADECUACIONES</option>
                            </select>
                        </div>-->
                        <div class="col-lg-2">
                            <label>Categoria</label>
                            <input type="hidden" name="idcomentario[]" id="idcomentario0">
                            <select required class="ajaxChange2 categoria form-control" role-path="{{ path('reporteappenate_getDetalle2')}}?reporte_id=230" element="tipo_repuesto" key="categoria" posicion="0" id="categoria0" name="categoria[]" tipo="1">
                                <option value=""></option>
                            </select>
                        </div>
                        <div class="col-lg-2">
                            <label>Tipo</label>
                            <select required class="ajaxChange2 tipo_repuesto form-control" role-path="{{ path('reporteappenate_getDetalle2')}}?reporte_id=231" key="repuesto" posicion="0" element="repuesto" id="tipo_repuesto0" name="tipo_repuesto[]" tipo="1">
                                <option value=""></option>
                            </select>
                        </div>
                        <div class="col-lg-2">
                            <label>Causa</label>
                            <select required  class="repuesto form-control" posicion="0" name="repuesto[]" id="repuesto0">
                                <option value=""></option>
                            </select>
                        </div>
                        <div class="col-lg-2">
                            <label>Comentario</label>
                            <textarea required class="comentario form-control" name="comentario[]" id="comentario0"></textarea>
                        </div>
                        <div class="col-lg-2">
                            <label>Área</label>
                            <select required class="form-control areaDocumentar" id="areaDocumentar0" name="areaDocumentar[]" >
                                <option value=""></option>
                            </select>
                        </div>
                        <div class="col-lg-2" style="margin: 20px 0px 0 0;">
                            <a href="#" class="btn btn-danger fa fa-trash trashPrimeraFila" onclick="trashComentario(0)"></a>
                        </div>
                    </div><!-- fila 1 -->
                    <div class="row muestra_archivos">
                        <div class="form-group col-lg-4 archivoRf">
                            <label for="MP">Archivo de Área RF</label>
                            <input  name="archivo_rf" id="archivo_rf" type="file" class="file" required                                    data-show-upload="false" data-show-caption="true" data-msg-placeholder="Select for upload...">
                        </div>
                        <div class="form-group col-lg-4 archivoConstruccion">
                            <label for="MP">Archivo de Área Construcción</label>
                            <input  name="archivo_construccion" id="archivo_construccion" type="file" class="file" required                                    data-show-upload="false" data-show-caption="true" data-msg-placeholder="Select for upload...">
                        </div>
                        <div class="form-group col-lg-4 archivoIngenieria">
                            <label for="MP">Archivo de Área Ingenieria</label>
                            <input  name="archivo_ingenieria" id="archivo_ingenieria" type="file" class="file" required                                    data-show-upload="false" data-show-caption="true" data-msg-placeholder="Select for upload...">
                        </div>
                    </div>
                </div>


            </div>
            <div class="modal-footer mostrar_acciones">
                <button id="saveComentario" type="button" class="btn btn-info">Guardar Comentario y Adjunto</button>
                {% if is_granted('ROLE_VALIDACION_CLIENTE_2') %}
                    <button id="saveRechazo" type="button" class="btn btn-success">Rechazar</button>
                {% endif %}
                <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 fade" id="detalle" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" 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="myModalLabel"> Validacion de Sitio</h2>
            </div>
            <div class="modal-body">

            </div>


            <div class="modal-footer">

                <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-lg fa-times text-danger"></i></button>
            </div>

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





<div class="modal fade" id="modalGestion" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
          <form id="formGestion" name="formGestion" action="{{ path('reporteappenate_gestionSite',{'idproyectos':idproyectos,'idmodule':idmodule}) }}" method="POST">

            <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"> Gestion de Sitio</h2>
            </div>
            <div class="modal-body">


                    <div class="col-lg-8">
                        <label>Gestion Sitio</label>
                        <select name="gestion" id="gestion" required class="form-control">
                            <option></option>
                            <option value="SI">SI</option>
                            <option value="NO">NO</option>
                            <option value="NA">NA</option>
                        </select>

                        <input id="idestadoEntregable" name="entregable_id" type="hidden" value="156"/>
                        <input id="idticketGestion" name="idticket" type="hidden" />
                    </div>




            </div>
            <div class="modal-footer">
                <button id="saveGestion" type="submit" class="btn btn-default"><i class="fa fa-lg fa-save text-primary"></i></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>


<!-- ===================== Ventana Modal para cambiar Archivo de la Columna  OTAS ===================== -->
<div class="modal fade" id="modalfileUploadSDE" tabindex="-1" role="dialog" aria-labelledby="modalfileUploadSDE">
    <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="myModalLabel"></h2>
            </div>
            <form id="form-fileSDE" name="form-fileSDE" method="post" action="{{ path('validacioning_uploadfile',{'idproyectos':idproyectos,'idmodule':idmodule})}}" enctype="multipart/form-data">
                <div class="modal-body">
                    <div class="row pull-right" style="margin-bottom: 5px;">
                        <div id="divAddSDE" class="col-md-12">
                          <!--  <button id="btnAddSDE" type="button" class="btn btn-primary btn-md select-file-upload-sde" data-idte="0">
                                <span class="glyphicon glyphicon-save-file" aria-hidden="true"></span>{{ 'Agregar SDE' | trans}}</button> -->
                        </div>
                    </div>
                    <div class="row" id="div_upload_sde">
                        <div class="col-md-12"  style="margin-top: 2px;">
                            <div style="margin-bottom: 2px;"><span class="label label-info" id="lblTitleUploadFileSDE"></span></div>
                            <div class="file-area">
                                <input type="hidden" name="ticke" id="ticke-SDE" required="required"/>
                                <input type="hidden" name="idTE" id="idTE" required="required"/>
                                <input type="hidden" name="project_sde" id="project_sde" required="required"/>
                                <input type="hidden" name="procesoATO" id="procesoATO" required="required"/>
                                <input type="file" name="file" id="file-SDE" required="required"/>
                                <div class="file-dummy">
                                    <span class="success">Correcto, Pulse guardar, su archivo seleccionado.</span>
                                    <span class="default">Haga click aquí y escoja el archivo.</span>
                                </div>
                            </div>
                            <div class="pull-right" style="margin-bottom: 2px;">
                              <!--  <button id="cancelUploadFileSDE" type="button" class="btn btn-info btn-sm">{{ 'ticketDetail.status.cancel' | trans}}</button> -->
                            </div>
                        </div>
                    </div>
                    <div class="row" style="height: 5px;"></div>
                    <div class="row">
                        <div class="col-md-12">
                            <div id="divLoadingModal" class="alert alert-warning" role="alert">

                            </div>
                        </div>
                    </div>
                    <div class="row" id="tableListSDE">
                        <div class="col-md-12 text-center">
                          <!--  <table class="table table-striped table-hover">
                                <thead>
                                    <tr class="bg-primary">
                                        <th class="text-center" style="width: 20px" nowrap="nowrap">#</th>
                                        <th class="text-left">Nombre Archivo</th>
                                        <th class="text-center">Fecha</th>
                                        <th class="text-center" style="width: 30px" nowrap="nowrap">Acción</th>
                                    </tr>
                                </thead>
                                <tbody id="tbodyTableListSDE" style="font-weight: normal">

                                </tbody>
                            </table>  -->
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="alert alert-success col-lg-8 text-center" style="display:none;" id="response-incidenciasSDE"></div>
                    <div class="alert alert-error col-lg-8 text-center" style="display:none;" id="response-incidenciasSDEError"></div>
                    <button id="saveFileSDE" 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>
<!-- ===================== Fin Ventana Modal para cambiar Archivo de la Columna  OTAS ===================== -->

<!-- ===================== NUEVO Ventana Modal para actualizar el task en appenate ===================== -->
<div class="modal fade" id="modalActualizarTask" tabindex="-1" role="dialog" aria-labelledby="modalActualizarTask">
    <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="myModalLabel"></h2>
            </div>
                <div class="modal-body">
                    <input type="hidden" id="idtaskActualizar">
                    <input type="hidden" id="tipoOta">
                    <input type="hidden" id="IdTicketOtaActualizar">
                    <div class="row datosTarea" style="height: 5px;"></div>
                    <div class="row datosTarea">
                        <div class="col-md-12">
                            <label>Reporte: </label> <span id="taskName"></span>
                        </div>
                    </div>
                    <div class="row datosTarea" style="height: 5px;"></div>
                    <div class="row datosTarea">
                        <div class="col-md-12">
                            <label>Asignado a: </label> <span id="taskEmail"></span>
                        </div>
                    </div>
                    <div class="row datosTarea" style="height: 5px;"></div>
                    <div class="row datosTarea">
                        <div class="col-md-12">
                            <label>Email para reasignar</label>
                            <input type="email" class="form-control" name="emailAsignarTask" id="emailAsignarTask" readonly="readonly">
                        </div>
                    </div>
                    <div class="row" style="height: 5px;"></div>
                    <div class="row error-estatus-task text-center">
                        <div class="col-md-12">
                            <span id="taskStatus" class="text-danger"></span>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button onclick="reasignar_task()" id="asignarTask" type="button" class="btn btn-default button-reasignar"><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>
        </div>
    </div>
</div>
<!-- ===================== NUEVO Fin Modal asignar task ===================== -->

{% endblock %}