<div class="padding" style="height: 565px; overflow-y: auto;">
    <p localize="manager_tip"></p>
    <hr>
    <table class="big">
        <tr>
            <td localize="charge_in"></td>
            <td class="text-bold" style="width: 70%;">{{ selectedWorkstation.employee.employees.length }}/{{ ctrl.maxInCharge }}</td>
        </tr>
        <tr>
            <td localize="bonus_per_employee"></td>
            <td class="text-bold">
                <span ng-if="selectedWorkstation.employee.employees.length">{{ ctrl.bonusPerEmployee }}%</span>
                <span ng-if="!selectedWorkstation.employee.employees.length">-</span>
            </td>
        </tr>
    </table>
    <hr>
    <table>
        <tbody>
        <tr ng-repeat="workstation in ctrl.employees">
            <td class="text-bold">{{ workstation.employee.name }}</td>
            <td><icon class="{{workstation.employee.employeeTypeName }}"></icon> <span class="{{ workstation.employee.employeeTypeName }}" localize="{{ workstation.employee.level }}"></span></td>
            <td>
                <div ng-click="ctrl.setEmployeeToManager(selectedWorkstation.employee, workstation.employee)" ng-class="{'active': ctrl.isEmployeeActive(selectedWorkstation.employee, workstation.employee) }"
                     class="toggle-switch pull-right" style="margin: 2px;">
                    <span></span>
                </div>
            </td>
        </tr>
        </tbody>
    </table>
</div>