<!doctype html>
<html lang="en" ng-app="phonecatApp">
<head>
	<meta charset="utf-8">
	<title>Angular tutorial</title>
	<script src="vendor/angular/angular.min.js"></script>
	<script src="assets/js/controllers.js"></script>
	<link rel="stylesheet" href="vendor/bootstrap/dist/css/bootstrap.css"/>
</head>

<body ng-controller="PhoneListCtrl">

	<div class="container-fluid">
		<div class="col-md-2">
			Search: <input ng-model="query"/>
			Sort by:
			<select ng-model="orderProp">
				<option value="name">Name</option>
				<option value="age">Age</option>
			</select>
		</div>

		<div class="col-md-10">
			<ul>
				<li ng-repeat="phone in phones | filter:query | orderBy:orderProp">
					<span>{{phone.name}}</span>
					<p>{{phone.snippet}}</p>
				</li>
			</ul>
		</div>
	</div>

</body>
</html>