<div class="form-horizontal">
	<h3>Create a new Data</h3>
	<div class="form-group">
		<div class="col-md-offset-2 col-sm-2">
			<a id="Create" name="Create" class="btn btn-primary"
				href="#/DataConfig/new"><span
				class="glyphicon glyphicon-plus-sign"></span> Create</a>
		</div>
	</div>
</div>
<hr />
<div>
	<h3>Search for Data</h3>
	<form id="DataConfigSearch" class="form-horizontal">

		<div class="form-group">
			<label for="project" class="col-sm-2 control-label">Project</label>
			<div class="col-sm-10">
				<input id="project" name="project" class="form-control" type="text"
					ng-model="search.baseConfig.id.project"
					placeholder="Enter the Project Name"></input>
			</div>
		</div>

		<div class="form-group">
			<label for="buildVersion" class="col-sm-2 control-label">Build
				Version</label>
			<div class="col-sm-10">
				<input id="buildVersion" name="buildVersion" class="form-control"
					type="text" ng-model="search.baseConfig.id.buildVersion"
					placeholder="Enter the Build Version"></input>
			</div>
		</div>

		<div class="form-group">
			<div class="col-md-offset-2 col-sm-10">
				<a id="Search" name="Search" class="btn btn-primary"
					ng-click="performSearch()"><span
					class="glyphicon glyphicon-search"></span> Search</a>
			</div>
		</div>
	</form>
</div>
<div id="search-results">
	<div class="table-responsive">
		<table
			class="table table-responsive table-bordered table-striped clearfix">
			<thead>
				<tr>
					<th>Name</th>
					<th>Browser</th>
					<th>Status</th>
					<th>Description</th>
				</tr>
			</thead>
			<tbody id="search-results-body">
				<tr
					ng-repeat="result in searchResults | searchFilter:searchResults | startFrom:currentPage*pageSize | limitTo:pageSize">
					<td><a href="#/DataConfig/edit/{{result.id}}">{{result.scriptName}}</a></td>
					<td><a href="#/DataConfig/edit/{{result.id}}">{{result.browser}}</a></td>
					<td><a href="#/DataConfig/edit/{{result.id}}">{{result.status}}</a></td>
					<td><a href="#/DataConfig/edit/{{result.id}}">{{result.description}}</a></td>
				</tr>
			</tbody>
		</table>
	</div>

	<ul class="pagination pagination-centered">
		<li ng-class="{disabled:currentPage == 0}"><a id="prev" href
			ng-click="previous()">«</a></li>
		<li ng-repeat="n in pageRange" ng-class="{active:currentPage == n}"
			ng-click="setPage(n)"><a href ng-bind="n + 1">1</a></li>
		<li ng-class="{disabled: currentPage == (numberOfPages() - 1)}">
			<a id="next" href ng-click="next()">»</a>
		</li>
	</ul>

</div>
