{% extends "base.html" %}
{% load gravatar %}
{% block content %}
	<div class="row">
		<div class="col-lg-6">
			<h1 class="page-header">{{user.username}}</h1>
			{% if user.socialaccount_set.all.0.get_avatar_url %}
				<img src="{{user.socialaccount_set.all.0.get_avatar_url}}" width="150" height="150">
			{% else %}
				{% gravatar user.email 150 %}
			{% endif %}
			<h1> {{my_score}} points</h1>
		</div>
	</div>
	<div class="row">
		<div class="col-lg-9">
			<div class="panel panel-default">
				<div class="panel-heading">
					{{user.username}}'s activity
				</div>
				<div class="panel-body">
					<div class="list-group" >
						{% for activity in activities %}
							{% include '_activity.html' %}
						{% endfor %}
					</div>
				</div>
			</div>
		</div>

		<div class="col-lg-3">
			<div class="panel panel-default">
				<div class="panel-heading">
					{{user.username}}'s top bug findings
				</div>
				<div class="panel-body">
					<div class="list-group">
						{% for website in websites %}
							<div class="list-group-item">
								<a href="/domain/{{ website.name }}">
                    				<img src="http://www.{{website.name}}/favicon.ico" height="25" onerror="this.onerror=null; this.style.display ='none';">
                				</a>
								<a href="/domain/{{ website.name }}" style="margin-left:5px;">{{website.name}}</a>
								<span class="pull-right text-muted small"><em> {{website.total}} bugs</em>
								</span>
							</div>
						{% endfor %}
					</div>
					
				</div>
			</div>
		</div>

</div>
{% endblock %}