
<div class="container">
    <div class="row">
        <div class="col-md-8">

            <tr>
                <td><a ui-sref="addEmployeeProject" class="btn btn-success" data-toggle="modal"><i
                        class="fa fa-user-plus"></i> <span>Thêm Dự Án Mới</span></a></a></td>
            </tr>
            <h2 style="text-align: center">Thành Viên Trong Nhóm Dự Án</h2>

            <table class="table">

                <thead>

                <tr>
                    <th>Tài khoản</th>
                    <th>Tên</th>
                    <th>Email</th>
                    <th>Chức Vụ</th>
                    <th>Ngày Vào</th>
                    <th>Ngày Ra</th>
                    <th>Thao Tác</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="gruopProject in pageGroupListProject">
                    <td>{{ gruopProject.employeeDTO.username }}</td>
                    <td>{{ gruopProject.employeeDTO.lastName }}</td>
                    <td>{{ gruopProject.employeeDTO.email}}</td>
                    <td>{{ gruopProject.position}}</td>
                    <td>{{ gruopProject.joinDate | date:"dd/MM/yyyy" }}</td>
                    <td>{{ gruopProject.outDate | date:"dd/MM/yyyy" }}</td>
                    <td style="width: 200px">

                        <a ui-sref="editEmployeeProject({ID: gruopProject.id})">
                            <button class="btn btn-primary btn-xs" data-title="Cập Nhật" data-toggle="modal"
                                    data-target="#edit"><span class="glyphicon glyphicon-pencil"></span></button>
                        </a>
                        <a ng-controller="deleteEmployeeProject"
                           data-ng-click="deleteEmployeeProject(gruopProject)">
                            <button class="btn btn-danger btn-xs" data-title="Delete" data-toggle="modal"
                                    data-target="#delete">
                                <span class="glyphicon glyphicon-trash"></span></button>
                        </a>
                    </td>

                </tr>


                </tbody>
            </table>
            <div data-pagination="" data-num-pages="numPages()"
                 data-current-page="currentPage" data-max-size="maxSize"
                 data-boundary-links="true">
            </div>
        </div>
    </div>

</div>