{% extends "starter-template.html" %}
{% block content %}

<form class="form-horizontal">

    <div class="form-group">
        <label for="inputEmail" class="col-sm-2 control-label">Email</label>
        <div class="col-sm-10">
            <input type="text" class="form-control" id="inputEmail" value="{{ user.email }}" readonly>
        </div>
    </div>

    <div class="form-group">
        <label for="inputSuppliers" class="col-sm-2 control-label">Suppliers</label>
        <div class="col-sm-10">
            {% for supplier in user.suppliers %}
            <span class="label label-default">{{ supplier }}</span>
            {% endfor %}
        </div>
    </div>

    <div class="form-group">
        <label for="inputRoles" class="col-sm-2 control-label">Roles</label>
        <div class="col-sm-10">
            {% for role in user.roles %}
            <span class="label label-default">{{ role }}</span>
            {% endfor %}
        </div>
    </div>

</form>

{% endblock %}