@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div>
                <div class="panel panel-primary">
                    <div class="panel-heading">Nodos</div>
                    <div class="panel-body">
                        <div class="actions">
                            <a href="/nodo_nuevo"><button type="button" class="btn btn-success">Nuevo Nodo</button></a>
                        </div>
                        <br>
                        <br>

                        <table id="record_list" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
                            <thead>
                                <tr>
                                    <th>&nbsp;</th>
                                    <th>ID</th>
                                    <th>Nombre</th>
                                    <th>ISP</th>
                                    <th>Clientes Totales</th>
                                        @permission('cantidad')
                                            <th>Clientes Propios</th>
                                            <th>Clientes Heredados</th>
                                        @endpermission
                                    <th></th>
                                    <th>&nbsp;</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="mantenimientos" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Mantenimientos</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <table id="tabla" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
                        <thead>
                            <tr>
                                <th>Inicio</th>
                                <th>Fin</th>
                                <th>Observacion</th>
                            </tr>
                        </thead>
                        <tbody id =bodyLista>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary pull-left" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="/js/dataTables-buttons.min.js"></script>
    <script src="/js/buttons-html5.min.js"></script>
    <script src="/js/jszip.min.js"></script>
    <script src="/js/pdfmake.min.js"></script>
    <script src="/js/buttons.print.min.js"></script>
    <script src="/js/vfs_fonts.js"></script>

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.2.0/dist/leaflet.css"
        integrity="sha512-M2wvCLH6DSRazYeZRIm1JnYyh22purTM+FDB5CsyxtQJYeKq83arPe5wgbNmcFXGqiSH2XR8dT/fJISVA1r/zQ=="
        crossorigin=""
    />

    <link rel="stylesheet" type="text/css" href="/css/buttons-dataTables.min.css"/>

    <!-- Make sure you put this AFTER Leaflet's CSS -->
    <script
        src="https://unpkg.com/leaflet@1.2.0/dist/leaflet.js"
        integrity="sha512-lInM/apFSqyy1o6s89K4iQUKg6ppXEgsVxT35HbzUupEVRh2Eu9Wdl4tHj7dZO0s1uvplcYGmt3498TtHq+log=="
        crossorigin=""
    >
    </script>

    <script>
        var nuevo=false;
        nagios = "{{ env('NAGIOS_WEB', 'nagios2.westnet.com.ar') }}";
        nagvis = "{{ env('NAGVIS_WEB', 'monitoreo.westnet.com.ar') }}";

        $(document).ready(function() {
            $('#record_list').DataTable({
                "order": [[ 1, "asc" ]],
                stateSave: true,
                dom: 'Bfrtip',
                buttons: [
                    'csv', 'excel', 'pdf'
                ],
                "ajax":{
                    "url": "/nodos_list",
                    "type": "GET"
                },
                "columns": [
                    {"data":"id"},
                    {"data":"nombre"},
                    {"data":"srv_name"},
                    {"data":"porcentaje"},
                    {"data":"clientes_propios"},
                    {"data":"clientes_heredados"}
                ],
                "language": {
                    "url":"/js/Spanish.json"
                },
                @permission('cantidad')
                    "columnDefs": [
                        {
                            "orderable":false,
                            "targets" : 0,
                            "render": function ( data, type, row ) {
                                if(row.nombre == 'Centro de Computos') {
                                    return '<a href="https://'+nagios+'/nagios/cgi-bin/status.cgi?hostgroup='+row.nombre.replace(/ /g,"_")+'&style=detail" target="_blank"><i class="fa fa-object-group" title="Nagios Hostgroup"></i></a> <a href="http://'+nagvis+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show='+"Decimo"+'" target="_blank"><i class="fa fa-sitemap" title="Mapa Nagvis Nodo"></i></a> <a href="http://'+nagvis+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show=1_Global&search='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-certificate" title="Mapa Nagvis Global"></i></a>';
                                }

                                return '<a href="https://'+nagios+'/nagios/cgi-bin/status.cgi?hostgroup='+row.nombre.replace(/ /g,"_")+'&style=detail" target="_blank"><i class="fa fa-object-group" title="Nagios Hostgroup"></i></a> <a href="http://'+nagvis+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-sitemap" title="Mapa Nagvis Nodo"></i></a> <a href="http://'+nagvis+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show=1_Global&search='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-certificate" title="Mapa Nagvis Global"></i></a>';
                            }
                        },
                        {
                            "orderable":true,
                            "targets" : 1,
                            "render": function ( data, type, row ) {
                                return row.id;
                            }
                        },
                        {
                            "orderable":true,
                            "targets" : 2,
                            "render": function ( data, type, row ) {
                                return '<a href="/nodo/'+row.id+'" title="Formulario Nodo">'+row.nombre+'</a>';
                            }
                        },
                        {
                            "orderable":false,
                            "targets" : 3,
                            "render": function ( data, type, row ) {
                                return row.srv_name;
                            }
                        },
                        {
                            "orderable":true,
                            "targets" : 4,
                            "render": function ( data, type, row ) {
                                return row.porcentaje+'%';
                            }
                        },
                        {
                            "orderable":true,
                            "targets" : 5,
                            "render": function ( data, type, row ) {
                                return row.clientes_propios;
                            }
                        },
                        {
                            "orderable":true,
                            "targets" : 6,
                            "render": function ( data, type, row ) {
                                if(row.id == 200){
                                    return "-";
                                }

                                return row.clientes_heredados;
                            }
                        },
                        {
                            "orderable":true,
                            "targets" : 7,
                            "render": function ( data, type, row ) {
                                return '<a href=#><i class="fa fa-list" onClick= verMantenimientos('+row.id+') title="Ver mantenimientos"></i></a>';
                            }
                        },
                        {
                            "orderable":false,
                            "targets" : 8,
                            "render": function ( data, type, row ) {
                                return '<a href=# onClick="delete_record($(this).parents(\'tr\'))"><i class="fa fa-trash-o" title="Eliminar"></i></a>';
                            }
                        },
                    ]
                @endpermission

                @if(!Auth::user()->hasPermission('cantidad'))
                    "columnDefs": [
                        {
                            "orderable":false,
                            "targets" : 0,
                            "render": function ( data, type, row ) {
                                return '<a href="https://'+nagios+'/nagios/cgi-bin/status.cgi?hostgroup='+row.nombre.replace(/ /g,"_")+'&style=detail" target="_blank"><i class="fa fa-object-group" title="Nagios Hostgroup"></i></a> <a href="https://'+nagios+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-sitemap" title="Mapa Nagvis Nodo"></i></a> <a href="https://'+nagios+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show=1_Global&search='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-certificate" title="Mapa Nagvis Global"></i></a>';
                            }
                        },
                        {
                            "orderable":true,
                            "targets" : 1,
                            "render": function ( data, type, row ) {
                                return row.id;
                            }
                        },
                        {
                            "orderable":true,
                            "targets" : 2,
                            "render": function ( data, type, row ) {
                                return '<a href="/nodo/'+row.id+'" title="Formulario Nodo">'+row.nombre+'</a>';
                            }
                        },
                        {
                            "orderable":false,
                            "targets" : 3,
                            "render": function ( data, type, row ) {
                                return row.srv_name;
                            }
                        },
                        {
                            "orderable":true,
                            "targets" : 4,
                            "render": function ( data, type, row ) {
                                return row.porcentaje+'%';
                            }
                        },
                        {
                            "orderable":true,
                            "targets" : 5,
                            "render": function ( data, type, row ) {
                                return '<a href=#><i class="fa fa-list" onClick= verMantenimientos('+row.id+') title="Ver mantenimientos"></i></a>';
                            }
                        },
                        {
                            "orderable":false,
                            "targets" : 6,
                            "render": function ( data, type, row ) {
                                return '<a href=# onClick="delete_record($(this).parents(\'tr\'))"><i class="fa fa-trash-o" title="Eliminar"></i></a>';
                            }
                        },
                    ]
                @endif
            });
        });

        function delete_record(dom_row) {
            var dt_row=$('#record_list').DataTable().row(dom_row);
            var data = dt_row.data();

            bootbox.confirm("Est&aacute; seguro de borrar este nodo? No hay deshacer!",function(answer) {
                if(answer) {
                    $.ajax({
                        url: '/nodo/'+data.id,
                        type: "DELETE",
                        dataType: "json",
                        contentType: "application/json",
                        success: function(result) {
                            if(result.status=='ok') {
                                $('#record_list').DataTable().ajax.reload();
                            }
                        },
                        error: function(e) {
                            alert("Error 003");
                        }
                    });
                }
            });
        }

        $('#modal').hide();
    </script>
@endsection