{% extends '::base.html.twig' %}
{% block title %}Ericsson Colombia{% endblock %}

{% block dashboard %}



        
        
<script languaje='Javascript'>
$(function() {
    
        $('#content_outmiddle').css('float','center');
        $('#content_outmiddle').css('width','100%');
        $('input').button();
    $('#adminEquipo').addClass('ui-state-focus');
    var lastsel3, strLen, currentPage;
    var currentEquipoId = 0, currentSite;
    var url, siteAR = "", estadoAR = "", categoriaAR = "",
        tipoAR = "", areaAR = "", proyectoAR = "", tipoKitAR = "",
        unidadAR = "", personaAR = "", equipoZonaAR = "";
        {#var mydata = {{consulta | json_encode() | raw}};#}
   /* var sitio = {#site | json_encode() | raw}}, estado = {{estado | json_encode() | raw}},
            categoria = {{categoria | json_encode() | raw}}, tipo = {{tipo | json_encode() | raw}},
            area = {{area | json_encode() | raw}}, proyecto = {{proyecto | json_encode() | raw}}, 
            tipoKit = {{tipoKit | json_encode() | raw}},
            unidad = {{unidad | json_encode() | raw}}, persona = {{persona | json_encode() | raw}}, equipoZona = {{equipoZona | json_encode() | raw#};
    */
    $( "#dialog-cargando" ).dialog({
        autoOpen: false,
        modal: true,
        resizable:false
    });                
    
    $( "#dialog" ).dialog({
        autoOpen: false,
        modal: true,
        resizable:false,
        buttons: {
            Ok: function() {
              $( this ).dialog( "close" );
            }
        }        
    }); 
   
    LoadGrid();
    $('#crearMantenimiento').click(function(){
        $('#dialog').text('¿Esta seguro de Crear la planificacion '+$('#mesPlanifica option:selected').text()+' con {{consultas}} WO ?');
        
    $( "#dialog" ).dialog({
        autoOpen: true,
        modal: true,
        resizable:false,
        buttons: {
            Ok: function() {
        $( "#dialog-cargando" ).dialog('open'); 
                mes = $("#mesPlanifica").val();
                years = $("#years").val();
                
                            $.ajax({
                                        type: "POST",
                                        async: true,
                                            url: "{{ path('crearPreventivo')}}",
                                        data: { $mes : mes, $years:years }                                
                                    }).done(function( msg ) {
        $( "#dialog-cargando" ).dialog('close'); 
                                        location.reload();
                                    });
              $( this ).dialog( "close" );
            },
            Cancel:function() {
              $( this ).dialog( "close" );
            }
        }        
    }); 
        
    })
    function LoadGrid(){
        $( "#dialog-cargando" ).dialog('open'); 
        var tmpAR = "";
       /* 
        //Carga de DropDown site        
        for(var sitios in sitio ){       
          //siteAR[sitio[sitios]['idSite']] = sitio[sitios]['codigo'];
          //tmpAR.push({idSite:sitio[sitios]['idSite'],codigo:sitio[sitios]['codigo']});          
          //siteAR.push(sitio[sitios]['codigo']);  
            siteAR += sitio[sitios]['idSite'] + ":" + sitio[sitios]['codigo'] + ";"; //Listado separado por ;  
        };        
        strLen = siteAR.length;
        siteAR = siteAR.slice(0,strLen-1);
        
        //Carga de DropDown estado
        for(var estados in estado ){       
          //estadoAR.push(estado[estados]['estado']);
          estadoAR += estado[estados]['equipo_estado_id'] + ":" + estado[estados]['estado'] + ";";
        };
        strLen = estadoAR.length;
        estadoAR = estadoAR.slice(0,strLen-1);        

        //Carga de DropDown categoria
        /*for(var categorias in categoria ){       
          //categoriaAR.push(categoria[categorias]['nombre']);
          var tmp = categoria[categorias]['nombre'];
          tmp = String.trim(tmp); 
          if(typeof(tmp) != "undefined"){
            categoriaAR += categoria[categorias]['id'] + ":" + categoria[categorias]['nombre'] + ";";
          }else{
            
          }            
        };
        
        {# set i=0 #}    
        {# for categorias in categoria #}
            {# if categorias.nombre is not null #}
                categoriaAR += parseInt({#categorias.id | json_encode() | raw}}) + ":" + {{categorias.nombre | json_encode() | raw}} + ";";
            {# endif #}
            {# set i = i +1#}                
        {# endfor #}
        strLen = categoriaAR.length;
        categoriaAR = categoriaAR.slice(0,strLen-1);                
        //alert(categoriaAR);
        //Carga de DropDown tipo
        for(var tipos in tipo ){       
          //tipoAR.push(tipo[tipos]['tipo']);
          tipoAR += tipo[tipos]['equipo_tipo_id'] + ":" + tipo[tipos]['tipo'] + ";";
        };
        strLen = tipoAR.length;
        tipoAR = tipoAR.slice(0,strLen-1);                        

        //Carga de DropDown area
        for(var areas in area ){       
          //areaAR.push(area[areas]['nombre']);
          areaAR += area[areas]['id'] + ":" + area[areas]['nombre'] + ";";
        };  
        strLen = areaAR.length;
        areaAR = areaAR.slice(0,strLen-1);                                

        //Carga de DropDown proyecto
        for(var proyectos in proyecto ){       
          //proyectoAR.push(proyecto[proyectos]['nombre']);
          proyectoAR += proyecto[proyectos]['id'] + ":" + proyecto[proyectos]['nombre'] + ";";
        };
        strLen = proyectoAR.length;
        proyectoAR = proyectoAR.slice(0,strLen-1);                                        

        //Carga de DropDown tipoKit
        for(var tipoKits in tipoKit ){       
          //tipoKitAR.push(tipoKit[tipoKits]['nombre']);
          tipoKitAR += tipoKit[tipoKits]['id'] + ":" + tipoKit[tipoKits]['nombre'] + ";";
        }; 
        strLen = tipoKitAR.length;
        tipoKitAR = tipoKitAR.slice(0,strLen-1);        

        //Carga de DropDown unidad
        for(var unidades in unidad ){       
          //unidadAR.push(unidad[unidades]['nombre']);
          unidadAR += unidad[unidades]['id'] + ":" + unidad[unidades]['nombre'] + ";";
        };  
        strLen = unidadAR.length;
        unidadAR = unidadAR.slice(0,strLen-1);                

        //Carga de DropDown persona
        for(var personas in persona ){       
          //personaAR.push(persona[personas]['persona']);
          personaAR += persona[personas]['id'] + ":" + persona[personas]['persona'] + ";";
        };
        strLen = personaAR.length;
        personaAR = personaAR.slice(0,strLen-1);                        
        
        //Carga de DropDown equipoZona
        for(var equipoZonas in equipoZona ){       
          //equipoZonaAR.push(equipoZona[equipoZonas]['zona']);
          equipoZonaAR += equipoZona[equipoZonas]['equipo_zona_id'] + ":" + equipoZona[equipoZonas]['zona'] + ";";
        };
        strLen = equipoZonaAR.length;
        equipoZonaAR = equipoZonaAR.slice(0,strLen-1); */                               

        //alert(siteAR);
        //Declaración del Grid GridEquipo 
            jQuery("#GridEquipo").jqGrid({
                url: "{{path ('GridEquipox')}}",        
                datatype: "json",
                //data: mydata,
                mtype: 'POST',
                width: 800,
                height: 400,
                colNames:['WO', 'Tipo', 'Sitio', 'Supervisor', 'fecha Programacion'],
                colModel:[
                        {name:'wo',index:'wo', width:190, key:true, editable:true,hidden:false, editrules:{edithidden:true,required:false}},
                        {name:'tipo',index:'tipo', width:90,sorttype:"text", editable:true}, 
                        {name:'sitio',index:'sitio', width:190,sorttype:"text", editable:true},
                        {name:'supervisor',index:'supervisor', width:150,sorttype:"text", editable:true}, 
                        {name:'fechaProgramacion',index:'fechaProgramacion', width:140,sorttype:"text", editable:true}
                       /* {name:'tipo',index:'tipo', width:60, sorttype:"text",edittype:"select", editable:true, editrules:{required:true}, editoptions: { value:tipoAR}},
                        {name:'sitio',index:'sitio', width:90, sorttype:"text", edittype:"select", editable:true, editrules:{required:true}, editoptions: { value:sitioAR}},
                        {name:'equipo_categoria_id',index:'equipo_categoria_id', width:90, sorttype:"text", edittype:"select", editable:true, editrules:{required:true}, editoptions: { value:categoriaAR}},
                        {name:'equipo_tipo_id',index:'equipo_tipo_id', width:90, sorttype:"text", edittype:"select", editable:true, editrules:{required:true}, editoptions: { value:tipoAR}},
                        {name:'equipo_area_id',index:'equipo_area_id', width:90, sorttype:"text", edittype:"select", editable:true, editrules:{required:true}, editoptions: { value:areaAR}},                    
                        {name:'equipo_proyecto_id',index:'equipo_proyecto_id', width:90, sorttype:"text", edittype:"select", editable:true, editrules:{required:true}, editoptions: { value:proyectoAR}},
                        {name:'equipo_tipo_kit_id',index:'equipo_tipo_kit_id', width:90, sorttype:"text", edittype:"select", editable:true, edittype:"select",editoptions:{value:tipoKitAR}}, 
                        {name:'equipo_tipo_unidad_id',index:'equipo_tipo_unidad_id', width:90,sorttype:"text", edittype:"select", editable:true, editoptions:{value:unidadAR}},                     
                        {name:'persona_id',index:'persona_id', width:90, sorttype:"text", edittype:"select", editable:true, editoptions:{value:personaAR, defaultValue:'NA'}},                    
                        {name:'serie',index:'serie', width:90,sorttype:"text", editable:true},                
                        {name:'valor_unidad',index:'valor_unidad', width:90,sorttype:"float", editable:true},                     
                        {name:'consumible',index:'consumible', width:90, editable:true, edittype:"checkbox", editoptions:{value:"1:0",defaultValue:'1'}},                     
                        {name:'activo',index:'activo', width:90, editable:true, edittype:"checkbox", editoptions:{value:"1:0",defaultValue:'1'}}, //defaultValue pone el valor por defecto que se le indique
                        {name:'equipo_zona_id',index:'equipo_zona_id', width:90,sorttype:"text", edittype:"select", editable:true, editoptions:{value:equipoZonaAR}},
                        {name:'banda',index:'banda', width:90,sorttype:"text", editable:true},
                        {name:'gabinete',index:'gabinete', width:90,sorttype:"int", editable:true},                        
                        {name:'configuracion',index:'configuracion', width:90,sorttype:"text", editable:true},
                        {name:'sectores',index:'sectores', width:90,sorttype:"text", editable:true},
                        {name:'antena',index:'antena', width:90,sorttype:"text", editable:true},
                        {name:'tipo',index:'tipo', width:90,sorttype:"text", editable:true},
                        {name:'radios',index:'radios', width:90,sorttype:"text", editable:true},
                        {name:'altura',index:'altura', width:90,sorttype:"text", editable:true},
                        {name:'no_circuito',index:'no_circuito', width:90,sorttype:"text", editable:true},
                        {name:'breaker_princ',index:'breaker_princ', width:90,sorttype:"text", editable:true},
                        {name:'feeder',index:'feeder', width:90,sorttype:"text", editable:true},
                        {name:'lineas_fo',index:'lineas_fo', width:90,sorttype:"text", editable:true},
                        {name:'no_medidor',index:'no_medidor', width:90,sorttype:"text", editable:true},
                        {name:'no_localizacion',index:'no_localizacion', width:90,sorttype:"text", editable:true},
                        {name:'observaciones',index:'observaciones', width:300,sorttype:"text", edittype:"textarea" , editable:true, editoptions:{rows:"2",cols:"20"}}*/
                        

                ],
                onSelectRow: function(id){
                        if(id && id!==lastsel3){
                                jQuery('#GridEquipo').jqGrid('restoreRow',lastsel3);
                                //jQuery('#GridEquipo').jqGrid('editRow',id,true,pickdates);
                                //jQuery("#GridEquipo").jqGrid('editRow', id,true);
                                lastsel3=id;
                        }
                        //Agrega la infomación necesaria en los campos R site,elemento,distancia,pais,regio,localidad
                        var id = jQuery("#GridEquipo").jqGrid('getGridParam','selrow');
                        if (id)	{
                                var ret = jQuery("#GridEquipo").jqGrid('getRowData',id);
                                //alert("id="+ret.id+" nombre_GridEquipo="+ret.nombre_GridEquipo+"...");
                                currentEquipoId = ret.wo;
                                currentSite = ret.sitio;
                                //alert(currentSite);
                            
                        } else { alert("Por favor seleccione un equipo");}                                           
                    },
                multiselect: false,
                rowNum:50,
                rowList:[50,100,200],        
                gridview: true,
                scroll: false,
                shrinkToFit: false,
                pager: '#Equipotoolbar',
                sortname: 'wo',
                loadonce: true,
                viewrecords: true,
                rownumbers: false,
                sortorder: "asc",
                jsonReader: {
                    repeatitems : true,
                    cell:"",
                    wo: "0"
                }, 
                //localReader: {repeatitems: true},
                editurl: "{{path ('cargaMantenimientoClaro',{'idproyectos':idproyectos, 'idmodule':idmodule})}}",
                caption: "Cronograma Mantenimiento Preventivo"
        });

        jQuery("#GridEquipo").jqGrid('navGrid','#Equipotoolbar',{edit:true,add:true,del:true,search:false,refresh:true},
                {bSubmit: "Editar Mantenimiento",editCaption: "Editar Mantenimiento",reloadAfterSubmit:false,closeAfterEdit:true,width:450,dataheight:400,modal: true,//Editar Opciones
                onInitializeForm: function(id) {
                    //Hace que todos los dropdown tengan la opción correcta con respecto al registro 
                    //escogido por el usuario

                {#{% set i=0 %}    
                    {% for sites in site %}                            
                        {if (currentSite == "{{sites.rsite | raw}}")
                            {
                               $('select#site_id  option[value="{{sites.site_id | raw}}"]').attr("selected","selected");
                            }
                        {% set i = i +1%}
                    {% endfor %} #}

                },
                onclickSubmit: function (id) {
                    var id = jQuery("#GridEquipo").jqGrid('getGridParam','selrow');
                    if (id)	{
                            var ret = jQuery("#GridEquipo").jqGrid('getRowData',id);
                            //alert("id="+ret.id+" nombre_GridEquipo="+ret.nombre_GridEquipo+"...");
                            currentEquipoId = ret.wo;
                            currentSite = ret.sitio;
                            //Se obtiene la página actual del Grid
                            currentPage = $('#GridEquipo').getGridParam('page'); 
                            $.ajax({
                                        type: "GET",
                                        async: true,
                                        url: "{{ path('cargaMantenimientoClaro',{'idproyectos':idproyectos, 'idmodule':idmodule})}}",
                                        data: { wo : currentEquipoId, sitio:currentSite }                                
                                    }).done(function( msg ) {
                                        {#$( "#grid" ).load('{{ path('equipo') }}');#}
                                            //$("#GridEquipo").setGridParam({data:mydata, page:currentPage}).trigger("reloadGrid", [{current: true}]);
                                            $("#GridEquipo").setGridParam({datatype:'json',url:"{{path('GridEquipox')}}",postData: { wo: currentEquipoId }, page:currentPage}).trigger("reloadGrid", [{current: true}]);
                                            });                        
                            mensaje = "El Equipo se ha actualizado Exitosamente";
                            $( "#dialog" ).dialog('open');
                            $( "#dialog" ).text(mensaje);

                    } else { alert("Por favor seleccione una WO");}                  
                }},
                {bSubmit: "Guardar WO",addCaption: "Agregar WO",reloadAfterSubmit:false,closeAfterAdd:true,width:450,dataheight:400,modal: true,//Agregar Opciones

                onclickSubmit: function (id) {                
                    //mensaje = "Record add successfully";
                    //$( "#dialog" ).dialog('open');
                    //$( "#dialog" ).text(mensaje);
                    currentPage = $('#GridEquipo').getGridParam('page'); 
                    {#mydata = {{consulta | raw}};#}
                    var newUrl = "{{path('GridEquipox')}}"; 
                    $.ajax({
                            type: "POST",
                            async: true,
                            url: "{{ path('cargaMantenimientoClaro',{'idproyectos':idproyectos, 'idmodule':idmodule})}}",
                            data: { wo : currentEquipoId}                                
                        }).done(function( msg ) {
                            {#$( "#grid" ).load('{{ path('equipo') }}');#}
                                //LoadGrid();                                
                                //$("#GridEquipo").GridUnload();
                                {#$("#GridEquipo").setGridParam({url:newUrl, page:currentPage}).trigger("reloadGrid", [{current: true}]);#}
                                $("#GridEquipo").setGridParam({datatype:'json',url:"{{path('GridEquipox')}}", page:currentPage}).trigger("reloadGrid", [{current: true}]);
                                });
                            mensaje = "El Equipo se ha ingresado Exitosamente";
                            $( "#dialog" ).dialog('open');
                            $( "#dialog" ).text(mensaje);
                    //$("#GridEquipo").setGridParam({datatype:'local', page:1}).trigger("reloadGrid", [{current: true}]); 
                    {#$( "#grid" ).load('{{ path('GridEquipo') }}');#}
                    //location.reload();    
                    return true;
                    //$("#GridEquipo").setGridParam({datatype:'local', page:1}).trigger('reloadGrid');
                    //$("#GridEquipo").trigger("reloadGrid");

                }},
                {msg: "¿Desea Eliminar la WO Seleccionado?",bSubmit: "Eliminar WO",caption: "Eliminar WO",width:300,reloadAfterSubmit:false,//Delete Opciones
                    onclickSubmit: function (id) {
                    currentPage = $('#GridEquipo').getGridParam('page'); 
                    id = jQuery("#GridEquipo").jqGrid('getGridParam','selrow');
                    if (id)	{
                            var ret = jQuery("#GridEquipo").jqGrid('getRowData',id);
                            //alert("id="+ret.id+" nombre_GridEquipo="+ret.nombre_GridEquipo+"...");
                            currentEquipoId = ret.wo;                         
                            id = currentEquipoId;
                            $("#GridEquipo").setGridParam({datatype:'json',url:"{{path('GridEquipox')}}", page:currentPage}).trigger("reloadGrid", [{current: true}]);
                            return id;
                    } else { alert("Debes de seleccionar un Equipo para Eliminarlo");}
                    alert("Proyecto Borrado " + currentEquipoId);

                }});
        jQuery("#GridEquipo").jqGrid('filterToolbar',{stringResult: true,searchOnEnter : false});
        jQuery("#GridEquipo").jqGrid('bindKeys', {"onEnter":function( id ) { 
                //Agrega la infomación necesaria en los campos R site,elemento,distancia,pais,regio,localidad
                var id = jQuery("#GridEquipo").jqGrid('getGridParam','selrow');
                if (id)	{
                        var ret = jQuery("#GridEquipo").jqGrid('getRowData',id);
                        //$("#Name").val(ret.Name);
                } else { alert("Por favor seleccione un equipo");}            

                } 
            } ); 
        $( "#dialog-cargando" ).dialog('close');    
        }

});
</script>
    <br>
    <div style="min-height: 600px">
        <h1 style=" margin: auto; text-align: center;">
            Carga Masiva Mantenimientos Preventivos
        </h1>
        <br>
        <form  enctype="multipart/form-data"  action="{{path('cargaMantenimientoClaro',{'idproyectos':idproyectos, 'idmodule':idmodule})}}" method="POST">
        <table class=" tablesorter" style=" width: 80%; margin: auto;">
            <thead>
                <tr>
                <th>Carga Masiva</th>                
                <th></th>     
            </tr>
            </thead>
            <tr>
                <td><input type="file" name="archivo">Archivo csv</td>
                <td><input type="hidden" name="opc" value="0">
                    <button type="submit">Cargar archivo</button>
                </td>
            </tr>
        </table>
    </form>
        {% if consultas > 0%}
            
        <table class=" tablesorter"  style=" width: 80%; margin: auto;">
            <thead>
            <tr>
                <th>Seleccione mes de Planificacion </th>
                <th>
                    <select id="mesPlanifica">
                        {% set a = 1 %}
                        {% for mes in meses%}
                        <option {% if a<10%} value="0{{a}}"{% else %}value="{{a}}"{%endif %}>{{mes.mes}}</option>
                        {% set a = a +1 %}
                        {% endfor %}
                    </select>
                </th>
                <th>
                    Año
                </th>
                <th>
                    <select id="years">
                        <option value="{{"now"|date("Y")+ 1}}">{{"now"|date("Y")+1}}</option>
                        <option value="{{"now"|date("Y")}}">{{"now"|date("Y")}}</option>
                        <option value="{{"now"|date("Y")- 1}}">{{"now"|date("Y")-1}}</option>
                    </select>
                </th>
                <th>
                    Total WO
                </th>
                <th>{{consultas}}</th>
                <th><button type="button" id="crearMantenimiento">Crear Cronograma</button>   </th>
            </tr>
            </thead>
        </table>
        {% endif%}
        <br>
<form id="formEquipo" name="formEquipo" method="POST">
    <table  align="center" style="margin:auto;" class="ui-widget ui-widget-content" width="800px">
        <tr>
            <td>
                <table id="GridEquipo"></table>    
                <div id="Equipotoolbar" ></div>    
            </td>
        </tr>
    </table>    
</form>
</div>
<div id="dialog-cargando" title="Espere">
    <br>
    <center>
        <h2>Cargando...</h2>
        <image src="{{ asset('images/spiral.gif') }}">
    </center>
</div> 
<div id="dialog" title="Mantenimiento">
</div>  
{% endblock %}

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


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

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

        </div>


    </div>
{%endblock %}