<!--<div class="card mb-3">-->

<!--    <div class="card-header">-->
<!--        <i class="fas fa-table"></i>Danh Sách Dự án (Đang được triển khai)-->
<!--    </div>-->
<!--    <div class="card-body">-->
<!--        <div class="table-responsive" ng-controller="reportController">-->
<!--            <div  ng-controller="insertProjectReportController">-->
<!--&lt;!&ndash;                <a ui-sref="addproject" class="btn btn-primary btn-circle btn-sm" style="margin-bottom: 10px;">&ndash;&gt;-->
<!--&lt;!&ndash;                    Thêm </a>&ndash;&gt;-->
<!--                <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>Mô tả</th>-->
<!--                        <th>Thời gian </th>-->
<!--                        <th>Trạng thái</th>-->
<!--                        <th>Chọn khoảng thời gian</th>-->
<!--                        <th>Menu</th>-->

<!--                    </tr>-->
<!--                    </thead>-->
<!--                    <tbody>-->
<!--                        <form>-->
<!--                            <tr data-ng-repeat="pro in projects|filter:search">-->
<!--                            <td>{{$index+1}}</td>-->
<!--                            <td>{{pro.name}}</td>-->
<!--                            <td>{{pro.descriptions}}</td>-->
<!--                            <td>{{pro.startDate | date:"dd/MM/yyyy"}} <br>&ndash;&gt; {{pro.endDate | date:"dd/MM/yyyy"}}</td>-->
<!--                            <td>{{pro.status}}</td>-->
<!--                            <td class="form-label-group" >-->
<!--&lt;!&ndash;                                    <label for="startDate">Ngày Bắt Đầu</label>&ndash;&gt;-->
<!--                                    <input type="date" ng-model="request.firstDate" id="startDate" class="form-control"-->
<!--                                           placeholder="điểm đầu" required="required">-->

<!--&lt;!&ndash;                                    <label for="endDate">Ngày Kết Thúc</label>&ndash;&gt;-->
<!--                                    <input type="date" ng-model="request.finalDate" id="endDate" class="form-control"-->
<!--                                           placeholder="điểm cuối" required="required">-->
<!--                            </td>-->
<!--                                <td>-->
<!--                                <a ng-click="insertReport(pro.id, request.firstDate, request.finalDate)" class="btn btn-info btn-circle btn-sm">Thêm mới báo cáo></a><br>-->
<!--                                <a ui-sref="allReport({ID: pro.id})" class="btn btn-warning btn-circle btn-sm">Danh sách báo cáo</a> <br>-->
<!--                                <a ui-sref="reportEmployeeLack({ID: pro.id})" class="btn btn-danger btn-circle btn-sm" data-ng-click="">Ds thành viên thiếu báo cáo</a>-->
<!--                                </td>-->
<!--                        </tr>-->
<!--                        </form>-->
<!--                    </tbody>-->
<!--                </table>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->





<div class="container">
    <div class="row" ng-controller="reportController" >
        <div class="col-md-8"  ng-controller="insertProjectReportController">


            <h4>{{messages.view}}</h4>
            <tr></tr>
            <input class="search" ng-model="search" type="text" placeholder="Search" ng-change="currentPage =1">
            <tr></tr>
            <h2>Danh Sách Dự án (Đang được triển khai)</h2>

            <table class="table">

                <thead>

                <tr>
                    <th>STT</th>
                    <th>Tên dự án</th>
                    <th>Mô tả</th>
                    <th>Thời gian </th>
                    <th>Trạng thái</th>
                    <th>Chọn khoảng thời gian</th>
                    <th>Menu</th>
                </tr>
                </thead>
                <tbody>
                <tr class="vide"
                    data-ng-repeat="pro in projects|filter:search">
                    <td>{{$index+1}}</td>
                    <td>{{pro.name}}</td>
                    <td>{{pro.descriptions}}</td>
                    <td>{{pro.startDate | date:"dd/MM/yyyy"}} <br>--> {{pro.endDate | date:"dd/MM/yyyy"}}</td>
                    <td>{{pro.status}}</td>
                    <td class="form-label-group" >
                        <!--                                    <label for="startDate">Ngày Bắt Đầu</label>-->
                        <input type="date" ng-model="request.firstDate" id="startDate" class="form-control"
                               placeholder="điểm đầu" required="required">

                        <!--                                    <label for="endDate">Ngày Kết Thúc</label>-->
                        <input type="date" ng-model="request.finalDate" id="endDate" class="form-control"
                               placeholder="điểm cuối" required="required">
                    </td>
                    <td>
                        <a ng-click="insertReport(pro.id, request.firstDate, request.finalDate)" class="btn btn-info btn-circle btn-sm">Thêm mới báo cáo></a><br>
                        <a ui-sref="allReport({ID: pro.id})" class="btn btn-warning btn-circle btn-sm">Danh sách báo cáo</a> <br>
                        <a ui-sref="reportEmployeeLack({ID: pro.id})" class="btn btn-danger btn-circle btn-sm" data-ng-click="">Ds thành viên thiếu báo cáo</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="employeePerPage"></uib-pagination>


        </div>
    </div>

</div>
