<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>
            <h4></h4>
            <tr></tr>
            <input type="text" ng-model="search" placeholder="Search" style="margin-bottom: 10px;">
            <tr></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 listGruopProject |filter:search| lmto:3:3*(currentPage-1) track by $index">
                    <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>

            <uib-pagination total-items="getTotalItems()" boundary-link-numbers="true" ng-model="currentPage"
                            ng-change="pageChangedIndex()" rotate="true"
                            items-per-page="numPerPage"></uib-pagination>
        </div>
        <button type="button" ui-sref="project">Back</button>
    </div>

</div>