<legend>{{'FRONT_TITLE' | translate}}</legend>
<table class="table table-striped">
    <thead>
    <tr>
        <th width="15%">{{'NAME' | translate}}
        <th width="15%">{{'TITLE' | translate}}
        <th class="text-center">{{'USER_COUNT' | translate}}
        <th>
    <tbody>
    <tr ng-repeat="role in roles | filter: {section: 'front'}">
        <td>{{role.name}}
        <td>{{role.title}}
        <td class="text-center">
            <a href="#!/{{role.name}}/users" class="btn btn-link">
                {{role.count}}
            </a>
        <td>
            <a class="btn btn-secondary" href="#!/{{role.name}}/users">
                {{'ADD_USER' | translate}}
            </a>
</table>
<legend>{{'ADMIN_TITLE' | translate}}</legend>
<table class="table table-striped">
    <thead>
    <tr>
        <th width="15%">{{'NAME' | translate}}
        <th width="15%">{{'TITLE' | translate}}
        <th class="text-center">{{'USER_COUNT' | translate}}
        <th>
    <tbody>
    <tr ng-repeat="role in roles | filter: {section: 'admin'}">
        <td>{{role.name}}
        <td>{{role.title}}
        <td class="text-center">
            <a href="#!/{{role.name}}/users" class="btn btn-link">
                {{role.count}}
            </a>
        <td>
            <a class="btn btn-secondary" href="#!/{{role.name}}/users">
                {{'ADD_USER' | translate}}
            </a>
</table>