@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div>
                <div class="panel panel-default">
                    <div class="panel-heading">
                        {{$title}}

                        @if(isset($a->nombre))
                            <a href="http://{{env('NAGVIS_WEB')}}/nagios/cgi-bin/status.cgi?hostgroup={{str_replace(' ','_',$a->nombre)}}&style=detail" target="_blank"><i class="fa fa-object-group" title="Nagios Hostgroup"></i></a> <a href="http://{{env('NAGVIS_WEB')}}/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show=1_Global&search={{str_replace(' ','_',$a->nombre)}}" target="_blank"><i class="fa fa-sitemap" title="Mapa Nagvis"></i></a>
                        @endif
                    </div>
                    <div class="panel-body">
                        <ul class="nav nav-tabs">
						    <li class="active"><a id="data_tab" data-toggle="tab" href="#data">Datos del Nodo</a></li>
							<li id="settings_tab"><a data-toggle="tab" href="#add_aparato">Agregar Aparato</a></li>
                        </ul>
                        <div class="tab-content">
    						<div id="data" class="tab-pane fade in active">
                                @if (count($errors) > 0)
                                    <div class="alert alert-danger">
                                        <ul>
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif

                                <form method=post action="/{{$action}}">
                                    {{ csrf_field() }}

                                    @if (isset($a->id))
                                        <input type="hidden" name="idoriginal" value="{{$a->id}}" id="id"/>
                                    @endif
                                    <div class="form-group">
                                        <label>ID</label>
                                        <input class="form-control" type=text name="id" value="{{ old('id',(isset($a->id) ? $a->id:'')) }}">
                                    </div>
                                    <div class="form-group">
                                        <label>Nombre</label>
                                        <input class="form-control" type=text name="nombre" value="{{ old('nombre',(isset($a->nombre) ? $a->nombre:'')) }}">
                                    </div>
                                    <div class="form-group">
                                        <label>Coordenadas</label>
                                        @if(isset($a->coordenadas))
                                            <a href="https://www.google.com.ar/maps/place/{{str_replace(',','+',$a->coordenadas)}}" target="_blank"><i class="fa fa-globe" title="Ver en mapa"></i></a>
                                        @endif
                                        <input class="form-control" type=text name="coordenadas" value="{{ old('coordenadas',(isset($a->coordenadas) ? $a->coordenadas:'')) }}">
                                    </div>
				    				<div class="col-xs-12 col-sm-12">
					    				<label>Protocolo de corte</label>
						    			<div class="form-group col-xs-12">
							    			<label class="col-sm-2 control-label">Titular</label>
								    		<div class="col-sm-10">
									    		<input class="form-control" type=text name="titular" value="{{ old('titular',(isset($a->titular) ? $a->titular:'')) }}">
										    </div>
									    </div>
									    <div class="form-group col-xs-12">
										    <label class="col-sm-2 control-label">Direcci&oacute;n</label>
										    <div class="col-sm-10">
											    <input class="form-control" type=text name="direccion" value="{{ old('direccion',(isset($a->direccion) ? $a->direccion:'')) }}">
										    </div>
									    </div>
									    <div class="form-group col-xs-12">
										    <label class="col-sm-2 control-label">Espera</label>
										    <div class="col-sm-10">
											    <input class="form-control" type=text name="espera" value="{{ old('espera',(isset($a->espera) ? $a->espera:'')) }}">
										    </div>
									    </div>
									    <div class="form-group col-xs-12">
										    <label class="col-sm-2 control-label">Tel&eacute;fonos</label>
										    <div class="col-sm-10">
											    <input class="form-control" type=text name="telefono" value="{{ old('telefono',(isset($a->telefono) ? $a->telefono:'')) }}">
										    </div>
									    </div>
									    <div class="form-group col-xs-12">
										    <label class="col-sm-2 control-label">Horario</label>
										    <div class="col-sm-10">
											    <input class="form-control" type=text name="horario" value="{{ old('horario',(isset($a->horario) ? $a->horario:'')) }}">
										    </div>
									    </div>
									    <div class="form-group col-xs-12">
										    <label class="col-sm-2 control-label">Observaciones</label>
										    <div class="col-sm-10">
											    <input class="form-control" type=text name="observaciones" value="{{ old('observaciones',(isset($a->observaciones) ? $a->observaciones:'')) }}">
										    </div>
									    </div>
								    </div>
                                    <div class="form-group">
                                        @if ($action=='nodo_actualizar')
                                            <button type="submit" class="btn-warning">Actualizar</button>
                                            <button id="borrar" type="button" class="btn-danger">Eliminar</button>
                                        @else
                                            <button type="submit" class="btn-success">Crear</button>
                                        @endif
                                    </div>
                                    <h3>PTPs</h3>
                                    <table id="aparatos_list_ptps" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
                                        <thead>
                                            <tr>
				    							<th>&nbsp;</th>
                                                <th>Nombre</th>
						    					<th>IP</th>
                                                <th>&nbsp;</th>
                                            </tr>
                                        </thead>
                                    </table>
                                    <h3>Routers</h3>
                                    <table id="aparatos_list_routers" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th>&nbsp;</th>
                                                <th>Nombre</th>
											    <th>IP</th>
                                                <th>&nbsp;</th>
                                            </tr>
                                        </thead>
                                    </table>
                                    <h3>Switches</h3>
                                    <table id="aparatos_list_switches" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th>&nbsp;</th>
                                                <th>Nombre</th>
											    <th>IP</th>
                                                <th>&nbsp;</th>
                                            </tr>
                                        </thead>
                                    </table>
                                    <h3>APs</h3>
                                    <table id="aparatos_list_aps" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th>&nbsp;</th>
                                                <th>Nombre</th>
                                                <th>IP</th>
                                                <th>&nbsp;</th>
                                            </tr>
                                        </thead>
                                    </table>
								    <h3>Test220s</h3>
                                    <table id="aparatos_list_test220" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th>&nbsp;</th>
                                                <th>Nombre</th>
                                                <th>IP</th>
                                                <th>&nbsp;</th>
                                            </tr>
                                        </thead>
                                    </table>
                                    <h3>Servidor/Otros</h3>
                                    <table id="aparatos_list_otros" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
                                        <thead>
                                            <tr>
                                                <th>&nbsp;</th>
                                                <th>Nombre</th>
                                                <th>IP</th>
                                                <th>&nbsp;</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
								<div id="add_aparato" class="tab-pane fade">
									<table id="aparatos_list" class="table table-striped table-bordered dt-responsive" style="width:100% !important" cellspacing="0">
										<thead>
											<tr>
												<th>Nombre</th>
												<th>Rol</th>
												<th>IP</th>
											</tr>
										</thead>
									</table>
									<button type=button id="agregar_aparatos" class="btn-warning">Agregar Aparatos</button>
								</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script>
        nagvis = "{{ env('NAGVIS_WEB') }}";

        $(document).ready(function() {
            $('#borrar').click(function() {
                bootbox.confirm("Est&aacute; seguro de borrar este nodo? No hay deshacer!",function(answer) {
                    if(answer) {
                        $.ajax({
                            url: '/nodo/'+$('#id').val(),
                            type: "DELETE",
                            dataType: "json",
                            contentType: "application/json",
                            success: function(result) {
                                if(result.status=='ok') {
                                    $.unblockUI();
                                    window.location.href='/nodos';
                                }
                            },
                            error: function(e) {
                                alert("Error 003");
                            }
                        });
                    }
                });
            });

            $('#aparatos_list').DataTable( {
                "order": [[ 1, "asc" ]],
                stateSave: true,
                "ajax":{
                    "url": "/aparatos_unassigned_list",
                    "type": "GET"
                },
                "columns": [
                    {"data":"nombre"},
                    {"data":"rol"},
                    {"data":"ip"},
                ],
                "language": {
                    "url":"/js/Spanish.json"
                },
                "columnDefs": [
                    {
                        "orderable":false,
                        "targets" : 1,
                        "render": function ( data, type, row ) {
                            if(row.rol==1)
                                return 'PTP';
                            else if(row.rol==2)
                                return 'Router';
                            else if(row.rol==3)
                                return 'Switch';
                            else if(row.rol==4)
                                return 'AP';
                            else if(row.rol==5)
                                return 'Test220';
                            else if(row.rol==6)
                                return 'Servidor';
                            else if(row.rol==7)
                                return 'Otro';
                        }
                    },
                ]
            });

            $('#aparatos_list tbody').on( 'click', 'tr', function () {
                $(this).toggleClass('active');
            });

            $('#agregar_aparatos').click(function() {
                $.each($('#aparatos_list').DataTable().rows('.active').data(),function(k,value) {
                    $.ajax({
                        url: '/nodo_add_aparato/'+$('#id').val()+'/'+value.id,
                        type: "POST",
                        dataType: "json",
                        contentType: "application/json",
                        success: function(result) {},
                        error: function(e) {
                            alert("Error 003");
                        }
                    });
                });
                reload_datatables();
            });

            $('#aparatos_list_ptps').DataTable( {
                "order": [[ 1, "asc" ]],
                stateSave: true,
                "ajax":{
                    "url": '/nodo_ptps/'+$('#id').val(),
                    "type": "GET"
                },
                "columns": [
                    {"data":"id"},
                    {"data":"nombre"},
                    {"data":"ip"},
                    {"data":"puerto"},
                ],
                "language": {
                    "url":"/js/Spanish.json"
                },
                "columnDefs": [
                    {
                        "orderable":false,
                        "targets" : 0,
                        "render": function ( data, type, row ) {
                            return '<a href="http://'+nagvis+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show='+row.nodo.nombre.replace(/ /g,"_")+'&search='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-sitemap" title="Mapa Nagvis"></i></a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 1,
                        "render": function ( data, type, row ) {
                            return '<a href="/aparato/'+row.id+'" target="_blank">'+row.nombre+'<a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 2,
                        "render": function ( data, type, row ) {
                            if(row.puerto==80)
                                return '<a href="http://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else if(row.puerto == 443)
                                return '<a href="https://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else
                                return row.ip;
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 3,
                        "render": function ( data, type, row ) {
                            return '<a href=#  onClick="quitar_aparato($(this).parents(\'tr\'),$(this).parents(\'table\'))"><i class="fa fa-trash-o"></i><a>';
                        }
                    }
                ]
            });

            $('#aparatos_list_routers').DataTable( {
                "order": [[ 1, "asc" ]],
                stateSave: true,
                "ajax":{
                    "url": '/nodo_routers/'+$('#id').val(),
                    "type": "GET"
                },
                "columns": [
                    {"data":"id"},
                    {"data":"nombre"},
                    {"data":"ip"},
                    {"data":"puerto"},
                ],
                "language": {
                    "url":"/js/Spanish.json"
                },
                "columnDefs": [
                    {
                        "orderable":false,
                        "targets" : 0,
                        "render": function ( data, type, row ) {
                            return '<a href="http://'+nagvis+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show='+row.nodo.nombre.replace(/ /g,"_")+'&search='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-sitemap" title="Mapa Nagvis"></i></a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 1,
                        "render": function ( data, type, row ) {
                            return '<a href="/aparato/'+row.id+'" target="_blank">'+row.nombre+'<a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 2,
                        "render": function ( data, type, row ) {
                            if(row.puerto==80)
                                return '<a href="http://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else if(row.puerto == 443)
                                return '<a href="https://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else
                                return row.ip;
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 3,
                        "render": function ( data, type, row ) {
                            return '<a href=# onClick="quitar_aparato($(this).parents(\'tr\'),$(this).parents(\'table\'))"><i class="fa fa-trash-o"></i><a>';
                        }
                    }

                ]
            });

            $('#aparatos_list_switches').DataTable( {
                "order": [[ 1, "asc" ]],
                stateSave: true,
                "ajax":{
                    "url": '/nodo_switches/'+$('#id').val(),
                    "type": "GET"
                },
                "columns": [
                    {"data":"id"},
                    {"data":"nombre"},
                    {"data":"ip"},
                    {"data":"puerto"},
                ],
                "language": {
                    "url":"/js/Spanish.json"
                },
                "columnDefs": [
                    {
                        "orderable":false,
                        "targets" : 0,
                        "render": function ( data, type, row ) {
                            return '<a href="http://'+nagvis+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show='+row.nodo.nombre.replace(/ /g,"_")+'&search='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-sitemap" title="Mapa Nagvis"></i></a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 1,
                        "render": function ( data, type, row ) {
                            return '<a href="/aparato/'+row.id+'" target="_blank">'+row.nombre+'<a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 2,
                        "render": function ( data, type, row ) {
                            if(row.puerto==80)
                                return '<a href="http://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else if(row.puerto == 443)
                                return '<a href="https://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else
                                return row.ip;
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 3,
                        "render": function ( data, type, row ) {
                            return '<a href=# onClick="quitar_aparato($(this).parents(\'tr\'),$(this).parents(\'table\'))"><i class="fa fa-trash-o"></i><a>';
                        }
                    }

                ]
            });

            $('#aparatos_list_aps').DataTable( {
                "order": [[ 1, "asc" ]],
                stateSave: true,
                "ajax":{
                    "url": '/nodo_aps/'+$('#id').val(),
                    "type": "GET"
                },
                "columns": [
                    {"data":"id"},
                    {"data":"nombre"},
                    {"data":"ip"},
                    {"data":"puerto"},
                ],
                "language": {
                    "url":"/js/Spanish.json"
                },
                "columnDefs": [
                    {
                        "orderable":false,
                        "targets" : 0,
                        "render": function ( data, type, row ) {
                            return '<a href="http://'+nagvis+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show='+row.nodo.nombre.replace(/ /g,"_")+'&search='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-sitemap" title="Mapa Nagvis"></i></a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 1,
                        "render": function ( data, type, row ) {
                            return '<a href="/aparato/'+row.id+'" target="_blank">'+row.nombre+'<a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 2,
                        "render": function ( data, type, row ) {
                            if(row.puerto==80)
                                return '<a href="http://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else if(row.puerto == 443)
                                return '<a href="https://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else
                                return row.ip;
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 3,
                        "render": function ( data, type, row ) {
                            return '<a href=# onClick="quitar_aparato($(this).parents(\'tr\'),$(this).parents(\'table\'))" ><i class="fa fa-trash-o"></i><a>';
                        }
                    }

                ]
            });

            $('#aparatos_list_test220').DataTable( {
                "order": [[ 1, "asc" ]],
                stateSave: true,
                "ajax":{
                    "url": '/nodo_test220/'+$('#id').val(),
                    "type": "GET"
                },
                "columns": [
                    {"data":"id"},
                    {"data":"nombre"},
                    {"data":"ip"},
                    {"data":"puerto"},
                ],
                "language": {
                    "url":"/js/Spanish.json"
                },
                "columnDefs": [
                    {
                        "orderable":false,
                        "targets" : 0,
                        "render": function ( data, type, row ) {
                            return '<a href="http://'+nagvis+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show='+row.nodo.nombre.replace(/ /g,"_")+'&search='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-sitemap" title="Mapa Nagvis"></i></a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 1,
                        "render": function ( data, type, row ) {
                            return '<a href="/aparato/'+row.id+'" target="_blank">'+row.nombre+'<a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 2,
                        "render": function ( data, type, row ) {
                            if(row.puerto==80)
                                return '<a href="http://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else if(row.puerto == 443)
                                return '<a href="https://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else
                                return row.ip;
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 3,
                        "render": function ( data, type, row ) {
                            return '<a href=# onClick="quitar_aparato($(this).parents(\'tr\'),$(this).parents(\'table\'))"><i class="fa fa-trash-o"></i><a>';
                        }
                    }

                ]
            });

            $('#aparatos_list_otros').DataTable( {
                "order": [[ 1, "asc" ]],
                stateSave: true,
                "ajax":{
                    "url": '/nodo_otros/'+$('#id').val(),
                    "type": "GET"
                },
                "columns": [
                    {"data":"id"},
                    {"data":"nombre"},
                    {"data":"ip"},
                    {"data":"puerto"},
                ],
                "language": {
                    "url":"/js/Spanish.json"
                },
                "columnDefs": [
                    {
                        "orderable":false,
                        "targets" : 0,
                        "render": function ( data, type, row ) {
                            return '<a href="http://'+nagvis+'/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show='+row.nodo.nombre.replace(/ /g,"_")+'&search='+row.nombre.replace(/ /g,"_")+'" target="_blank"><i class="fa fa-sitemap" title="Mapa Nagvis"></i></a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 1,
                        "render": function ( data, type, row ) {
                            return '<a href="/aparato/'+row.id+'" target="_blank">'+row.nombre+'<a>';
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 2,
                        "render": function ( data, type, row ) {
                            if(row.puerto==80)
                                return '<a href="http://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else if(row.puerto == 443)
                                return '<a href="https://'+row.ip+':'+row.puerto+'" title="Acceso Web" target="_blank">'+row.ip+'</a>';
                            else
                                return row.ip;
                        }
                    },
                    {
                        "orderable":false,
                        "targets" : 3,
                        "render": function ( data, type, row ) {
                            return '<a href=# onClick="quitar_aparato($(this).parents(\'tr\'),$(this).parents(\'table\'))" ><i class="fa fa-trash-o"></i><a>';
                        }
                    }

                ]
            });
        });

        function reload_datatables() {
            //manda reload al ajax de todas las DT, tb cuando borras un aparato
            $('#aparatos_list_ptps').DataTable().ajax.reload();
            $('#aparatos_list_routers').DataTable().ajax.reload();
            $('#aparatos_list_switches').DataTable().ajax.reload();
            $('#aparatos_list_aps').DataTable().ajax.reload();
            $('#aparatos_list').DataTable().ajax.reload();
        }

        function quitar_aparato(dom_row,table) {
            var dt_row=$(table).DataTable().row(dom_row);
            var data = dt_row.data();

            bootbox.confirm("Est&aacute; seguro de quitar este aparato del nodo? No hay deshacer!",function(answer) {
                if(answer) {
                    $.ajax({
                        url: '/nodo_del_aparato/'+data.id,
                        type: "DELETE",
                        dataType: "json",
                        contentType: "application/json",
                        success: function(result) {
                            if(result.status=='ok') {
                                reload_datatables();
                            }
                        },
                        error: function(e) {
                            alert("Error 003");
                        }
                    });
                }
            });
        }
    </script>
@endsection