<div class="card mb-3">

    <div class="card-header">
        <i class="fas fa-table"></i> Danh sách báo cáo theo thời gian của dự án
    </div>
    <div class="card-body">
        <div class="table-responsive" ng-controller="allProjectReportController">
            <div ng-controller="deleteReportController">
<!--                <a ui-sref="addproject" class="btn btn-primary btn-circle btn-sm" style="margin-bottom: 10px;"> Thêm </a>-->
                <input type="text" ng-model="search" placeholder="Search" style="margin-bottom: 10px;">
                {{messages.view}}

                <table class="table table-bordered" id="dataTable" width="100%"
                       cellspacing="0">
                    <thead>
                    <tr>
                        <th>STT</th>
                        <th>Tên Dự Án</th>
                        <th>Team Leader</th>
                        <th>Số Thành Viên</th>
                        <th>Điểm Nỗ Lực</th>
                        <th>Số TV Thiếu Báo Cáo</th>
                        <th>Thời gian</th>
                        <th>Menu</th>

                    </tr>
                    </thead>
                    <tbody>
                    <tr  data-ng-repeat="pr in ProjectReports|filter:search">
                        <td>{{$index+1}}</td>
                        <td>{{pr.projectName}}</td>
                        <td>{{pr.teamLeader}}</td>
                        <td>{{pr.numberOfMember}}</td>
                        <td>{{pr.calendarEffort}}</td>
                        <td>{{pr.lackOfReport}}</td>
                        <td>{{pr.firstDate | date:"dd/MM/yyyy"}} <br>--> {{pr.finalDate | date:"dd/MM/yyyy"}}</td>
                        <td><a ui-sref="reportDetail({ID: pr.id})" class="btn btn-info btn-circle btn-sm">Xem </a>
                            <a ng-click="deleteReport(pr.id)" class="btn btn-warning btn-circle btn-sm">Xóa </a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>