<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">
<!--                <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>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>--> {{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>
                        </form>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>