<div id="wrapper" class="container">
    <div class="row">
        <aside class="span3" data-ng-include data-src="'partials/realm-menu.html'"></aside>
        <div id="actions-bg"></div>

        <div id="container-right" class="span9">
            <a class="btn btn-small pull-right" href="#/create/role/{{realm.id}}">Add Role</a>

            <h1>
                <span class="gray">Realm Roles</span>
            </h1>

            <table class="table table-striped table-bordered">
                <thead>
                <tr>
                    <th>Name</th>
                    <th>Description</th>
                </tr>
                </thead>
                <tr data-ng-repeat="role in roles">
                    <td><a href="#/realms/{{realm.id}}/roles/{{role.id}}">{{role.name}}</a></td>
                    <td>{{role.description}}</td>
                </tr>
            </table>
        </div>
        <div id="container-right-bg"></div>
    </div>
</div>