{% extends "layout-unfold1.html" %}

{% block head %}
{% endblock %}

{% block unfold_main %}

<div id='tophat_status'></div>
<div id='ms-dashboard'>
  <div class="container">
    <div class="row">
      <div class='col-xs-4' id="ms-dashboard-profile">
	<div class='ms-dashboard-caption'>
	  <h2>User profile</h2>
	</div>
	<div class='ms-dashboard-content'>
	  <ul>
	    {% if person.last_name %} <li><span id='username'>{{person.first_name}} {{person.last_name}}</span></li> {% endif %}
	    <li><b>Email: </b><a href='mailto:{{person.email}}'>{{person.email}}</a></li>
	  </ul>
	  <button id="account" onclick="location.href='/portal/account/'" class="btn btn-default">Modify</button>
	</div>
      </div>

    <div class='col-xs-4' id='ms-dashboard-testbeds'>
		<div class='ms-dashboard-caption'>
	  		<h2>Testbeds</h2>
		</div>
		<div class='ms-dashboard-content' id='tophat__list__platform__network_name'>
		{{testbeds}}
		</div>
   </div>

      <div class='col-xs-4' id='ms-dashboard-slices'>
	<div class='ms-dashboard-caption'>
	  <h2>Slices</h2>
	</div>
	<div class='ms-dashboard-content' id='tophat__list__slice_hrn__slice_hrn'>
	  {{slices}}
	</div>
      </div>
    </div>
  </div>
</div>
{% endblock %}