<div data-ng-hide="createRealm">
    <nav id="local-nav">
        <ul class="nav nav-list">
            <li>
                <div>
                    <span class="toggle">Realm: </span> {{realm.realm}}
                </div>
                <ul>
                    <li>
                        <ul class="sub-items">
                            <li data-ng-class="!path[2] && 'active'"><a href="#/realms/{{realm.id}}">Settings</a>
                            </li>
                            <li data-ng-class="path[2] == 'users' && 'active'"><a href="#/realms/{{realm.id}}/users">Users</a>
                            </li>
                            <li data-ng-class="path[2] == 'roles' && 'active'"><a href="#/realms/{{realm.id}}/roles">Roles</a></li>
                        </ul>
                    </li>
                </ul>
        </ul>
    </nav>
</div>