<?php
	session_start();

	include("auth.inc.php");
	include_once("conn.inc.php");


?>

<!-- Mostraremos los datos pertenecientes a los usuarios tabulados mediante capas y css-->
<table class="table estilo_tabla">
	<tr>
		<td class="td cab_tabla" style="width:10%;">Id</td>
		<td class="td cab_tabla" style="width:30%;">T&iacute;tulo</td>
		<td class="td cab_tabla" style="width:15%;">&nbsp;</td>
		<td class="td cab_tabla" style="width:15%;">&nbsp;</td>
	</tr>
<?php
	//cantidad de resultados por página (opcional, por defecto 20)
	$_pagi_cuantos = 8;
	$_pagi_sql = "SELECT * FROM noticias ORDER BY id";
	//Incluimos el script de paginación. Éste ya ejecuta la consulta automáticamente
	include("paginator.inc.php");

	while ($res_news=mysql_fetch_array($_pagi_result,MYSQL_ASSOC)) {
?>
	<tr>
		<td class="td datos_tabla" style="width:10%;text-align:center;"><?=$res_news["id"]?></td>
		<td class="td datos_tabla" style="width:30%;text-align:left;"><?=$res_news["titulo"]?></td>
		<td class="td datos_tabla" style="width:15%;" align="center"><a href = "javascript:updateNews('<?=$res_news["id"]?>','e');" class="caja-fina boton" style="width: 100px;">Eliminar noticia</a></td>
		<td class="td datos_tabla" style="width:15%;" align="center"><a href = "javascript:editNoticias('<?=$res_news["id"]?>');" class="caja-fina boton" style="width: 100px;">Modificar datos</a></td>
	</tr>
	<tr>
		<td class="td datos_tabla" colspan="4" align="center">
			<table class="table" id="edicion_news<?=$res_news["id"]?>" style="display:none;width:100%;font-size:12px;">
				<form id="f_updateNews<?=$res_news["id"]?>" method="POST" action="./admin/actualiza_noticias.php">
				<tr><td class="td etiqueta" style="width:25%;">T&iacute;tulo: </td><td class="td" align="left" colspan="3"><input type="text" id="titulo<?=$res_news["id"]?>" name="titulo<?=$res_news["id"]?>" maxlength="200" size="80" value="<?=$res_news["titulo"]?>"></td></tr>
				<tr><td class="td etiqueta">Texto: </td><td class="td" align="left" colspan="3"><textarea id="texto<?=$res_news["id"]?>" name="texto<?=$res_news["id"]?>" cols="50" rows="5" onkeydown="if(this.value.length >= 1000){ alert('Has superado el tamaño máximo permitido.\nEl texto no puede superar los 1000 caracteres.'); return false; }"><?=$res_news["texto"]?></textarea></td></tr>
				<tr>
					<td class="td etiqueta">Fecha de alta:</td><td class="td" align="left"><input type="text" id="fecha_not<?=$res_news["id"]?>" name="fecha_not<?=$res_news["id"]?>" maxlength="10" size="15" value="<?=$res_news["fecha_not"]?>"></td>
					<td class="td etiqueta">Enlace: </td><td class="td" align="left"><input type="text" id="link<?=$res_news["id"]?>" name="link<?=$res_news["id"]?>" maxlength="200" size="35" value="<?=$res_news["link"]?>"></td>
				</tr>
				<tr><td class="td">&nbsp;</td></tr>
				<tr><td class="td" align="center" colspan="4"><a href = "javascript:updateNews('<?=$res_news["id"]?>','m');" class="caja-fina boton" style="background-color:#CF7480;color:#fff;width: 100px;">Actualizar datos</a></td></tr>
				<tr><td class="td">&nbsp;</td></tr>
				<input type="hidden" name="id_news" id="id_news" value="<?=$res_news["id"]?>">
				<input type="hidden" name="accion_news<?=$res_news["id"]?>" id="accion_news<?=$res_news["id"]?>" value="">
				</form>
			</table>
		</td>
	</tr>
<?php
	}
?>
	<!--Incluimos la barra de navegación-->
	<tr><td class="td datos_tabla paginacion" colspan="4" align="center"><?=$_pagi_navegacion?></td></tr>
	<!-- Insertamos una nueva noticia -->
	<tr><td class="td datos_tabla" align="left" colspan="4"><a href = "javascript:nuevaNoticia();" class="caja-fina boton" style="width: 100px;">Nueva Noticia</a></td></tr>
	<tr>
		<td class="td datos_tabla" colspan="4" align="center">
			<table class="table" id="insert_news" style="display:none;width:100%;font-size:12px;">
				<form id="f_insertNews" method="POST" action="./admin/nueva_noticia.php">
				<tr><td class="td etiqueta" style="width:25%;">T&iacute;tulo: </td><td class="td" align="left" colspan="3"><input type="text" id="titulo" name="titulo" maxlength="200" size="90" value=""></td></tr>
				<tr><td class="td etiqueta">Texto: </td><td class="td" align="left" colspan="3"><textarea id="texto" name="texto" cols="60" rows="5" onkeydown="if(this.value.length >= 1000){ alert('Has superado el tamaño máximo permitido.\nEl texto no puede superar los 1000 caracteres.'); return false; }"></textarea></td></tr>
				<tr><td class="td etiqueta">Enlace: </td><td class="td" align="left" colspan="3"><input type="text" id="link" name="link" maxlength="200" size="90" value=""></td></tr>
				<tr><td class="td">&nbsp;</td></tr>
				<tr><td class="td" align="center" colspan="4"><a href = "javascript:insertaNoticia();" class="caja-fina boton" style="background-color:#CF7480;color:#fff;width: 100px;">Añadir noticia</a></td></tr>
				<tr><td class="td">&nbsp;</td></tr>
				</form>
			</table>
		</td>
	</tr>
	<tr><td class="td">&nbsp;</td></tr>
</table>