{% extends "patron.html" %}
{% block title %}Crear Equipo{% endblock %}

{% block javascript %}
<script type="text/javascript" src="ficheros/js/validarForm.js"></script>
{% endblock %}

{% block menuTropa %}{% endblock %}

{% block content %}
	<h1 class="meta">Crear Equipo</h1>
	<p>Mediante el siguiente formulario se crea un equipo para la partida <strong>{{partida.titulo}}</strong>.</p>
	<form class="formulario" action="" method="post">
	<fieldset id="crear_equipo">
		<legend>Crear Equipo</legend>
   			<label for="nombre">Nombre: </label>
            	<input type="text" id="nombre" name="nombre"><br>
            <label for="color">Color: </label>
            <select name="colores" id="colores">
            	<option value="Seleccione color...">Seleccione color...</option>
				{% for color in colores %}
  				<option value="{{ color.id }}">{{ color.nombre }}</option>
  				{% endfor %}
  			</select>

    		<center><input type="submit" value="Enviar"></center>
    </fieldset>
	</form>
	
	<script type="text/javascript">
		var nombre = new LiveValidation('nombre', {validMessage: " ", onlyOnSubmit:true});
		nombre.add(Validate.Presence);
		var color = new LiveValidation('colores', {validMessage: " ", onlyOnSubmit:true});
		color.add(Validate.Exclusion, {within: ['Seleccione color...'], failureMessage: "Color no valido" });
	</script>
{% endblock %}