{% extends "base.html" %}
{% load static %}
{% load widget_tweaks %}

{% csrf_token %}
{% block content %}
  <div class="container">
  <table class="table table-bordered">
  <tr>
    <th><label for="id_first_name"><h5>First name:</h5></label></th>
    <th><label for="id_first_name"><h5>{{ user.first_name }}</h5></label></th>
  </tr>
  <tr>
    <th><label for="id_last_name"><h5>Last name:</h5></label></th>
    <th><label for="id_last_name"><h5>{{ user.last_name }}</h5></label></th>
  </tr>
  <tr>
    <th><label for="id_email"><h5>Email:</h5></label></th>
    <th><label for="id_email"><h5>{{ user.email }}</h5></label></th>
  </tr>
  <tr>
    <th><label for="id_institute"><h5>Institute:</h5></label></th>
    <th><label for="id_institute"><h5>{{ user.profile.institute }}</h5></label></th>
  </tr>
  <tr>
    <th><label for="id_phone_number"><h5>Phone Number:</h5></label></th>
    <th><label for="id_phone_number"><h5>{{ user.profile.phone_number }}</h5></label></th>
  </tr>
  <tr>
    <th><label for="id_department"><h5>Department:</h5></label></th>
    <th><label for="id_department"><h5>{{ user.profile.department }}</h5></label></th>
  </tr>
  <tr>
    <th><label for="id_location"><h5>Location:</h5></label></th>
    <th><label for="id_location"><h5>{{ user.profile.location }}</h5></label></th>
  </tr>
  <tr>
    <th><label for="id_position"><h5>Position:</h5></label></th>
    <th><label for="id_position"><h5>{{ user.profile.position }}</h5></label></th>
  </tr>
  </table>
    <br>
    <a class="btn btn-primary pull-right" href="{{ URL_ROOT }}/edit_profile/">Edit Profile</a>
  </div>
{% endblock %}