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

            <tr>
                <td><a ui-sref="addproject" class="btn btn-success" data-toggle="modal">
                    <i class="fa fa-file-pdf-o" aria-hidden="true"></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">
            <tr></tr>
            <h2>Thông tin dự án</h2>

            <table class="table">

                <thead>

                <tr>
                    <th>Tên Dự Án</th>
                    <th>Mô tả ngắn</th>
                    <th>Ngày bắt đầu</th>
                    <th>Hạn giao</th>
                    <th>Trạng Thái</th>
                    <th style="width: 200px">Thao Tác</th>
                </tr>
                </thead>
                <tbody>
                <tr class="vide"
                    ng-repeat="project in pageListProject|filter:search">
                    <td>{{ project.name }}</td>
                    <td>{{ project.descriptions }}</td>
                    <td>{{ project.startDate | date:"dd/MM/yyyy" }}</td>
                    <td>{{ project.endDate | date:"dd/MM/yyyy" }}</td>
                    <td>
                        <span ng-if="project.status == 0" style="color: #34ce57">Dự Kiến</span>
                        <span ng-if="project.status == 1" style="color: #0e90d2">Đang Tiến Hành</span>
                        <span ng-if="project.status == 2" style="color: #b21f2d">Hoàn Thành</span>
                    </td>
                    <!--                    thao tác-->
                    <td style="width: 200px">
                        <a ui-sref="groupProjectByProjectId({ID: project.id})" class="btn btn-info btn-circle btn-sm">
                            Xem </a>

                        <a ui-sref="editproject({ID: project.id})">
                                <button class="btn btn-primary btn-xs" data-title="Edit" data-toggle="modal"
                                        data-target="#edit"><span class="glyphicon glyphicon-pencil"></span></button>
                        </a>
                        <a ng-controller="deleteProject" data-ng-click="deleteProject(project.id)">
                                <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>

