<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags/form" %>

<html>
<head>
	<script type="text/javascript">

		
	</script>
</head>
<body>

<spring:form cssClass="panel-bkgd " cssStyle="width:400px;height:470px" 
				method="POST" commandName="artist">
		<table>
			<tr>
				<td colspan="2">
					<div class="panel-header">
						Agregar artista
					</div>
				</td>
				<td>
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<div class="panel-description">
						De de alta su nuevo artista rellenando los campos. Para agregar las
						discográficas empiece a escribir y Artgasmator automáticamente le
						proporcionará sugerencias.
					</div>
				</td>
				<td>
				
				</td>
			</tr>
			<tr>
				<td>
					<div class="field-title">Nombre:</div>
					
				</td>
				<td>
					<spring:input size="50" path="artistName" />
				</td>
			</tr>
			<tr>
				<td>
					<div class="field-title">Origen:</div>
					
				</td>
			    <td>
					<spring:input size="50" path="artistOrigin" />
					<div id="spacer"></div>
				</td>
			</tr>
			<tr>
				<td>
					<div class="field-title">Periodo actividad:</div>
				</td>
				<td>
					<spring:input id="artist-years-active" type="slider" name="year" value="1920;2012" path="artistYearsActive" />
					<div id="spacer"></div>
				</td>
			</tr>
			<tr>
							<td>
								<div class="field-title">Biografía:</div>
								
							</td>
						    <td>
								<spring:textarea cols="47" rows="8" path="biography"/>
								<div id="spacer"></div>
							</td>
			</tr>
			<tr>
				<td>
					<div class="field-title">Discografícas:</div>
				</td>
				<td>
					<div class="form_tags">
						<spring:input type="text" id="labels" path="artistLabels" />
					</div>
				</td>
			</tr>
			<tr>
				<td>
				</td>
				<td>
					<div id="spacer"></div>
					<button type="submit" class="create-btn"></button>
				</td>
			</tr>
		</table>
	</spring:form>

</body>
</html>