<div ng-controller="CourseListCtrl" class="wrapper">
	<div class="panel panel-default">
		<div class="panel-body">
			<div class="form-inline">
				<button ui-sref="course.add" class="btn btn-default">
					<i class="glyphicon glyphicon-plus"> 添加课程</i>
				</button>				
				<button ui-sref="course.import" class="btn btn-default">
					<i class="glyphicon glyphicon-import"> 导入课程</i>
				</button>
				<div class="input-group col-md-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" class="col-md-1">课程代码</th>
						<th nowrap="nowrap" class="col-md-3">课程名称</th>
						<th nowrap="nowrap" class="col-md-1">状态</th>
						<th nowrap="nowrap" class="col-md-1">是否开放编辑</th>
						<th nowrap="nowrap" class="col-md-4">操作</th>
					</tr>										
				</thead>
				<tbody>
					<tr ng-repeat="row in pageModel.array">
						<td>{{row.code}}</td>
						<td>{{row.name}}</td>
						<td class="{{row.status == 1 ? 'text-success' : 'text-danger'}}">{{row.statusName}}</td>
						<td class="{{row.openEdit == 1 ? 'text-danger' : 'text-success'}}">{{row.openEdit == 1 ? '是' : ''}}</td>
						<td>
							<button ng-click="edit(row.id)" class="btn btn-default btn-xs">
								<i class="glyphicon glyphicon-edit">编辑</i>								
							</button>
							<button ng-click="relatedBooks(row.id)" class="btn btn-default btn-xs">
								<i class="glyphicon glyphicon-book">关联教材</i>								
							</button>
							<button ng-click="editBook(row.id)" class="btn btn-default btn-xs">
								<i class="glyphicon glyphicon-camera">编辑教材</i>								
							</button>
							<button ng-click="relatedQuestionTypes(row.id)" class="btn btn-default btn-xs">
								<i class="glyphicon glyphicon-tag">关联题型</i>								
							</button>
							<button ng-click="showSkelSettingsModal(row)" class="btn btn-default btn-xs">
								<i class="glyphicon glyphicon-cog">细目表配置</i>								
							</button>
							<button ng-click="deleteCourse(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>