<div class="card mb-3">

    <div class="card-header">
        <i class="fas fa-table"></i> Danh Sách Timesheet Dự án
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <div ng-controller="updateTimeSheetCheckedController">
<!--            <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;">
            {{timeSheetsMessages.view}}
            <table class="table table-bordered" id="dataTable" width="100%"
                   cellspacing="0">
                <thead>
                <tr>
                    <th>STT</th>
                    <th>Tiêu đề</th>
                    <th>Nội dung</th>
                    <th>Ghi chú</th>
                    <th>Ngày tạo</th>
                    <th>trạng thái duyệt</th>
                    <th>Menu</th>

                </tr>
                </thead>
                <tbody>
                <tr  data-ng-repeat="item in timeSheets|filter:search">
                    <td>{{$index+1}}</td>
                    <td>{{item.title}}</td>
                    <td>{{item.content}}</td>
                    <td>{{item.note}}</td>
                    <td>{{item.createdAt | date:"dd/MM/yyyy" }}</td>
                    <td>
                       <select ng-model="item.checked" class="form-control" autofocus="autofocus" required="required">
<!--                        <option value="">==> Trạng Thái</option>-->
                        <option value="unapproved">Chưa duyệt</option>
                        <option value="approved">Đã duyệt</option>
                        <option value="deny">Từ chối</option>
                        </select>
                    </td>
                    <td><a ui-sref="" class="btn btn-info btn-circle btn-sm">Xem </a>
                        <a ng-click="updateTimeSheetChecked(item.id, item.checked)" class="btn btn-warning btn-circle btn-sm">Duyệt </a>
                    </td>
                </tr>
                </tbody>
            </table>
            </div>
        </div>
    </div>
</div>