{% extends "base_juego.html" %}

{% block css_extra %}
	<style type="text/css">
		h2{
			margin: 10px;
			text-align: center;
		}
		
		#en_forma{
			color: #55aa55;
			font-weight: bold;
		}

		#lesionado{
			color: #aa5555;
			font-weight: bold;
		}
		
		#subasta{
			text-align: center;
		}

		#tabla_datos_personales{
			margin: 10px auto;
			width: 300px;
		}
		
		#tabla_fisico{
			margin: 10px auto;
			width: 300px;
		}

		#tabla_otros_datos{
			margin: 10px auto;
			width: 300px;
		}

		#tabla_habilidades_juego{
			margin: 10px auto;
			width: 300px;
		}

		#tabla_habilidades_mentales{
			margin: 10px auto;
			width: 300px;
		}
	</style>
{% endblock %}

{% block situacion %}
	<ul id="menu_superior_situacion">
		<li><a href="/ligas/ver/{{ equipo.liga.id }}/">{{ equipo.liga.nombre }}</a></li>
		<li><a href="/equipos/ver/{{ equipo.id }}/">{{ equipo.nombre }}</a></li>
		<li><span>{{ jugador.nombre }}</span></li>
	</ul>
{% endblock %}

{% block contenido %}

	<h2>{{ jugador.nombre }}</h2>

	<div id="subasta">
		{% if subasta %}
			<a href="/mercado/subastas/ver/{{ subasta.id }}/">Ver Subasta</a>
		{% else %}
			<a href="/mercado/subastas/crear/{{ jugador.id }}/">Subastar</a>
		{% endif %}
	</div>

	<!-- Datos personales -->
	<table class="tabla1" id="tabla_datos_personales">
		<caption>Datos personales</caption>
		<tbody>
			<!-- Sexo -->
			<tr>
				<td>Sexo</td>
				<td>
					{% if jugador.sexo == 'M' %}
						<img src="/media/img/icons/a/genero_masc.png" alt="M" title="Masculino" height="16" width="16" />
					{% else %}
						<img src="/media/img/icons/a/genero_fem.png" alt="F" title="Femenino" height="16" width="16" />
					{% endif %}
				</td>
			</tr>

			<!-- Fecha de nacimiento -->
			<tr>
				<td>Fecha de nacimiento</td>
				<td>{{ jugador.fecha_nacimiento }}</td>
			</tr>

			<!-- Edad -->
			<tr>
				<td>Edad</td>
				<td>{{ anios }} años y {{ dias }} días</td>
			</tr>

			<!-- Estado -->
			<tr>
				<td>Estado</td>
				<td>
					{% if jugador.dias_lesionado > 0 %}
						<span id="lesionado">Lesionado durante {{ jugador.dias_lesionado }} días</span>
					{% else %}
						<span id="en_forma">En plena forma</span>
					{% endif %}
				</td>
			</tr>
		</tbody>
	</table>

	<!-- Fisico -->
	<table class="tabla1" id="tabla_fisico">
		<caption>Físico</caption>
		<tbody>
			<!-- Altura -->
			<tr>
				<td>Altura</td>
				<td>{{ jugador.atributos.altura }} cm.</td>
			</tr>

			<!-- Peso -->
			<tr>
				<td>Peso</td>
				<td>{{ jugador.atributos.peso }} kg.</td>
			</tr>
			
			<!-- Color de la piel -->
			<tr>
				<td>Color de la piel</td>
				<td>{{ jugador.color_piel }}</td>
			</tr>

			<!-- Color del pelo -->
			<tr>
				<td>Color del pelo</td>
				<td>{{ jugador.color_pelo }}</td>
			</tr>
			
			<!-- Color de los ojos -->
			<tr>
				<td>Color de los ojos</td>
				<td>{{ jugador.color_ojos }}</td>
			</tr>
		</tbody>
	</table>

	<!-- Otros datos -->
	<table class="tabla1" id="tabla_otros_datos">
		<caption>Otros datos</caption>
		<tbody>
			<!-- Mejor posicion -->
			<tr>
				<td>Mejor posici&oacute;n</td>
				<td>{{ mejor_posicion }}</td>
			</tr>

			<!-- Valor de mercado -->
			<tr>
				<td>Valor de mercado</td>
				<td>{{ jugador.valorMercado }} &euro;</td>
			</tr>
		</tbody>
	</table>

	<!-- Habilidades de juego -->
	<table class="tabla1" id="tabla_habilidades_juego">
		<caption>Habilidades de juego</caption>
		<thead>
			<tr>
				<th>Habilidad</th>
				<th>Valor</th>
			</tr>
		</thead>
		<tbody>
			<!-- Ataque -->
			<tr>
				<td>Ataque</td>
				<td class="cuadro_num_azul_der">{{ jugador.atributos.ataque }}</td>
			</tr>

			<!-- Defensa -->
			<tr>
				<td>Defensa</td>
				<td class="cuadro_num_azul_der">{{ jugador.atributos.defensa }}</td>
			</tr>

			<!-- Velocidad -->
			<tr>
				<td>Velocidad</td>
				<td class="cuadro_num_azul_der">{{ jugador.atributos.velocidad }}</td>
			</tr>

			<!-- Pases -->
			<tr>
				<td>Pases</td>
				<td class="cuadro_num_azul_der">{{ jugador.atributos.pases }}</td>
			</tr>

			<!-- Anotacion -->
			<tr>
				<td>Anotaci&oacute;n</td>
				<td class="cuadro_num_azul_der">{{ jugador.atributos.anotacion }}</td>
			</tr>

			<!-- Portero -->
			<tr>
				<td>Portero</td>
				<td class="cuadro_num_azul_der">{{ jugador.atributos.portero }}</td>
			</tr>
		</tbody>
	</table>

	<!-- Habilidades mentales -->
	<table class="tabla1" id="tabla_habilidades_mentales">
		<caption>Habilidades mentales</caption>
		<thead>
			<tr>
				<th>Habilidad</th>
				<th>Valor</th>
			</tr>
		</thead>
		<tbody>
			<!-- Agresividad -->
			<tr>
				<td>Agresividad</td>
				<td class="cuadro_num_azul_der">{{ jugador.atributos.agresividad }}</td>
			</tr>

			<!-- Concentracion -->
			<tr>
				<td>Concentración</td>
				<td class="cuadro_num_azul_der">{{ jugador.atributos.concentracion }}</td>
			</tr>

			<!-- Estabilidad -->
			<tr>
				<td>Estabilidad</td>
				<td class="cuadro_num_azul_der">{{ jugador.atributos.estabilidad }}</td>
			</tr>

			<!-- Moral -->
			<tr>
				<td>Moral</td>
				<td class="cuadro_num_azul_der">{{ jugador.atributos.moral }}</td>
			</tr>
		</tbody>
	</table>
{% endblock %}