@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->id))
							@if (is_numeric($a->nodo_id) && !is_null($a->nodo_id))
								<a href="http://{{env('NAGIOS_WEB')}}/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show={{str_replace(' ','_',$a->nodo->nombre)}}&search={{str_replace(' ','_',$a->nombre)}}" target="_blank">
									<i class="fa fa-sitemap" title="Mapa Nagvis"></i>
								</a>
								<a href="http://{{env('NAGIOS_WEB')}}/nagios/cgi-bin/cmd.cgi?cmd_typ=55&host={{str_replace(' ','+',$a->nombre)}}" target="_blank">
									<i class="fa fa-gear" title="Programar mantenimiento"></i>
								</a>
							@endif
						@endif
					</div>

					<div class="panel-body">
						@if (count($errors) > 0)
							<div class="alert alert-danger">
								<ul>
									@foreach ($errors->all() as $error)
										<li>{{ $error }}</li>
									@endforeach
								</ul>
							</div>
						@endif

						<ul class="nav nav-tabs">
							<li class="active">
								<a id="data_tab" data-toggle="tab" href="#data">Datos del Aparato</a>
							</li>
							@if (isset($a->id))
								@if (is_numeric($a->nodo_id) && !is_null($a->nodo_id))
									<li id="connexiones">
										<a data-toggle="tab" href="#conn">Conexiones</a>
									</li>
								@endif
							@endif
						</ul>

						<div class="tab-content">
							<div id="data" class="tab-pane fade in active">
								<form method=post action="/{{$action}}">
									{{ csrf_field() }}
									@if (isset($a->id))
										<input type="hidden" name="id" value="{{$a->id}}" id="id"/>
									@endif

									<div class="form-group">
										<label>Rol</label>
										@if($rol!=0)
											@php
												if(!isset($a->id)){
													$a=new \StdClass;
												}

												$a->rol=$rol;
											@endphp
										@endif

										<select class="form-control" name="rol" id="rol" @if (isset($a->id)) disabled @endif @if (isset($a->id)) value="{{$a->rol}}" @endif >
											<option @if (old('rol',(isset($a->rol) ? $a->rol:''))==6) selected @endif value="7">Otro</option>
											<option @if (old('rol',(isset($a->rol) ? $a->rol:''))==1) selected @endif value="1">PTP</option>
											<option @if (old('rol',(isset($a->rol) ? $a->rol:''))==2) selected @endif value="2">Router</option>
											<option @if (old('rol',(isset($a->rol) ? $a->rol:''))==3) selected @endif value="3">Switch</option>
											<option @if (old('rol',(isset($a->rol) ? $a->rol:''))==4) selected @endif value="4">AP</option>
											<option @if (old('rol',(isset($a->rol) ? $a->rol:''))==5) selected @endif value="5">Test220</option>
											<option @if (old('rol',(isset($a->rol) ? $a->rol:''))==6) selected @endif value="6">Servidor</option>
										</select>
									</div>

									<div class="form-group">
										<div class="row">
											<div class="col-md-6">
												<label>Nombre</label>
												<input class="form-control" type=text name="nombre" value="{{ old('nombre',(isset($a->nombre) ? $a->nombre:'')) }}">
											</div>
											<div class="col-md-3">
												<div class="form-group">
													<label>Tipo de Aparato</label>
													<select name="aparatos_tipo" id="aparatos_tipo" class="form-control">
													</select>
												</div>
											</div>
											<div class="col-md-3">
												<div class="form-group">
													<label>¿Tiene Portal Cautivo?:</label>
													<select class="form-control" name="portal_cautivo" id="portal_cautivo" @if (isset($a->critico)) value="{{$a->portal_cautivo}}" @endif >
														<option @if (old('portal_cautivo',(isset($a->portal_cautivo) ? $a->portal_cautivo:''))=='No') selected @endif value="No">No</option>
														@if (isset($a->portal_cautivo)) value="{{$a->portal_cautivo}}" @endif >
														<option @if (old('portal_cautivo',(isset($a->portal_cautivo) ? $a->portal_cautivo:''))=='Si') selected @endif value="Si">Si</critico>
													</select>
												</div>
											</div>
										</div>
									</div>

									<div class="form-group" id="host_div">
										<label>IP</label>
										@if(isset($a->ip) && isset($a->puerto))
											@if($a->puerto==80)
												<a href="http://{{$a->ip}}" target="_blank"><i class="fa fa-desktop " title="Acceso Web"></i></a>
											@elseif($a->puerto==443)
												<a href="https://{{$a->ip}}" target="_blank"><i class="fa fa-desktop " title="Acceso Web"></i></a>
											@endif
										@endif
										<input class="form-control" type=text name="ip" id="host" value="{{ old('ip',(isset($a->ip) ? $a->ip:'')) }}">
										<span class="help-block" id="host_help"></span>
									</div>

									<div class="form-group" id="port_div">
										<label>Puerto</label>
										<input class="form-control" type=text name="puerto" id="port" value="{{ old('puerto',(isset($a->puerto) ? $a->puerto:'')) }}">
										<span class="help-block" id="port_help"></span>
									</div>

									<div class="form-group">
										<label>Usuario</label>
										<input class="form-control" type=text name="usuario" value="{{ old('usuario',(isset($a->usuario) ? $a->usuario:'')) }}">
									</div>

									<div class="form-group">
										<label>Password</label>
										<input class="form-control" type=password name="password" value="{{ old('password',(isset($a->password) ? $a->password:'')) }}">
									</div>

									<div class="form-group">
										<label>Periodo Checkeo</label>
										<select class="form-control" name="periodo" id="periodo"
											@if (isset($a->periodo)) value="{{$a->periodo}}" @endif >
											<option @if (old('periodo',(isset($a->periodo) ? $a->periodo:''))=='7*24') selected @endif value="7*24">7*24</option>
											@if (isset($a->periodo)) value="{{$a->periodo}}" @endif >
											<option @if (old('periodo',(isset($a->periodo) ? $a->periodo:''))=='Lun-Vie-10-20') selected @endif value="Lun-Vie-10-20">Lun-Vie-10-20</option>
										</select>
									</div>

									<div class="form-group">
										<label>Critico</label>
										<select class="form-control" name="critico" id="critico"
											@if (isset($a->critico)) value="{{$a->critico}}" @endif >
											<option @if (old('critico',(isset($a->critico) ? $a->critico:''))=='no') selected @endif value="no">No</option>
											@if (isset($a->periodo)) value="{{$a->critico}}" @endif >
											<option @if (old('critico',(isset($a->critico) ? $a->critico:''))=='si') selected @endif value="si">Si</critico>
										</select>
									</div>

									@if (isset($a->id))
										@if (is_numeric($a->nodo_id) && !is_null($a->nodo_id))
											<div class="form-group" id="ubiquiti_only">
												<label>Nodo</label>
												<a href="/nodo/{{$a->nodo->id}}">
													<i class="fa fa-pencil-square-o" title="Formulario Nodo"></i>
												</a>
												<a href="http://{{env('NAGIOS_WEB')}}/nagios/cgi-bin/status.cgi?hostgroup={{str_replace(' ','_',$a->nodo->nombre)}}&style=detail" target="_blank">
													<i class="fa fa-object-group" title="Nagios Hostgroup"></i>
												</a>
												<a href="http://{{env('NAGIOS_WEB')}}/nagvis/frontend/nagvis-js/index.php?mod=Map&act=view&show=1_Global&search={{str_replace(' ','_',$a->nodo->nombre)}}" target="_blank">
													<i class="fa fa-sitemap" title="Mapa Nagvis"></i>
												</a>
												<input class="form-control" readonly value="{{$a->nodo->nombre}}"/>
											</div>
										@endif
									@endif

									@if(isset($a->params))
										@foreach(\App\ParameterDefinition::whereIn('id',\App\ParamRole::where('aparato_rol_id',$a->rol)->pluck('param_def_id')->toArray())->orderBy('orden','asc')->get() as $p)
											
											@foreach($a->params as $data)
												@if($data->def->name == $p->name)
																									@endif
											@endforeach

											<div class="form-group">
												<label>{{ucfirst($p->name)}}</label>
												@if($p->type==1)
													@if($p->name == 'max_throughput')
														<input id = "valor_max" type=text name="param_{{$p->id}}" class="form-control" value="{{$formvalue}}">
													@else
														<input type=text name="param_{{$p->id}}" class="form-control" value="{{$formvalue}}">
													@endif
												@elseif($p->type==2)
													<select name="param_{{$p->id}}" class="form-control">
														<option value="false"  @if($formvalue=='false') selected @endif>No</option>
														<option value="true"  @if($formvalue=='true') selected @endif>S&iacute;</option>
													</select>
												@elseif($p->type==3)
													@if($p->name == 'modelo')
														<select name="param_{{$p->id}}" class="form-control nombre_modelo" >
															@foreach ($p->options($a->rol) as $pdvalues)
																<option @if($formvalue==$pdvalues->value) selected @endif>{{$pdvalues->value}}</option>
															@endforeach
														</select>
													@else
														<select name="param_{{$p->id}}" class="form-control">
															<option></option>
															@foreach ($p->options($a->rol) as $pdvalues)
																<option @if($formvalue==$pdvalues->value) selected @endif>{{$pdvalues->value}}</option>
															@endforeach
														</select>
													@endif
												@endif
											</div>
										@endforeach
									@else
										@if($rol!=0)
											@foreach(\App\ParameterDefinition::whereIn('id',\App\ParamRole::where('aparato_rol_id',$rol)->pluck('param_def_id')->toArray())->orderBy('orden','asc')->get() as $p)
												<div class="form-group">
													<label>{{ucfirst($p->name)}}</label>
													@if($p->type==1)
														@if($p->name == 'max_throughput')
															<input id = "valor_max" type=text name="param_{{$p->id}}" class="form-control" value="{{$p->default_value}}">
														@else
															<input type=text name="param_{{$p->id}}" class="form-control" value="{{$p->default_value}}">
														@endif
													@elseif($p->type==2)
														<select name="param_{{$p->id}}" class="form-control">
															<option value="false"  @if($p->default_value=='false') selected @endif>No</option>
															<option value="true"  @if($p->default_value=='true') selected @endif>S&iacute;</option>
														</select>
													@elseif($p->type==3)
														@if($p->name == 'modelo')
															<select name="param_{{$p->id}}" class="form-control nombre_modelo" >
																@foreach($p->options($a->rol) as $pdvalues)
																	<option>{{$pdvalues->value}}</option>
																@endforeach
															</select>
														@else
															<select name="param_{{$p->id}}" class="form-control">
																<option></option>
																@foreach($p->options($a->rol) as $pdvalues)
																	<option>{{$pdvalues->value}}</option>
																@endforeach
															</select>
														@endif
													@endif
												</div>
											@endforeach
										@endif
									@endif

									@if($rol==2 || $rol==1)
										<div class="form-group">
											<label>Password de Acceso Local</label>
											<input required type="password" name="password_acceso_local" id = "password_acceso_local" class="form-control">
										</div>
									@endif

									<div class="form-group">
										@if ($action=='aparato_actualizar')
											<button type="submit" class="btn-warning">Actualizar</button>
											<button id="borrar" type="button" class="btn-danger">Eliminar</button>
										@else
											<button id="create_button" type="submit" class="btn-success">Crear</button>
										@endif
									</div>
								</form>
							</div>

							@if (isset($a->id))
								@if (is_numeric($a->nodo_id) && !is_null($a->nodo_id))
									<div id="conn" class="tab-pane fade">
										<h4>Conexiones Actuales</h4>
										<table id="conexiones_list" class="table table-striped table-bordered dt-responsive">
											<thead>
												<tr>
													<th>Nombre</th>
													<th>IP</th>
													<th>Parent</th>
													<th>&nbsp;</th>
												</tr>
											</thead>
											<tbody></tbody>
										</table>
										<h4>Agregar Conexi&oacute;n</h4>
										<input id="ap_nombre">
										<button class="btn-success" id="conectar_aparato">Conectar</button>
									</div>
								@endif
							@endif
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

