{% extends "authorized.html" %}
{% block title %}User Profile{% endblock %}
{% block center %}
<h1>User Profile</h1>
Full name: {{ user.name }}<br/>
Given name: {{ user.given_name }}<br/>
Family name: {{ user.family_name }}<br/>
Your email address: {{ user.email }}<br/>
<br/>
<h2>User Roles</h2>
<table>
    <thead>
        <tr>
            <th scope="col">ID</th>
            <th scope="col">Name</th>
        </tr>
    </thead>
    <tbody>
        {% for user_role in user_roles %}
        <tr>
            <td><a href="/roles/{{ user_role.id }}">{{ user_role.id }}</a></td>
            <td>{{ user_role.role }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% endblock center %}