{% extends "base.html" %}

{% load humanize %}
{% load naturaltimediff %}
{% block content %}

<div class="character_info">
	<h1>{{ character.name }}</h1>

	<div class="character_portrait">
		<img src="https://image.eveonline.com/Character/{{ character.id }}_256.jpg" />
	</div>
	
	<div class="character_corporation">
		<span><a href="{% url eveapi-corporation character.corporation.id %}">{{ character.corporation.ticker }}</a></span>
		<img src="https://image.eveonline.com/Corporation/{{ character.corporation.id }}_64.png" />
	</div>
	
        {% if character.corporation.alliance %}
	<div class="character_alliance">
		<span><a href="{% url eveapi-alliance character.corporation.alliance.id %}">{{ character.corporation.alliance.ticker }}</a></span>
		<img src="https://image.eveonline.com/Alliance/{{ character.corporation.alliance.id }}_64.png" />
	</div>
        {% endif %}

	<div class="character_attributes">
		<h2>Attributes</h2>
		
		<ul>
			<li><span class="stat">Race:</span> <span class="value">{{ character.get_race_display }}</span></li>
			<li><span class="stat">Gender:</span> <span class="value">{{ character.get_gender_display }}</span></li>
			<li><span class="stat">Corporation:</span> <a href="{% url eveapi-corporation character.corporation.id %}">{{ character.corporation.name }}</a></span></li>
			<li><span class="stat">Joined Corporation:</span> <span class="value">{{ character.corporation_date|date:"Y/m/d H:i:s" }} ({{ character.corporation_date|naturaltimediff }})</span></li>
                        {% if character.corporation.alliance %}
			<li><span class="stat">Alliance:</span> <span class="value"><a href="{% url eveapi-alliance character.corporation.alliance.id %}">{{ character.corporation.alliance.name }}</a></span></li>
                        {% endif %}
			<li><span class="stat">Security Status:</span> {{ character.security_status|floatformat:2 }}</span></li>
			<li><span class="stat">Director:</span> <span class="value">{{ character.director }}</span></li>
                        {% if character.current_training %}
                        <li><spam class="stat">Training:</span> <span class="Value">{{ character.current_training.skill.name}} to Level {{ character.current_training.in_training }}</li>
                        {% endif %}
		</ul>
	</div>

	<div class="character_stats">
		<h2>Stats</h2>
		
		<table>
			<tr><th>Stat</th><th>Value</th></tr>
			<tr><td class="stat">Intelligence</td><td> {{ character.attrib_intelligence }}</td></tr>
			<tr><td class="stat">Memory</td><td>{{ character.attrib_memory }}</td></tr>
			<tr><td class="stat">Charisma</td><td>{{ character.attrib_charisma }}</td></tr>
			<tr><td class="stat">Perception</td><td>{{ character.attrib_perception }}</td></tr>
			<tr><td class="stat">Willpower</td><td>{{ character.attrib_willpower }}</td></tr>
		</table>
	</div>

	<div class="character_skills">
		<h2>Skills</h2>
		
		<div class="skill_controls">
			<a href=#" id="openAll">Open All</a>
			<a href=#" id="collapseAll">Collapse All</a>
		</div>

		<table>

            {% for group in skillTree %}
            {{group.items}}
			<tr class="skill_heading" id="{{ group.1 }}"><th colspan=2>{{ group.1 }}</th><th>{{ group.0|intcomma }}</th></tr>
			{% for skill in group.2 %}
                        {% if skill.in_training %}
                        <tr class="child intraining" parent="{{ group.1 }}"><td>{{ skill.skill.name }} - Training to Level {{ skill.in_training }}</td><td><img src="{{ STATIC_URL }}img/skills/level{{ skill.level }}t.gif" alt="Level {{ skill.level }}" /></td><td>{{ skill.skillpoints|intcomma }} SP</td></tr>
                        {% else %}
						<tr class="child" parent="{{ group.1 }}"><td>{{ skill.skill.name }} </td><td><img src="{{ STATIC_URL }}img/skills/level{{ skill.level }}.gif" alt="Level {{ skill.level }}" /></td><td>{{ skill.skillpoints|intcomma }} SP</td></tr>
                        {% endif %}
			{% endfor %}
			{% endfor %}
			<tr><th colspan=2>Total SP</th><th>{{ character.total_sp|intcomma }} SP</th></tr>
		</table>
	</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function(){
		$(".skill_heading")
                    .css("cursor", "pointer")
                    .attr("title", "Click to expand/collapse")
                    .click(function(){
                        $('tr[parent$=' + $(this).attr('id') + ']').toggle();
    		    });
		
		$("#openAll").bind("click", function(e){
			e.preventDefault();
                        $(".child").show();
		});
		
		$("#collapseAll").bind("click", function(e){
			e.preventDefault();
			$(".child").hide();
		});

                $('tr[parent]').hide();
	});
</script>

{% endblock %}