@section('scripts')
	<script>
		function boton_dale() {
			$('#create_button').removeClass();
			$('#create_button').addClass('btn-success');
			$('#create_button').html('Crear');
		}

		function boton_cuidado() {
			$('#create_button').removeClass();
			$('#create_button').addClass('btn-danger');
			$('#create_button').html('Crear de todas formas');
		}

		$(document).ready(function() {
			$('#rol').change(function() {
				location.href='/aparato_nuevo/'+$(this).val();
			});

			@if (isset($a->id))
				$('#conectar_aparato').click(function(){
					$.ajax({
						url: '/aparato/conectar',
						type: "POST",
						data: JSON.stringify({"src_id":{{$a->id}},"dst":$('#ap_nombre').val()}),
						dataType: "json",
						contentType: "application/json",
						success: function(result) {
							if(result.status=='ok') {
								$('#conexiones_list').DataTable().ajax.reload();
							}
						},
						error: function(e) {
							alert("Error 003");
						}
				 	});
				});

				@if (is_numeric($a->nodo_id) && !is_null($a->nodo_id))
					$( "#ap_nombre" ).autocomplete({
						source: function( request, response ) {
							$.ajax({
								url: "/aparatos/search",
								dataType: "jsonp",
								data: {
									q: request.term,
									rol : {{$a->rol}},
									id : {{$a->id}},
									nodo_id : {{$a->nodo->id}}
								},
								success: function( data ) {
									response( data );
								}
							});
						},
						minLength: 2,
						select: function( event, ui ) {
						},
						open: function() {
							$( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" );
						},
						close: function() {
							$( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" );
						}
					});
				@endif

				$('#conexiones_list').DataTable( {
					"order": [[ 0, "asc" ]],
					stateSave: true,
					"ajax":{
						"url": "/aparato/{{$a->id}}/conexiones",
						"type": "GET"
					},
					"columns": [
						{"data":"nombre"},
						{"data":"ip"},
						{"data":"parent"},
						{"data":"id"},
					],
					"language": {
						"url":"/js/Spanish.json"
					},
					"columnDefs": [
						{
							"orderable":false,
							"targets" : 0,
							"render": function ( data, type, row ) {
								return '<a href="/aparato/'+row.id+'">'+row.nombre+'<a>';
							}
						},
						{
							"orderable":false,
							"targets" : 2,
							"render": function ( data, type, row ) {
								if ( row.parent == true){
										return '<a href=#  onClick="invertir_conexion($(this).parents(\'tr\'))" ><i class="fa fa-check-square-o"></i><a>';
								}else{
									return '<a href=#  onClick="invertir_conexion($(this).parents(\'tr\'))"><i class="fa fa-square-o" ></i><a>';
								}
							}
						},
						{
							"orderable":false,
							"targets" : 3,
							"render": function ( data, type, row ) {
								return '<a href=#  onClick="delete_conexion($(this).parents(\'tr\'))" ><i class="fa fa-trash-o"></i><a>';
							}
						}
					]
				});
			@endif

			$('#host').change(function() {
				$('#port_div').removeClass('has-success');
				$('#port_div').removeClass('has-error');
				$('#port_help').html('');

				if(!/^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test($(this).val()))
					return;
			});

			$('#port').change(function() {
				if(!$.isNumeric($(this).val()))
					return;
			});

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

		@if (isset($a->id))
			function delete_conexion(dom_row) {
		  	 var dt_row=$('#conexiones_list').DataTable().row(dom_row);
		   	var data = dt_row.data();

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

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

				bootbox.confirm("Est&aacute; seguro de invertir esta conexi&oacute;n?",function(answer) {
					if(answer) {
						$.ajax({
							url: '/aparato/{{$a->id}}/conexiones/'+data.id,
							type: "POST",
							dataType: "json",
							contentType: "application/json",
							success: function(result) {
								if(result.status=='ok') {
									$('#conexiones_list').DataTable().ajax.reload();
								}
							},
							error: function(e) {
								alert("Error 003");
							}
						});
					}
				});
			}
		@endif

		function getTipoAparato(sel) {
			$.ajax({
				type: 'GET',
				url: '/aparatos_tipo/list',
				success: function(da) {
					var $div = $("#aparatos_tipo");
					$div.show();
					$div.append('<option value="" selected>Seleccionar tipo</option>');
					$.each(da, function(key, val) {
						var opt = '<option value="'+val.id+ '""';
						if(val.id == sel)
								opt += ' selected';
						opt += ' >'+val.nombre+'</option>';
						$div.append(opt);
					});
				},
				error: function(xhr) {
					console.log('Error: ' + xhr.toString());
				}
			});
    }

		$(document).ready(function(){
			getTipoAparato({{ $a->aparato_tipo_id or '' }});
    });
	</script>
@endsection