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

            <tr>
                <td><a ui-sref="addIssues" 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" style="margin-bottom: 10px;">
            <tr></tr>
            <h2>Danh Sách Issue</h2>

            <table class="table">

                <thead>

                <tr>
                    <th>Tên Dự Án</th>
                    <th>Issue</th>
                    <th>Ngày Tạo</th>
                    <th>Trạng Thái</th>
                    <th>Thao Tác</th>
                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="issue in pageListIssues|filter:search">
                    <td>{{ issue.project.name }}</td>
                    <td>{{ issue.title }}</td>
                    <td>{{ issue.startDate | date:"dd/MM/yyyy" }}</td>
                    <td>
                        <span ng-if="issue.status == 0" style="color: #34ce57">Đang fix</span>
                        <span ng-if="issue.status == 1" style="color: #0e90d2">Đã fix xong</span>
                    </td>
                    <td style="width: 200px">

                        <a ui-sref="IssuesComment({IssuesId : issue.id})" class="btn btn-info btn-circle btn-sm">
                            Chi Tiết </a>

                        <a ng-click="updateIssues(issue)">
                            <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="IssuesDeleteController"
                           data-ng-click="IssuesDelete(issue)">
                            <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>