<%@page import="TSEP1E01.TSEP1E01.service.NoticiasServiciosRemoto"%>
<%@page import="servlets.AgregarPublicacionServlet"%>
<%@page import="TSEP1E01.TSEP1E01.controller.NoticiaController"%>
<%@page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "c"%>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1 " />
<meta http-equiv="X-UA-Compatible" content="IE-Edge" />
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- <script src="/CatalogoDeServiciosWeb/WebContent/WEB-INF/resources/js/index.js" type="text/javascript"></script> -->
<title>Administrador de Noticias y Publicaciones - Home</title>
</head>
<body>
<div class="container">
<div class="navbar navbar-inverse">
<div class="navbar-brand">CONTROL DE PUBLICACIONES</div>
</div>
<div class="row">
<div class="col-sm-4">
<!-- <div class="container"> -->
<h3 align="center"> Publicacion</h3>
<form class="form-horizontal" action="AgregarPublicacionServlet" method="POST">
<div class="form-group">
<label class="control-label col-sm-6" for="idNoticia">Noticia (ID):</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="idNoticia"
placeholder="Ingrese id de Noticia" name="idNoticia">
</div>
<!-- <input type="hidden" id="idOrganizacion" name="idOrganizacion"/> -->
</div>
<div class="form-group">
<label class="control-label col-sm-6" for="idPublicacion">ID Publicacion:</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="idPublicacion"
placeholder="Ingrese Publicacion" name="idPublicacion">
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-6" for="tipo">Tipo:</label>
<div class="col-sm-6">
<textarea class="form-control" rows="5" id="tipoPublicacion"
placeholder="Ingrese tipo" name="tipoPublicacion"></textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-6" for="urlPublicacion">URL:</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="url"
placeholder="Ingrese url" name="urlPublicacion">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input type="submit" class="btn btn-default" id="btnAccion" name="btnAccion" value="Agregar
Publicacion" />
</div>
</div>
</form>
</div>
<div class="row">
<div class="col-sm-4">
<!-- <div class="container"> -->
<h3 align="center">Agregar Noticia</h3>
<form class="form-horizontal" action="AgregarNoticiaServlet" method="POST">
<div class="form-group">
<label class="control-label col-sm-6" for="idNoticia1">Noticia (ID):</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="idNoticia1"
placeholder="Ingrese id de Noticia" name="idNoticia1">
</div>
<!-- <input type="hidden" id="idOrganizacion" name="idOrganizacion"/> -->
</div>
<div class="form-group">
<label class="control-label col-sm-6" for="titulo">Titulo:</label>
<div class="col-sm-6">
<textarea class="form-control" rows="5" id="titulo"
placeholder="Ingrese tipo" name="titulo"></textarea>
</div>
</div>
<div class="form-group">
<label class="control-label col-sm-6" for="descripcion">Descripcion:</label>
<div class="col-sm-6">
<input type="text" class="form-control" id="descripcion"
placeholder="Ingrese url" name="descripcion">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<input type="submit" class="btn btn-default" id="btnAccion1" name="btnAccion1" value="Agregar
Noticia" />
</div>
</div>
</form>
</div>
<form class="form-horizontal" action="ListaDePublicacionesServlet" method="POST">
<div class="col-sm-1"></div>
<div class="col-sm-8">
<h3 align="center">Lista de Publicaciones</h3>
<input type="text" class="form-control" id="idNoticia2"
placeholder="Ingrese ID de Noticia para listar sus publicaciones" name="idNoticia2" >
<input type="submit" class="btn btn-default" id="btnBuscar" name="btnBuscar" value="Buscar" />
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
</div>
</div>
<table class="table table-bordered table-striped" >
<thead>
<tr>
<th>Noticia</th>
<th>Tipo</th>
<th>URL</th>
</tr>
</thead>
<tbody id="myTable">
<c:forEach var="map" items="${lstPublicaciones}">
<tr>
<td>${map.value.noticia.titulo}</td>
<td>${map.value.tipo}</td>
<td>${map.value.url }</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</form>
<form class="form-horizontal" action="ListarTodasNoticias" method="POST">
<div class="col-sm-8">
<h3 align="center">Lista de Noticias</h3>
<input type="submit" class="btn btn-default" id="ListarNoticias" name="ListarNoticias" value="Listar todas las Noticias ingresadas en el Sitema" />
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
</div>
</div>
<table class="table table-bordered table-striped" >
<thead>
<tr>
<th>Noticia</th>
<th>Titulo</th>
<th>Descripcion</th>
<th>N° Publicaciones</th>
</tr>
</thead>
<tbody id="myTable">
<c:forEach var="map" items="${lstNoticias}">
<tr>
<td>${map.value.id}</td>
<td>${map.value.titulo}</td>
<td>${map.value.descripcion }</td>
<td>${map.value.mapPublicacion.size() }</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
</form>
<script>
$(document).ready(function() {
$("#myInput").on("keyup", function() {
var value = $(this).val().toLowerCase();
$("#myTable tr").filter(function() {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
});
</script>
</body>
</html>