{% extends "b3theme/base.html" %}
{% load i18n %}

{% block title %}{% trans "My profile" %}{% endblock %}
{% block contentplaceholder %}
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">{% trans "My profile" %}</h1>
                </div>
                <!-- /.col-lg-12 -->
            </div>

<div class="row">
                <div class="col-md-8">
                	<div class="panel panel-primary">
                        <div class="panel-heading">
                            <i class="fa fa-bolt"></i> {% trans "My Networks" %}
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
                        	<table class="table table-striped table-bordered">
	<thead>
	<tr>
	<th>{% trans "Organization" %}</th><th>{% trans "Networks" %}</th>
	</tr>
	</thead>
	{% for peer in peers %}
		<tr>
		<td>{{peer}} </td>
		<td>
		{% for network in peer.networks.all %}
		{{network}}<br>
		{% empty %}
	    <span style="color:red">{% blocktrans %}Ooops! Seems you have no networks associated with your peer. Contact Helpdesk to resolve this issue.{% endblocktrans %}</span>
		{% endfor %}
		</td></tr>
	{% endfor %}
	</table>
                        	</div>
                        	</div>
                        	</div>

                <div class="col-md-4">
                <div class="panel panel-default">
                        <div class="panel-heading">
                            <i class="fa fa-tags"></i> Shortcuts
                        </div>
                        <!-- /.panel-heading -->
<div class="panel-body">
				<a class="btn btn-sm btn-outline btn-success" id="routebutton" href="{% url add-route %}"><i class="fa fa-plus-circle"></i> {% trans "Add Rule" %}</a>
				<a class="btn btn-sm btn-outline btn-primary"  href="{% url group-routes %}"><i class="fa fa-shield fa-fw"></i> {% trans "My Rules" %}</a>
				<a class="btn btn-sm btn-outline btn-info"  href="{% url dashboard %}"><i class="fa fa-dashboard"></i> {% trans "Dashboard" %}</a>
                        </div>
                        <!-- /.panel-body -->
                    </div>
                    
                	<div class="panel panel-info">
                        <div class="panel-heading">
                            <i class="fa fa-user"></i> {% trans "My Profile" %}
                        </div>
                        <!-- /.panel-heading -->
                        <div class="panel-body">
    	<dl class="dl-horizontal">
    <dt>{% trans "Username" %}:</dt><dd>{{user.username}}</dd>
    <dt>{% trans "First name" %}:</dt><dd>{{user.first_name}}</dd>
    <dt>{% trans "Last name" %}:</dt><dd>{{user.last_name}}</dd>
    <dt>{% trans "Email" %}:</dt><dd>{{user.email}}</dd>
    </dl>
                        	</div>
                        	</div>
                        	</div>
                        	</div>
                        	



{% endblock %}