<%@ page language="java" contentType="text/html; charset=ISO-8859-1"pageEncoding="ISO-8859-1"%>

<%@ include file="../../includes/include.jsp" %>
<html>
<head>

</head>
<body>
	 <div class="panel-bkgd " style="width:500px;height:500px">
			<div style="margin-bottom:5px" class="panel-header">Ver Géneros</div>
			<div class="panel-description">Desde aqui puede realizar la gestión de géneros existentes - borrar o modificar la información de éstos.</div>
				<ul style="margin-left:10px;padding:2px">
					
					<c:forEach var="genre" items="${genres}" varStatus="genres">
						<table>
							<tr>
								<td>
									<div class="genre-panel">
										<div class="genre-name">
											${genres.index + 1}.${genre.genreName}
										</div>
										<div class="genre-description">
											${genre.genreDescription}
										</div>
									</div>
								</td>
								<td>
									<div class="delete-genre" onclick="location.href='${ctx}/genres/delete/<c:out value='${genre.genreId}' />'"></div>
								</td>
								<td>
									<div class="edit-genre"></div>
								</td>
							</tr>
									
						</table>
					</c:forEach>
				</ul>
		</div>
			
</body>
</html>