<!DOCTYPE html>
<html lang="en" ng-app="MyTimeSheet" ng-controller="timesheetController">
<head>
    <meta charset="UTF-8">
    <title>Time Sheet</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="//unpkg.com/@uirouter/angularjs/release/angular-ui-router.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!--    <script src="../../js/angular.js"></script>-->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script src="timesheetController.js"></script>

</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div>
                <legend>Create Time Sheet</legend>
                <table>
                    <tr>
                        <td><label>Title</label></td>
                        <td>
                            <input type="text"  maxlength="29" ng-model="ts.title"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>Content</label></td>
                        <td>
                            <input type="text"  maxlength="29" ng-model="ts.content"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>Note</label></td>
                        <td>
                            <input type="text"  maxlength="29" ng-model="ts.note"/>
                        </td>
                    </tr>
                </table>
            </div>

            <div>
                <table class="table">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>Title</th>
                        <th>Content</th>
                        <th>Note</th>
                        <th>Employee</th>
                        <th>Create at</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr class="vide" ng-repeat="timesheet in timesheets">
                        <td>{{$index + 1}}</td>
                        <td>{{timesheet.title}}</td>
                        <td>{{timesheet.content}}</td>
                        <td>{{timesheet.note}}</td>
                        <td>{{timesheet.eproject.name}}</td>
                        <td>{{timesheet.createAt}}</td>

<!--                        <td><a href="#" ng-click="update(emp);">Update</a>-->
<!--                        <td><a href="#" confirmed-click="delete(employee);" ng-confirm-click=" Do you want to delete this user?">Delete</a></td>-->
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</body>
</html>