<div class="container">
    <div class="row">
        <div class="col-md-8">
            <div>
                <legend>Employee Details</legend>
                <table>

                    <tr>
                        <td><label>User Name</label></td>
                        <td>
                            <input type="text" maxlength="29" ng-model="emp.username"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>First Name</label></td>
                        <td>
                            <input type="text" maxlength="29" ng-model="emp.firstName"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>Last Name</label></td>
                        <td>
                            <input type="text" maxlength="29" ng-model="emp.lastName"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label id="email" for="email">Email</label></td>
                        <td>
                            <input type="email" maxlength="150" ng-model="emp.emailAddress"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>Phone</label></td>
                        <td>
                            <input type="text" maxlength="10" value="" ng-model="emp.phoneNumber"/>
                        </td>
                    </tr>

                    <tr>
                        <td><label>education:</label></td>
                        <td>
                            <input ng-model="emp.education"/>
                        </td>
                    </tr>
                    <tr>
                        <td><label>home town:</label></td>
                        <td><input type="text" ng-model="emp.homeTown"/></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td >

                            <input type="submit" name="submit" value="submit" ng-click="save();"/>
                            <input type="submit" name="clear" value="clear" ng-click=" emp = null"/>
                        </td>
                    </tr>
                </table>
            </div>
            <br><br>
            <div>
                <table class="table">
                    <thead>
                    <tr>
                    <tr>

                        <td colspan="12">Thông tin nhân viên</td>
                    </tr>
                    <th>ID</th>
                    <th>User Name</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>EmailAddress</th>
                    <th>Phone</th>
                    <th>Education</th>
                    <th>Home Town</th>
                    <th>Department</th>
                    <th>Position</th>
                    <th colspan="2">Menu</th>

                    </tr>
                    </thead>
                    <tbody>
                    <tr class="vide" ng-repeat="emp in employess">
                        <td>{{$index + 1}}</td>
                        <td>{{emp.username}}</td>
                        <td>{{emp.firstName}}</td>
                        <td>{{emp.lastName}}</td>
                        <td>{{emp.emailAddress}}</td>
                        <td>{{emp.phoneNumber}}</td>
                        <td>{{emp.education}}</td>
                        <td>{{emp.homeTown}}</td>
                        <td>{{emp.department}}</td>
                        <td>{{emp.position}}</td>
                        <td><a href="#" ng-click="update(emp);">Edit</a>
                        <td><a href="#" ng-confirm-click=" Do you want to delete this user?" ng-click="delete(emp);">Delete</a>
                        </td>

                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
