<div ng-controller="BookListCtrl" class="wrapper">
	<div class="panel panel-default">
		<div class="panel-body">
		  <div class="form-inline">
			<button ui-sref="book.add" class="btn btn-default">
				<i class="glyphicon glyphicon-plus"> 添加教材</i>
			</button>
				<div class="input-group col-sm-3">
		      		<div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
					<input type="text" class="form-control" ng-model="search.keyword" placeholder="书号、教材名称或编者" ng-change="goPage(1)" />
				</div>
		  </div>
			
			<table class="table table-striped">
				<thead>
					<tr>
						<th nowrap="nowrap">DB</th>
						<th nowrap="nowrap">书号</th>
						<th nowrap="nowrap" class="col-md-3">教材名称</th>
						<th nowrap="nowrap">编者</th>
						<th nowrap="nowrap">出版社</th>
						<th nowrap="nowrap">版次</th>
						<th nowrap="nowrap">章数</th>
						<th nowrap="nowrap">启用时间</th>
						<th nowrap="nowrap">状态</th>
						<th nowrap="nowrap" class="col-md-2">操作</th>
					</tr>										
				</thead>
				<tbody>
					<tr ng-repeat="row in pageModel.array">
						<td>{{row.id}}</td>
						<td>{{row.code}}</td>
						<td>{{row.name}}</td>
						<td>{{row.editor}}</td>
						<td>{{row.press}}</td>
						<td>{{row.version}}</td>
						<td>{{row.chapterSize}}</td>
						<td>{{row.enableDate | date:'yyyy-MM'}}</td>
						<td class="{{row.status == 1 ? 'text-success' : 'text-danger'}}">{{row.status | userStatus}}</td>
						<td>
							<button ng-click="edit(row.id)" class="btn btn-default btn-xs">
								<i class="glyphicon glyphicon-edit"> 编辑</i>								
							</button>
							<button ng-click="deleteBook(row.id)" class="btn btn-danger btn-xs">
								<i class="glyphicon glyphicon-trash"> 删除</i>								
							</button>
						</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>