<div ng-controller="StockCtrl" class="wrapper">
	<div class="panel panel-default">
		<div class="panel-body">
			<div class="input-group col-sm-3">
			      	<div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
					<input type="text" placeholder="课程代码、课程名称" class="input-sm form-control" ng-model="search.keyword" ng-change="goPage(1)" />
			</div>
			<table class="table table-striped">
				<thead>
					<tr>
						<th>序号</th>
						<th>课程代码</th>
						<th>课程名称</th>
						<th>教材名称</th>
						<th>编者</th>
						<th>出版社</th>
						<th>版次</th>
						<th>启用卷</th>
						<th>清样卷</th>
						<th>毛坯卷</th>
						<th>总数量</th>
					</tr>
				</thead>
				<tbody>
					<tr ng-repeat="row in pageModel.array">
						<td>{{$index+1}}</td>
						<td>{{row.courseCode}}</td>
						<td>{{row.courseName}}</ td>
						<td>{{row.bookName}}</ td>
						<td>{{row.bookAuthor}}</td>
						<td>{{row.bookPress}}</td>
						<td>{{row.bookPressYear}}</td>
						<td>{{row.usedCount}}</td>
						<td>{{row.formalCount}}</td>
						<td>{{row.draftCount}}</td>
						<td>{{row.totalCount}}</td>
					</tr>
				</tbody>

			</table>
			<nav ng-if="pageModel.totalPage > 1">
				<ul class="pagination">
					<li class="{{pageModel.curPage == 1 ? 'disabled' : ''}}" ng-click="goPage(pageModel.curPage - 1)">
						<a aria-label="Previous"><span aria-hidden="true">&laquo;</span></a>
			      	</li>
				    <li ng-repeat="i in [9,8,7,6,5,4,3,2,1]" ng-if="pageModel.curPage - i > 0" ng-click="goPage(pageModel.curPage - i)">
				    	<a>{{pageModel.curPage - i}}</a>
			    	</li>
				    <li class="active"><a href="#">{{pageModel.curPage}}</a></li>
				    <li ng-repeat="i in [1,2,3,4,5,6,7,8,9]" ng-if="pageModel.curPage + i <= pageModel.totalPage" ng-click="goPage(pageModel.curPage + i)">
				    	<a>{{pageModel.curPage + i}}</a>
			    	</li>
				    <li class="{{pageModel.curPage == pageModel.totalPage ? 'disabled' : ''}}" ng-click="goPage(pageModel.curPage + 1)">
				      	<a aria-label="Next"><span aria-hidden="true">&raquo;</span></a>
				    </li>
				</ul>
			</div>
		</div>
	</div>
</div>