{% extends 'base.html' %}{% comment %}TEAM MEMBER PROFILE PAGE{% endcomment %}


{% load i18n %}
{% load thumbnail %}


{% block page-seo %}
        <title>
            {{ user.first_name }} {{ user.last_name  }} | {% trans "Gordini Ambassadors" %}
        </title>
        {% if request.REGION_CODE == 'ca' %}
                <meta name="description" content="{{ user.team.seo_description_ca }}">
        {% else %}
                <meta name="description" content="{{ user.team.seo_description_eu  }}">
        {% endif %}

{% endblock %}
{% block body-id %}team-profile{% endblock %}


{% block shop-menu %}
{% endblock shop-menu %}
{% block content %}

<!--MAIN-->
<div id="main">
	<!--Top Pager-->
	<div class="wrapper">
		<nav id="top" class="pager">
		</nav>
	</div>
	<!--End Top Pager-->
	<!-- Sub-nav Sidebar Team Members List -->
	<aside>
		<nav>
			<ul>
				{% for member in team_members %}
				<li>
					{% if member.id = user.id %}
					<p class="selected-member">{{ member.first_name }} {{ member.last_name }}</p>
					{% else %}						  
					<a href="/{{ request.REGION_CODE }}/profile/{{ member.handle }}/">
						<span>{{ member.first_name }} {{ member.last_name }}</span>
					</a>
					{% endif %}
				</li>
				{% endfor %}
			</ul>
		</nav>
	</aside>
	<!-- End Sub-nav Sidebar Team Members List -->
	<!-- Region : PRIMARY CONTENT-->
	<div class="region" role="region">
		<article id="profile">
				<!--  Profile members informations -->
			<div class="wrapper" id="heading">
				<h1>{{ user.first_name }} {{ user.last_name }}</h1>
				{% if user.discipline %}
					<h2 class="clearfix" id="discipline">{{ user.discipline }}</h2>
				{% endif %}
				<ul class="social-media" role="toolbar">
					{% if user.website %}
						<li><a id="website" href="{{ user.website }}" target="_blank" class="cta-button">{% trans "Website" %}</a></li>
					{% else %}{% endif %}
					{% if user.facebook %}
						<li role="button"><a id="facebook" href="{{ user.facebook }}" target="_blank"></a></li>
					{% else %}{% endif %}
					{% if user.twitter %}
						<li role="button"><a id="twitter" href="{{ user.twitter }}" target="_blank"></a></li>
					{% else %}{% endif %}
					{% if user.flickr %}
					 	<li id="flickr" role="button"><a href="{{ user.flickr }}" target="_blank"></a></li>
					{% else %}{% endif %}
					{% if user.youtube %}
						<li id="facebook" role="button"><a href="{{ user.youtube }}" target="_blank"></a></li>
					{% else %}{% endif %}

				</ul>			
			</div>
			{% thumbnail user.thumbnail "200" as im %}	
				<img src="{{ im.url }}" alt="Profile picture" />
			{% endthumbnail %}	
				{% if user.hometown %}
					<h2>{% trans "Hometown" %}</h2>
					<p>{{ user.hometown }}</p>
				{% endif %}
				{% if user.home_mountain %}
					<h2>{% trans "Home mountain" %}</h2>
					<p>{{ user.home_mountain }}</p>
				{% endif %}
				{% if user.bio %}
					<h2>{% trans "A bit about myself" %}</h2>
					<p>{{ user.bio }}</p>
				{% endif %}
				{% if user.greatest_accomplishment %}
					<h2>{% trans "One of my greatest accomplishments" %}</h2>		
					<p>{{ user.greatest_accomplishment|safe }}</p>
				{% endif %}
				{% if user.favourite_place %}
					<h2>{% trans "The best kept secret about my home mountain" %}</h2>
					<p>{{ user.favourite_place }}
				{% endif %}
				{% if user.shout_outs %}
					<h2>{% trans "My own words of wisdom" %}</h2>
					<p class="shoutout">{{ user.shout_outs }}
				{% endif %}
				
				

		</article>
	</div>
  	<!-- END Region : PRIMARY CONTENT-->
</div>
<!--END MAIN-->
{%  endblock content %}
{% block page-scripts %}{% endblock %}